/*
 * Starting Variables
 */

running = "on";

boxOld = 1;
boxNum = 2;
maxNum = 4;

var lastBlock = $("#box1");
var maxWidth = 517;
var minWidth = 49;

$(document).ready(function()
{
	lastBlock = $("#box1");
	maxWidth = 517;
	minWidth = 49;
	
	for(num = 2; num <= maxNum; num++)
	{
		$("#box"+num).css("opacity", ".5");
	}
	
	$(".block").mouseover(function()
	{
		running = "off";
		clearInterval(slideshow);
		$(lastBlock).animate({width: minWidth+"px", opacity: .5}, { queue:false, duration:400 });
		$(this).animate({width: maxWidth+"px", opacity: 1}, { queue:false, duration:400});
		lastBlock = this;
		boxOld = lastBlock.id.split("box")[1];
		if(boxNum <= maxNum)
		{
			boxNum = parseInt(boxOld) + 1;
		}
		if(boxNum > maxNum)
		{
			boxNum = 1;
		}
		slideshow = setInterval( "accordianSwitch()", 5000 );

	});

	$(".block").mouseout(function()
	{
		running = "on";
	});

	$(function()
	{
	   	slideshow = setInterval( "accordianSwitch()", 5000 );
	});

});

function accordianSwitch()
{
	if(running == "on")
	{
		$("#box"+boxOld).animate({width: minWidth+"px", opacity: .5}, { queue:false, duration:400 });
	
		$("#box"+boxNum).animate({width: maxWidth+"px", opacity: 1}, { queue:false, duration:400});
		
		boxOld = boxNum;
		lastBlock = $("#box"+boxNum);
		
		if(boxNum <= maxNum)
		{
			boxNum = parseInt(boxNum) + 1;
		}
		if(boxNum > maxNum)
		{
			boxNum = 1;
		}
	}

}