$(document).ready(function(){
	var mover = 0;
	$(".navblock").mouseover(function(){
		var blockid = "#" + $(this).attr("id");
		
		$(blockid + " .subnavblock").show();

	});
	
	$(".navblock").mouseout(function(){
		var blockid = "#" + $(this).attr("id");
		$(blockid + " .subnavblock").hide();

	});
	
	
	var running = false;
	// Kick off the slideshow. Must happen after image loads or it does a zoom:
	$("#slide1").load(function() {
			$(".slideshowimg, #pickerbox").show();
			slide1();
			$("#isiton").html('yes');
			
	});
	
	// Just activate it if it's ie, because ie isn't having that problem:
	if ($.browser.msie) {
		$(".slideshowimg, #pickerbox").show();
			slide1();
	}
	
	$("#pickerbox div").mouseover(function(){
		clearTimeout(mover);
		clearTimeout(mover);
		clearTimeout(mover);
		clearTimeout(mover);
		var blockid = $(this).attr("title");
		showstopper(blockid);

	});
	
	$("#pickerbox div").mouseout(function(){
		clearTimeout(mover);
		clearTimeout(mover);
		clearTimeout(mover);
		clearTimeout(mover);
		mover = setTimeout(restart, 3000);

	});
	
	$('#footer').animate({width:900}, 4000, function() {
			runit(running);
	});
	
	$("#slider").mouseover(function(){
		clearTimeout(shifter);
		clearTimeout(trigger);
		
		clearTimeout(restart);

	});
	
	$("#slider").mouseout(function(){
								   //alert("out");
		clearTimeout(shifter);
		clearTimeout(trigger);
		clearTimeout(restart);
		restart = setTimeout(leftyTrigger, 1000);

	})
	
	$("#nextslide").mouseover(function(){
		clearTimeout(shifter);
		clearTimeout(trigger);
		clearTimeout(restart);

	});
	
	$("#nextslide").click(function(){
		shiftSliderLeft();

	});
	
	$("#nextslide").mouseout(function(){
		
		$("#nextslide").css({"color" : "#1f8eff;"});
		restart = setTimeout(leftyTrigger, 1000);

	})
	
	$("#prevslide").mouseover(function(){
		clearTimeout(shifter);
		clearTimeout(trigger);
		clearTimeout(restart);
		$("#prevslide").css({"color" : "#e5007d"});

	});
	
	$("#prevslide").click(function(){
		shiftSliderRight();

	});
	
	$("#prevslide").mouseout(function(){
		$("#prevslide").css({"color" : "#1f8eff;"});
		restart = setTimeout(leftyTrigger, 1000);

	})
	
	shifter = setTimeout(leftyTrigger, 1000);
	
});

function shiftSliderLeft(){

	var leftnow = $('#slider').css("left");	
	var leftnow1 = leftnow.replace("-", "");
	var leftnow2 =leftnow1.replace("px", "");				
	var leftnow3 = parseInt(leftnow2)
	//alert(leftnow3);
	var leftnext = leftnow3 + 300;
	//alert(leftnow3);	
	var foo = (leftnow3 + 300);
	
	var allwidth = $('#slider').css("width");
	
	var allwidth1 = allwidth.replace("-", "");
	
	var allwidth2 = allwidth1.replace("px", "");				
	var allwidth3 = parseInt(allwidth2)
	
	
	if(foo >= allwidth3){
		
		goto = "0px";			
	}
	else {
		
		goto = "-" + leftnext + "px";
	}
	
	$('#slider').animate({"left": goto}, 800, function(){
																													
										
	});	
	
}

function shiftSliderRight(){
		
	var leftnow = $('#slider').css("left");	
	var leftnow1 = leftnow.replace("-", "");
	var leftnow2 =leftnow1.replace("px", "");				
	var leftnow3 = parseInt(leftnow2)
	//alert(leftnow3);
	
	var allwidth = $('#slider').css("width");
	
	var allwidth1 = allwidth.replace("-", "");
	
	var allwidth2 = allwidth1.replace("px", "");				
	var allwidth3 = parseInt(allwidth2)
	
	//alert ("yo");
	if(leftnow3 == 0){
		goer = allwidth3 - 300;
		goto = "-" + goer + "px";			
	}
	else {
		var leftnext = leftnow3 - 300;
		goto = "-" + leftnext + "px";
	}
	
	$('#slider').animate({"left": goto}, 800, function(){
																													
											
	});	
	
}

function leftyTrigger() {
	shifter = setTimeout(shiftSliderLeft, 3000);
	trigger = setTimeout(leftyTrigger, 3001);
}

// This is the workaround to trigger the homepage lightbox on browsers that don't pick up the onload
function runit(){
	running = $("#isiton").html();
	
	if(running == 'no'){
		$(".slideshowimg, #pickerbox").show();
		slide1();
	}
}




function showstopper(id) {
	//alert("foo");
	$(".slideshowimg img").stop();
	
	$("#pickerbox div").css({"opacity" : "0.5"});
	$("#picker" + id).css({"opacity" : "0.9"});
	
	$("#slidediv5, #slidediv4, #slidediv3, #slidediv3, #slidediv2, #slidediv1").fadeOut(1);
	$('#slide' + id).animate({width: 500}, 1);
	$("#slidediv" + id).fadeIn(1);
}


// SLIDESHOW

function slide1() {
	var running = true;
	// Bgs of pickers:
	$("#pickerbox div").css({"opacity" : "0.5"});
	$("#picker1").css({"opacity" : "0.9"});
	
	$(".slideshowimg").fadeIn(800);
	$('#slide1').animate({width: 540}, 5000);
	mover = setTimeout(slide2, 5000);
}

function slide2() {
	$("#pickerbox div").css({"opacity" : "0.5"});
	$("#picker2").css({"opacity" : "0.9"});
	
	$("#slidediv1").fadeOut(800);
	$('#slide2').animate({width: 540}, 5000);
	mover = setTimeout(slide3, 5000);
}

function slide3() {
	
	$("#pickerbox div").css({"opacity" : "0.5"});
	$("#picker3").css({"opacity" : "0.9"});
	$("#slidediv2").fadeOut(800);
	$('#slide3').animate({width: 540}, 5000);
	mover = setTimeout(slide4, 5000);
}

function slide4() {
	
	$("#pickerbox div").css({"opacity" : "0.5"});
	$("#picker4").css({"opacity" : "0.9"});
	$("#slidediv3").fadeOut(800);
	$('#slide4').animate({width: 540}, 5000);
	mover = setTimeout(slide5, 5000);
}

function slide5() {
	
	$("#pickerbox div").css({"opacity" : "0.5"});
	$("#picker5").css({"opacity" : "0.9"});
	$('#slide5').animate({width: 500}, 1);
	$("#slidediv4").fadeOut(800);
	$('#slide5').animate({width: 540}, 5000);
	mover = setTimeout(restart, 5000);
}

function restart() {
	$("#slidediv5").fadeOut(1);
	$("#slide4, #slide3, #slide2, #slide1, #slide5").width(500);
	slide1();
}