//vars 
 var arrayofloc = [ 115, 300, 90, 300, 200, 180, 100, 100, 80, 90, 65 ]
 var alttag;
 var minusone;
 var idlink;
 var classlink;


// images
 $(".sprite").mouseover(function(){	
 
	alttag = $(this).attr("alt"); //get the attr of alt to fin it in an array
	minusone = alttag -1; // array fixer.... shut of you know what it does!
	idlink =  $(this).attr("id")
	//alert(idlink)
	$("#"+idlink+"").stop().animate({backgroundPosition: '0px -'+arrayofloc[minusone]+'px'});
	 $("."+idlink+"_link").css("text-decoration","underline"); 
	 
	 $(this).click(function(){

		var url = $("."+idlink+"_link").attr('href'); // Saves the link of the clicked link.
		
		 window.location.href=url 
	
	 
	 })

 })

 $(".sprite").mouseout(function(){
	$("."+idlink+"_link").css("text-decoration","none");
	$(this).stop().animate({backgroundPosition: '0px 0px'});
 })

//// buttons
 $("#header_links a").mouseover(function(){
	classlink = $(this).attr("class").replace("_link", ""); //get the attr of class 
	alttag = $(this).attr("alt"); //get the attr of alt to fin it in an array
	minusone = alttag -1; // array fixer.... shut of you know what it does!

	$("#"+classlink+"").stop().animate({backgroundPosition: '0px -'+arrayofloc[minusone]+'px'});
	 $(this).css("text-decoration","underline");
 })

  $("#header_links a").mouseout(function(){
	 $("#"+classlink+"").stop().animate({backgroundPosition: '0px 0px'});
	 $(this).css("text-decoration","none");
 })


// back in history button
$("#backspace").click(function(){
	history.go(-1);
})

// start the light fading loop
light();
function light(){
     $("#switch_light").animate({opacity: '0.5'}, 2000,
		function(){
     		$("#switch_light").animate({opacity: '1'}, 2000);
			light();
	})
	
}
	
	
$("#download").fadeOut(0); // hides download button