var topCtl={};


$(document).ready(function(){
	topCtl.init();
});


topCtl.init=function(){
	//var mainImgArray=new Array();
	var contentsArea;
	$.ajax({
        type: "GET",
        url: "top.xml",
        dataType: "xml",
        success: contentsSet,
		error: function(){
    	    alert("xml load error");
	    }
    });
	function contentsSet(xml){
		var num=$(xml).find("list").length;
		var readingList;
		contentsArea=$("#multiHeroContents");
		var controlArea=$("#multiHeroControls");
		
		var addTag="";
		for(var i=0;i<num;i++){
			readingList=$(xml).find("list").eq(i);
			var targetName=readingList.attr("name");
			var targetURL=readingList.find("url").text();
			var targetBnr=readingList.find("bnr").text();
	
			if(targetURL==""){
				addTag='<li><img src="'+readingList.find("image").text()+'" alt="'+targetName+'" /></li>';
			}else{
				addTag='<li><a href="'+targetURL+'"><img src="'+readingList.find("image").text()+'" alt="'+targetName+'" /></a></li>';
			}
			contentsArea.append(addTag);
			
			if(targetBnr==""){
				addTag='<li class="none"></li>';
			}else{
				addTag='<li class="show'+(i+1)+'"><a href="'+targetURL+'"><img src="'+targetBnr+'" alt="'+targetName+'" width="305" height="55" /></a></li>';
			}
			controlArea.append(addTag);
		}
		
		controlArea.find("li a").mouseover(
			function(){
				bnrSelect($(this));
			}
		);
		/*controlArea.find("li a").click(
			function(){
				
				//bnrSelect($(this));
				//return false;
			}
		);*/
		
		controlArea.hover(
			function(){
				movieCtl(false);
				contentsArea.stop().fadeTo(500,1);
			},function(){
				movieCtl(true);
				contentsArea.stop().fadeOut(500,0);
			}
		);
		contentsArea.stop().fadeTo(0,0);//初期表示用
		
		//追加タグへのイメージロールオーバー
		addRollover(contentsArea);
		addRollover(controlArea);
		
		//scrollbarセット
		$(".multiHeroControls").jScrollPane();
		$('.keyvisual-nav-box').jScrollPane({showArrows:true});

	}
	
	function bnrSelect(target){
		var targetClass=target.parent().attr("class").split(" ")[0];
		var targetNo=targetClass.split("show").join("");
		imgShow(targetNo);
		contentsArea.stop().fadeTo(500,1);
	}
	
	function imgShow(num){
		var i=0;
		
		contentsArea.find("li").each(function(){
			i++;
			if(num==i){
				$(this).css("z-index",1);
				$(this).stop().fadeTo(0,1);
			}else{
				if($(this).css("display")!="none"){
					$(this).css("z-index",10);
					$(this).stop().fadeOut(500);
				}
			}
		});
	}
	
	function movieCtl(chk){
		if(chk){
			thisMovie("topmovie").moviePlay();
			//$("#keyvisual-init").css("visibility","visible");
		}else{
			thisMovie("topmovie").movieStop();
			//$("#keyvisual-init").css("visibility","hidden");
		}
	}
	function thisMovie(movieName) {
		if (navigator.appName.indexOf("Microsoft") != -1) {
			return window[movieName];
		} else {
			return document[movieName];
		}
	}
	
	
	function addRollover(target){
		target.find("a img").hover(
			function(){$(this).stop().fadeTo(200, 0.5);},
			function(){$(this).fadeTo(200, 1);}
		);
	}

}