// JavaScript Document
var slideCur = 0;
var slideTotal = 0;
var imgs = '';

$(document).ready(function(){
	
	imgs = $("#slide img");
	imgs.css({opacity: 0, display:'block'});
	$(imgs[0]).animate({opacity: 1}, 2000);
	slideTotal = $(imgs).length;

	if(slideTotal > 1)
		setInterval('fadeNextSlide()', 10000);
		
		
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	if($("#boxgrid").length > 0)
	{
		$('#boxgrid>li').hover(
			function(){
				$("div", this).stop().animate({'top':-155},{queue:false,duration:300});
			}, 
			function() {
				$("div", this).stop().animate({'top':0},{queue:false,duration:300});
			}
		);
	}
});

function fadeNextSlide(){
	$(imgs).eq(slideCur).animate({opacity: 0}, 2000);
	slideCur++;
	if(slideCur == slideTotal)
		slideCur = 0;
	$(imgs).eq(slideCur).animate({opacity: 1}, 2000);
}