$(document).ready(function() {
	var thisObj = $("#flash-banner");
	var size = thisObj.find("li").size();
	thisObj.find("li").hide();	
	var curSlide = 0;
	var curTimeSpan;
	var playMode = true;
	thisObj.append('<div id="flash-banner-nav"></div>');
	thisObj.find("li").each(function() {
			$("#flash-banner-nav").append('<a></a>');
	});
	thisObj.find("li:eq(0)").show();
	$("#flash-banner-nav").find("a:eq(0)").addClass("hover");
	
	function autoPlay() {
		if(playMode)
		{
			playMode= false;
			curSlide++;
			if(curSlide >= size)
			{
				curSlide = 0;
			}
			thisObj.find("li:visible").fadeOut(1500, function() {});
			$("#flash-banner-nav a").removeClass("hover");	
			thisObj.find("li:eq("+curSlide+")").fadeIn(1500, function() {playMode= true});
			$("#flash-banner-nav a:eq("+curSlide+")").addClass("hover");	
		}
	}
	curTimeSpan = setInterval(autoPlay, 5000);
	$("#flash-banner-nav a").hover(function(){
		clearInterval(curTimeSpan);
	}, function(){
		curTimeSpan = setInterval(autoPlay, 5000);
	});
	
	$("#flash-banner-nav a").click(function(){		
		if(playMode)
		{
			playMode= false;
			var index = $("#flash-banner-nav a").index(this);
			curSlide = index;
			thisObj.find("li:visible").fadeOut(1500, function() {});
			$("#flash-banner-nav a").removeClass("hover");
			thisObj.find("li:eq("+curSlide+")").fadeIn(1500, function() {playMode= true});
			$("#flash-banner-nav a:eq("+curSlide+")").addClass("hover");
		}
	});	
});