var counter, imgLength=0, slideHtml="", btnHtml="", prefNum, prefFlg=false;
var thisImgSrc=[],thisCurrentSrc=[],clickFlg=false,triggerID,thisBtnImg,actFlg=false,activeID,zNum=10;

function doMainView() {
//$(function(){
	$(".mainView").each(function(){
		var loadXmlObj = $(this);
		if("JIGYO_CD" in window){ //定義済み
			if(JIGYO_CD != ""){ loadXmlObj.jCD = JIGYO_CD; }else{ JIGYO_CD = "sumai"; }
		}else{ //未定義
			JIGYO_CD = "sumai";
		}
		loadXmlObj.settingXml = "top/xml/jigyo.xml";

//		if("DIV_CD" in window){
//			if(DIV_CD != ""){ prefNum = DIV_CD; }else{ prefNum = 0; }
//		}
		if("ck_ads" in window){
			if(ck_ads != ""){ prefNum = ck_ads; }else{ prefNum = 0; }
		}
		
		//初期設定XMLファイルの読み込み
		$.ajax({
			type: "GET",
			url: loadXmlObj.settingXml,
			dataType : "xml",
			success: function(xml){
				$(".mainView .mainImgs").prepend("<div id=\"loading\"><p><img src=\"top/images/loading.gif\" alt=\"\" /></p></div>");
				loadXmlObj.parseXml(xml);
			},
			error:function(){
				$(".imageReel p").show();
			}
		});


		//外部XMLファイルの読み込み
		loadXmlObj.loadXml = function(target){
			$.ajax({
				type: "GET",
				url: target,
				dataType : "xml",
				success: function(xml){
				
					$(xml).find("data").each(function(j){
						if($(this).attr("pref") == prefNum){
							$(this).find("bnr").each(function(e){
								loadXmlObj[e] = {};
								loadXmlObj[e].src = $(this).attr("src") ? $(this).attr("src") : 0;
								loadXmlObj[e].alt = $(this).attr("txt") ? $(this).attr("txt") : 0;
								loadXmlObj[e].thumbnail = $(this).attr("thumbnail") ? $(this).attr("thumbnail") : 0;
								loadXmlObj[e].url = $(this).attr("url") ? $(this).attr("url") : 0;
								loadXmlObj[e].target = $(this).attr("target") ? $(this).attr("target") : 0;
								imgLength++;
							});
							prefFlg=true;
							return false;
						}
					});
					
					if(prefFlg != true){
						$(xml).find("data").eq(0).find("bnr").each(function(e){
							loadXmlObj[e] = {};
							loadXmlObj[e].src = $(this).attr("src") ? $(this).attr("src") : 0;
							loadXmlObj[e].alt = $(this).attr("txt") ? $(this).attr("txt") : 0;
							loadXmlObj[e].thumbnail = $(this).attr("thumbnail") ? $(this).attr("thumbnail") : 0;
							loadXmlObj[e].url = $(this).attr("url") ? $(this).attr("url") : 0;
							loadXmlObj[e].target = $(this).attr("target") ? $(this).attr("target") : 0;
							imgLength++;
						});
						prefFlg = false;
					}
						
					
					for(counter=0; counter<imgLength; counter++){ //スライドさせる項目の数だけ処理

						if(loadXmlObj[counter].alt != 0){ //altがあれば
							var thisImg = "<img src=\"" + loadXmlObj[counter].src + "\" alt=\"" + loadXmlObj[counter].alt + "\" width=\"650\" height=\"320\" />";
							var thisAlt = loadXmlObj[counter].alt;
						}else{ //altがなければ
							var thisImg = "<img src=\"" + loadXmlObj[counter].src + "\" alt=\"\" width=\"650\" height=\"320\" />";
							var thisAlt = "";
						}
					
						if(loadXmlObj[counter].url != 0){
							if(loadXmlObj[counter].target != 0){
								slideHtml += "<div><a href=\"" + loadXmlObj[counter].url + "\" target=\"_" + loadXmlObj[counter].target + "\">" + thisImg + "</a></div>";
							}else{
								slideHtml += "<div><a href=\"" + loadXmlObj[counter].url + "\">" + thisImg + "</a></div>";
							}
						}else{
							slideHtml += "<div>" + thisImg + "</div>";
						}

						//ボタン部分の処理
						btnHtml += "<li><a href=\"#\" rel=\"" + eval(counter+1) + "\"><img src=\"" + loadXmlObj[counter].thumbnail + "\" width=\"275\" height=\"74\" alt=\"" + thisAlt + "\" /></a></li>";
						
					}
					
					if(counter == 0){
						$(".mainView #loading").fadeOut("slow", function(){ $(".imageReel p").fadeIn(); });
					}else if(counter == 1){
						//1つしかない場合は実処理しない
						$(".mainImgs .imageReel").html(slideHtml);
						$(".mainView .paging").html("<ul>" + btnHtml + "</ul>");
						$(".mainView #loading").fadeOut("fast");
					}else{
						//実処理
						$(".mainView #loading").fadeOut("slow", function(){
							$(".mainImgs .imageReel").html(slideHtml);
							$(".mainView .paging").html("<ul>" + btnHtml + "</ul>");
							imgAction(counter);
						});
					}
				
				},
				error:function(){
					$(".mainView #loading").fadeOut("slow", function(){ $(".imageReel p").fadeIn(); });
				}
			});
		}
		
		//XMLファイルのパース処理
		loadXmlObj.parseXml = function(xml){
			if($(xml).find("category_"+loadXmlObj.jCD).length){
				loadXmlObj.loadXml($(xml).find("category_"+loadXmlObj.jCD).find("loadxml").attr("path"));
			}else{
				loadXmlObj.loadXml($(xml).find("category_default").find("loadxml").attr("path"));
			}
		}		
	
	});

//});
}


function imgAction(num){
	
	$(".paging").show();
	$(".paging li:first").addClass("active");
		
	$(".imageReel > div").eq(0).addClass("active").css("zIndex", 5).show();

	$(".paging li").each(function(i){
		thisImgSrc[i] = $(this).find("img").attr("src");
		thisCurrentSrc[i] = thisImgSrc[i].replace(/(\.gif|\.jpg|\.png)/, "_o" + "$1");
	});
	$(".paging li:first").find("img").attr("src",thisCurrentSrc[0]);
	thisBtnImg = $(".paging li:first").find("img");
	
	rotate = function(){
		actFlg = true;
		
		triggerID = $active.find("a").attr("rel") - 1;
		thisBtnImg = $active.find("img");

		if(!clickFlg){
			if(triggerID != 0){
				activeID = triggerID - 1;
				$(".paging li.active").find("img").attr("src",thisImgSrc[triggerID-1]);
			}else{
				activeID = num-1;
				$(".paging li.active").find("img").attr("src",thisImgSrc[num-1]);
			}

			$(".paging li").removeClass("active");
			$active.addClass("active");
			
			$(".imageReel > div").eq(triggerID).css({ zIndex:zNum++, top:"0px" }).addClass("active").show();
			$(".imageReel > div").eq(activeID).css({ zIndex:zNum++, top:"0px"}).removeAttr("class").animate({top:"-10px"},{queue:false,duration:800}).fadeOut(500);

		}else{ //クリックされた時の処理
			
			clickFlg = false;
			
			$(".paging li").removeClass("active");
			$active.addClass("active");
			
			if(!$(".imageReel > div").eq(triggerID).hasClass("active")){
				$(".imageReel > div").eq(triggerID).css({ zIndex:zNum++, top:"0px" }).show();
				$(".imageReel > div.active").css({ zIndex:zNum++, top:"0px"}).removeAttr("class").animate({top:"-10px"},{queue:false,duration:800}).fadeOut(500);
				$(".imageReel > div").eq(triggerID).addClass("active");
			}else{
				if($(".imageReel > div.active").children("a").attr("href") != undefined){
					if($(".imageReel > div.active").children("a").attr("target") == "_blank"){
					   var jumpURL = $(".imageReel > div.active").find("a").attr("href");
					   window.open(jumpURL, "_blank");
					}else{
					   location.href = $(".imageReel > div.active").find("a").attr("href");
					}
				}
			}
			
		}
		
		thisBtnImg.attr("src",thisCurrentSrc[triggerID]);
		
	}; 
	
	rotateSwitch = function(){
		play = setInterval(function(){
			$active = $('.paging li.active').next();
			if ( $active.length === 0) { $active = $('.paging li:first'); }
			rotate();
		}, 5000);
	};
	
	rotateSwitch();
	
	$(".imageReel div").hover(function() {
		clearInterval(play);
	}, function() {
		rotateSwitch();
	});	
	
	$(".paging li").click(function() {	
		clearInterval(play);

		clickFlg = true;
		if(!actFlg){ thisBtnImg.attr("src",thisImgSrc[0]); }else{ thisBtnImg.attr("src",thisImgSrc[triggerID]); }
		
		$active = $(this);
		rotate();
		rotateSwitch();
		return false;
	});	

	
}