var ready = new Array(0,0,0,0);

function ChangeState(invis)
{
   if (ready[1])
   {      

      if (invis==1) vis = 2; else {invis = 2; vis=1;}

      $('#photo'+vis).animate({ opacity: "hide" },"fast",function(){$('#photo'+invis).animate({ opacity: "show" },"slow");});

      setTimeout("UpdatePhoto(1,"+vis+")",6000);
      ready[1]=0; ready[2]=0; ready[3]=0;
   }
}

function UpdatePhoto(id,num)
{
    $('#photo'+num).load('/site.spec/get_random_img.php',function(){
	ready[id]=1;ChangeState(num);        
    });
}

$(document).ready(function(){

	var zIndexNumber = 1000;

	$("div").each(function(){                 
		$(this).css('zIndex', zIndexNumber);                 
		zIndexNumber -= 10;         
	});  

	UpdatePhoto(1,2);

	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});	



});