// Set menu code start here
var curPromo = 1;
var nextPromo = 2;
var prevPromo;
var bannerWidth = 300;
var promoCount;
var t;
var timer = 5000;
var slideSpeed = 300;

$(document).ready(function() { 
	promoCount = $('.setMenuImage').find('.setMenu').length;
	prevPromo = promoCount;
	t = setTimeout(function() { timedCount() }, timer); 
	$('#promoLeftButton').click(function(){ promoRight(); });
	$('#promoRightButton').click(function(){ promoLeft(0); });
	
	$('.dot').each(function(i) {
		$(this).click(function(){ 
			var name = this.id;
			var idStr = name.split('t');
			promoLeft(parseInt(idStr[1]));
		});
	});

});

function timedCount() {
	promoLeft(0);
}

function promoLeft(num) {
	if(num != 0) {
		if(num != curPromo) {
			$('#setMenu' + curPromo).animate({'left': '-' + bannerWidth + 'px'}, slideSpeed);
			nextPromo = num;
			$('#setMenu' + prevPromo).css('left', bannerWidth + 'px');
			$('#setMenu' + nextPromo).css('left', bannerWidth + 'px');
			$('#setMenu' + nextPromo).animate({'left': '0px'}, slideSpeed);
			
			curPromo = nextPromo;
			if(curPromo > promoCount) curPromo = 1;
			nextPromo = curPromo + 1;
			if(nextPromo > promoCount) nextPromo = 1;
			prevPromo = curPromo - 1;
			if(prevPromo < 1) prevPromo = promoCount;
			clearTimeout(t);
			t = setTimeout(function() { timedCount() }, timer); 
		}
	} else {
		$('#setMenu' + nextPromo).css('left', bannerWidth + 'px');
		$('#setMenu' + curPromo).animate({'left': '-' + bannerWidth + 'px'}, slideSpeed);
		$('#setMenu' + nextPromo).animate({'left': '0px'}, slideSpeed);
		curPromo++;
		if(curPromo > promoCount) curPromo = 1;
		nextPromo = curPromo + 1;
		if(nextPromo > promoCount) nextPromo = 1;
		prevPromo = curPromo - 1;
		if(prevPromo < 1) prevPromo = promoCount;
		clearTimeout(t);
		t = setTimeout(function() { timedCount() }, timer); 
	}
	for(var i=1; i<=promoCount; i++) {
		$('#dot' + i).removeClass('active');
	}
	$('#dot' + curPromo).addClass('active');
}

function promoRight() {
	$('#setMenu' + prevPromo).css('left', '-' + bannerWidth + 'px');
	$('#setMenu' + curPromo).animate({'left': bannerWidth + 'px'}, slideSpeed)
	$('#setMenu' + prevPromo).animate({'left': '0px'}, slideSpeed)
	curPromo--;
	if(curPromo < 1) curPromo = promoCount;
	prevPromo = curPromo - 1;
	if(prevPromo < 1) prevPromo = promoCount;
	nextPromo = curPromo + 1;
	if(nextPromo > promoCount) nextPromo = 1;
	clearTimeout(t);
	t = setTimeout(function() { timedCount() }, timer); 
	for(var i=1; i<=promoCount; i++) {
		$('#dot' + i).removeClass('active');
	}
	$('#dot' + curPromo).addClass('active');
}	
// Set menu code end here