/* -------------------------------------------
	MELLOWDOWN.NET
	http://www.mellowdown.net
------------------------------------------- */

var xmlUrl = "promoslide/item.xml";
var fadeTime = 1500;
var delayTime = 5000;
var autoFlg = true;
var naviFlg = true;
var currentNo = 0;
var oldNo = 0;
var imageLength;
var tid;
	
$(function() {
	$.ajax({
		type: "GET",
		url: xmlUrl,
		dataType: "xml",
		success: xmlParser
	});
});

function xmlParser(xml) {
	$("#promo2").append("<ul id=\"list\"></ul>");
	
	$(xml).find("item").each(function () {
			
		var url = $(this).find("url").text();
		var image = $(this).find("image").text();
		var title = $(this).find("title").text();
		
		$("ul#list").append(
			"<li><a href=\"" + url + "?ref=promoslide\"><img src=\"promoslide/source/" + image + "\" alt=\"" + title + "\" /></a></li>\n"
		);
	});
	
	imageLength = $("#promo2 ul > li").size();

	if (imageLength < 2) return;
	
	$("ul#list li").hide();
	$("ul#list li:eq(0)").fadeIn(1000);

	if (naviFlg) {
		$("#promo2 ul#list").after("<ul id=\"navi\"></ul>");
		for (i = 0; i < imageLength; i++) {
			$("ul#navi").append("<li id=\"imageNo_" + i + "\"><a href=\"javascript:void(0);\"><img src=\"promoslide/source/navi" + eval(i + 1) + ".png\" /></a></li>\n");
		}
		$("ul#navi li a:eq(" + currentNo + ")").addClass("current");
		$("ul#navi").css("right","-"+ eval(420-((i-2)*31)) +"px");
		$("ul#navi").addClass("navi"+ i +"");
		$("ul#navi").addClass("png_bg");
		$("ul#navi").before("<img src=\"promoslide/navi_bg_l.png\" class=\"rightbg"+ i +"\" height=\"47\" width=\"6\">");
		$("ul#navi").after("<img src=\"promoslide/navi_bg_r.png\" class=\"leftbg\" height=\"47\" width=\"5\">");

		$("ul#navi li").click(function() {
			var targetNo = $(this).attr("id").replace("imageNo_", "");
			if (targetNo != currentNo) {
				oldNo = currentNo;
				currentNo = targetNo;
				changeImage();
				if (autoFlg) {
					clearInterval(tid);
				}
			}
		});
	}
	if (autoFlg) tid = setInterval("setNo()",delayTime);
	
}

function setNo() {
	oldNo = currentNo;
	currentNo++;
	if (currentNo >= imageLength) {
		currentNo = 0;
	}
	changeImage();
}
	
function changeImage() {		
	$("ul#list li:eq(" + oldNo + ")").fadeOut(fadeTime);
	$("ul#list li:eq(" + currentNo + ")").fadeIn(fadeTime);
	
	if (naviFlg) {
		$("ul#navi li a:eq(" + oldNo + ")").removeClass("current");
		$("ul#navi li a:eq(" + currentNo + ")").addClass("current");
	}
}