// preload
$("<img>").attr("src", '/design/arrow.png');
$("<img>").attr("src", '/design/ozark-2010.jpg');
$("<img>").attr("src", '/design/ozark-2020.jpg');
$("<img>").attr("src", '/design/ozark-2030.jpg');

$(document).ready(function(){

	// var auto_refresh = setInterval(function(){$('#gantlet').load('http://9lessons.net63.net/sri.php').fadeIn("slow");},10000); 
	// refresh every 10000 milliseconds
	
	//$('#arrow1').animate({top:'0px', left:'+=520px'},300) /*.animate({top:'0px', left:'-=270px'},300)*/;
	//$('#arrow2').animate({top:'0px', left:'+=510px'},400) /*.animate({top:'0px', left:'-=140px'},300)*/;
	//$('#arrow3').animate({top:'0px', left:'+=930px'},500) /*.animate({top:'0px', left:'-=140px'},300)*/;

	//var timer = setInterval(animDiv, 20000);
	//function animDiv(){$('#gantlet').animate({top:'0px', left:'+=270px'},700).animate({top:'0px', left:'-=270px'},700);}
		    		
	//
	
	$("#panes").hoverIntent(nada,leaveall);

	$("#p1").hoverIntent(tallP1,nada);					
	$("#p2").hoverIntent(tallP2,nada);			
	$("#p3").hoverIntent(tallP3,nada);
	$("#p4").hoverIntent(tallP4,nada);
									
	/*
	$("#demo li").hoverIntent({
		sensitivity: 3, 
		interval: 200,
		timeout: 500, 
		over: makeTall,
		out: makeShort
	});
	*/
});

function tallP1(){
			
	$("#p1").animate({"width":'760px'},'slow');
	$("#p2").animate({"width":'80px'},'slow');
	$("#p3").animate({"width":'80px'},'slow');
	$("#p4").animate({"width":'80px'},'slow');
	$('#arrow1').animate({"top":'0px', "left":'-510px'},'slow');
}

function tallP2(){
			
	$("#p1").animate({"width":'150px'},'slow');
	$("#p2").animate({"width":'700px'},'slow');
	$("#p3").animate({"width":'80px'},'slow');
	$("#p4").animate({"width":'80px'},'slow');
	$('#arrow1').animate({"top":'0px', "left":'110px'},'slow');
	$('#arrow2').animate({"top":'0px', "left":'-50px'},'slow');
}

function tallP3(){

	$("#p1").animate({"width":'150px'},'slow');
	$("#p2").animate({"width":'80px'},'slow');
	$("#p3").animate({"width":'700px'},'slow');
	$("#p4").animate({"width":'80px'},'slow');
	$('#arrow2').animate({"top":'0px', "left":'570px'},'slow');
}

function tallP4(){

	$("#p1").animate({"width":'150px'},'slow');
	$("#p2").animate({"width":'80px'},'slow');
	$("#p3").animate({"width":'80px'},'slow');
	$("#p4").animate({"width":'700px'},'slow');
}
	
// weleave = $(this).attr('id');
// mywidth = $("#p1").css("width");

function leaveall(){
	
	$("#p2").animate({"width":'590px'},'0');
	$("#p1").animate({"width":'150px'},'0');
	$("#p3").animate({"width":'130px'},'0');
	$("#p4").animate({"width":'130px'},'0');
	$('#arrow1').animate({"top":'0px', "left":'0px'},'slow');
	$('#arrow2').animate({"top":'0px', "left":'0px'},'slow');
	
}	

function nada(){}