var iImgWidth = 775

var iSlideTime = 700
var iFadeTime = 250
var iAnimated = 0

var iItem = 0
var arrElements = new Array
arrElements = jQuery(".CaseRoot")
jQuery(".FlexContent").find(".Description").css("opacity", "0")

var oTimer 

var oAutoTimer
var iAutoTime = 4000

var sLastAnimated = ""

//Add onmouse enter to elements
jQuery(".CaseRoot").click(function(){setAnimation(jQuery(this).attr('id'))});

//Animate the first Item;

autoAnimate()

var bWebkit
if (navigator.userAgent.search(/webkit/i) > -1){
 bWebkit = true
}



function autoAnimate(){

slideOpen(arrElements[iItem].id);
iItem += 1
if (iItem >= arrElements.length) {
	iItem = 0
	if (bWebkit){
	 return;
	}
	}

oAutoTimer = setTimeout("autoAnimate()", iAutoTime)

}

function setAnimation(oSlide){
	clearTimeout(oAutoTimer)
	if (oSlide != sLastAnimated){
		slideOpen(oSlide)
	}
}

function slideOpen(oSlide) {
		if (iAnimated == 0){
			iAnimated = 2;
			slideOpenNow(oSlide);
			if (oSlide != sLastAnimated){
				if (sLastAnimated != ""){
					slideCloseNow(sLastAnimated);
				}
				else{
					iAnimated = 0
				}
				sLastAnimated = oSlide;
				}
			else{
				iAnimated = 1
			}
		}
		else
		{
			clearTimeout(oTimer);
			oTimer = setTimeout(function(){slideOpen(oSlide);}, 500);
		}
}

function slideOpenNow(oSlide){
	jQuery("#" + oSlide).addClass("Active")
	jQuery("#" + oSlide).find(".FlexContent").animate({width:iImgWidth}, iSlideTime, "swing", function(){slideOpenReady(oSlide)});
}

function slideOpenReady(oSlide){
	jQuery("#" + oSlide).find(".Description").animate({opacity:0.95}, iFadeTime, "swing", resetAnimation);
}

function slideCloseNow(oSlide){
jQuery("#" + oSlide).removeClass("Active")
jQuery("#" + oSlide).find(".Description").animate({opacity:0}, iFadeTime, "swing");
jQuery("#" + sLastAnimated).find(".FlexContent").animate({width:0}, iSlideTime, "swing",resetAnimation)
}

function resetAnimation(i){
	iAnimated = iAnimated - 1
	if (iAnimated <= 0){
		iAnimated = 0
	}
}