//トップの画像をスライドさせるやつ

var OsakaInfoTop = function(){
	var data = [];
	var intervalID = null;
	var id = 0;
	
	D = {
		init : function() {
			$.ajax({
				url : "common/header_img/data.xml",
				dataType : "xml",
				timeout: 1000*10,
				success : loadSuccess
			});
		},
		
		nextPhoto : function() {
			++id;
			if (data.length == id) id = 0;
			addImg(id);
		}
	}
	
	function loadSuccess(xml) {
		$(xml).find("img").each(function(a){
			var img = $(this);
			var src = img.attr("src");
			var url = img.find("url").text();
			var title = img.find("title").text();
			var alt = img.find("alt").text();
			data.push(createrHeadImg(title, url, src, alt));
			$("#header_ctrl").append('<div id="bt'+a+'"></div>');
		});
		$("#header_ctrl div").click(loadImg);
		addImg(id);
		startSlide();
	}
	
	function createrHeadImg(title, url, img, alt) {
		var h = '<div id="img" class="header_img_tag"><a href="/ad/ad.php?url='+url+'"'
		+ ' title="'+title+'" target="_blank">'
		+ '<img src="common/header_img/img/'+img+'" alt="'+alt+'" width="800" height="180" /><\/a><\/div>';
		return h;
	}
	
	function startSlide() {
		intervalID = setInterval("OsakaInfoTop.nextPhoto();", 1000 * 5);
	}
	
	function stopSlide() {
		clearInterval(intervalID);
	}
	
	function addImg(i) {
		if ($("#img").attr("id") != undefined) {
			$("#img").attr("id","bk");
			$(".on").removeClass("on");
		}
		$(".header_image").append(data[i]);
		$("#bt"+i).addClass("on");
		$("#bk").animate(
			{width: "0px"},
			{duration: "slow", easing: "linear", complete: fadeOutEnd}
		);
	}
	
	function fadeOutEnd() {
		$("#bk").remove();
	}
	
	function loadImg() {
		var me = $(this);
		if ($(this).hasClass("on")) return;
		stopSlide();
		var num = me.attr("id");
		id = parseInt( num.substr(2) );
		addImg(id);
		startSlide();
	}
	
	return D;
}();

$(document).ready(OsakaInfoTop.init);