// JavaScript Document
var AUTOIMAGE_INTERVAL = 10000;
var currentImage;
var loopIndex;
var numLoop;
var $hero;
var autoImageChange;
$(document).ready(function(){
	initImageChange();
});

function initImageChange(){
	$hero = $("#hero");
	numLoop = $("li", $hero).length;
	makeOpacityZero($("li:not(:eq(0))", $hero));
	currentImage = $("li:eq(0)", $hero);
	
	transIn(currentImage);
	
	loopIndex = 0;
	
	autoImageChange = setTimeout("onAutoImage()", AUTOIMAGE_INTERVAL);
}

function transIn(tar){
	tar.addClass("current");
	tar.css("display", "block");
	tar.fadeTo(400, 1, onTransInComplete);
}
function changeImage(targetIndex){
	var targetImage = $("li:eq("+ targetIndex + ")", $hero);
	if(!currentImage || currentImage.get(0) != targetImage.get(0)){
		if(currentImage){
			currentImage.removeClass("current");
			currentImage.css("display","block");
			currentImage.stop(true);
		}
		transIn(targetImage);
		currentImage = targetImage;
	}
}

function makeOpacityZero(tar){
	tar.css("opacity", 0);
	tar.css("display", "none");
	tar.css("filter", "alpha(opacity=0)");
	tar.removeClass("current");
}

function onTransInComplete(){
		var jobj = $(this).siblings();
		makeOpacityZero(jobj);
	}

function onAutoImage(){
	loopIndex++;
	if(loopIndex > numLoop - 1){
		loopIndex = 0;
	}
	changeImage(loopIndex);
	autoImageChange = setTimeout("onAutoImage()", AUTOIMAGE_INTERVAL);
}