// JavaScript Document
$.loadBgImage = function()
{
	for(var i = 0; i<arguments.length; i++)
	{	
		$("<img>").attr("src", "../assets/images/"+arguments[i]).bind("load",function(e){	
			$("div.bodyDiv").css("backgroundImage","url(" + this.src  + ")").ifixpng();
	    });
	}
}

$(document).ready( 
	function(){ 
		//initialize page variables		
		
		//choose random Background image
		var totalNum = 5; //the total number of images in a folder.
		var rndNum = Math.floor(Math.random() * totalNum) +1;
		var bgImage = "musician" + rndNum  + ".png";
		$.loadBgImage(bgImage);
		
		// apply transparency fix for IE6 to all png images 
		$(' div.widgetbar,img[@src$=.png]').ifixpng();
		
		//display body
		$('div.rightColumn').animate({ 
        height: "400px",
		paddingBottom: "20px"
      }, 1000 );
		
		//apply events to buttons
		$('#scrollup').click(function(){$('#pagecopy').scrollTo( {top:'-=200px'}, 800 );});
		$('#scrolldown').click(function(){$('#pagecopy').scrollTo( {top:'+=200px'}, 800 );});
		
		$('#scrollup').mousedown(
				function(e){
					$(this).attr("src",'assets/images/arrowupHover.png').ifixpng();
				}).mouseup(
				function(e){
					$(this).attr("src",'assets/images/arrowup.png').ifixpng();
				});
		$('#scrolldown').mousedown(
				function(e){
					$(this).attr("src",'assets/images/arrowdownHover.png').ifixpng();
				}).mouseup(
				function(e){
					$(this).attr("src",'assets/images/arrowdown.png').ifixpng();
				});
		//z-index fix for ie 6 
		//$("div.widgetbar").css("zIndex","999");
	}
);