var ww = $(window).width();
var wh = $(window).height();
var displayHeight = 0;
if(wh <= $("#wrap").height()){
	displayHeight = $("#wrap").height();
}else{
	displayHeight = wh;
}	
$("#loading").css("width", ww);
$("#loading").css("height", displayHeight);
$("#loading").css("background","#000 url(img/loading.gif) no-repeat center center");

$(window).ready(function(){
	setSearchBox();	
	$('a').focus(function(){this.blur();});
	$('.newslist ul li:last-child').css('border','none');
	
	$('#container').before('<div id="gekiatsuContents"><div class="inner"></div></div>');
	$('#container').before('<div id="gekiatsu"></div>');
	
	$('#container').before('<div id="PREV"></div>');
	$('#container').before('<div id="NEXT"></div>');
	$("#PREV").mouseover(function(){prevScroll();});
	$("#NEXT").mouseover(function(){nextScroll();});
	//$("#PREV").click(function(){prevScroll();});
	//$("#NEXT").click(function(){nextScroll();});
});
$(window).load(FirstAnimation);

//WINDOW RESIZE
function windowResize(){
	ww = $(window).width();
	wh = $(window).height();
	if(wh <= $("#wrap").height()){
		displayHeight = $("#wrap").height();
	}else{
		displayHeight = wh;
	}
	$("#PREV").css("height", wh);
	$("#NEXT").css("height", displayHeight); 
	
	scrollWidth = scrollPer * ww;
	//alert(ww);
}
$(window).resize(windowResize);


//TOP PRODUCT DECO
function setProductDeco(){
	$("#contents .product.new").each(function(){
		$(this).find(".inner img").before("<div class='newicon'></div>");
	});
	for(var i=6; i<30; i++){
		if(i<10){
			str1 = "#contents .product.y200" + i ;
			str2 = "icon200" + i;
		}else{
			str1 = "#contents .product.y20" + i;
			str2 = "icon20" + i;
		}	
		$(str1).each(function(){
			$(this).find(".inner img").before("<div class='" + str2 +"'></div>");
		});
	}
}
setProductDeco();

//TOP NEW SEARCHBOX
function setSearchBox(){
	$('.productform .def').click(function(){
		$('.productform ul').css('display','block');
	});
	$('.productform .def').mouseout(function(){
		$('.productform ul').css('display','none');
	});
	$('.productform ul').mouseover(function(){
		$('.productform ul').css('display','block');
	});
	$('.productform ul').mouseout(function(){
		$('.productform ul').css('display','none');
	});
	
	var listH = 0;
	$('.productform li').each(function(i){
		listH -= $(this).height()+10;
	});
	$('.productform ul').css('top',listH);
	$('.productform ul').css('display','none');
}

	
//SET LIST HOVER
var listArr = new Array();
var listArrOrg = new Array();
var targetDir = new Array();
var openFlg = false;

var contArr = new Array();
var contArrOrg = new Array();
$(".contmenu").each(function(i){
	contArr[i] = $(this).find("img").attr("src").replace(".jpg","_on.jpg");
	contArrOrg[i]=$(this).find("img").attr("src");
	$(this).mouseover(function(){
		$(this).find("img").attr("src", contArr[i]);
	});
	$(this).mouseout(function(){
		$(this).find("img").attr("src", contArrOrg[i]);
	});
});
$(".product img").each(function(i){
	listArr[i] = $(this).attr("src").replace(".jpg","_on.jpg");
	targetDir[i] = $(this).attr("rel");
	//PRELOAD
	jQuery("<img>").attr("src", listArr[i]);
	listArrOrg[i]=$(this).attr("src");
	$(this).mouseover(function(){
		$(this).attr("src", listArr[i]);
	});
	$(this).mouseout(function(){
		$(this).attr("src", listArrOrg[i]);
	});
	
	
	var loadFile = "newproduct/" + targetDir[i] + "/detail.html";
	
	$(this).click(function(){
		if(! openFlg){
			//alert(loadFile);
			$("#detail").load(loadFile,function(){
				$("#detail").animate({"left":0},1000,"easeOutQuint");
				openFlg = true;
				return;
			});
		}else{
			$("#detail").animate({"left":-540}, {
				duration: 1000,
				easing: 'easeOutQuint',
				complete: function () {
					$("#detail").load(loadFile,function(){
						$("#detail").animate({"left":0},1000,"easeOutQuint");
						return;
					});
				}
			});
			return;
		}
	});
});

//SET CONTAINER WIDTH
var listsWidth = 0;
$("#contents > div").each(function(i){
	listsWidth += $(this).width();
});
$("#contents").width(listsWidth);

//FIRST ANIMATION
var num = 0;
function FirstAnimation(){
	if(wh <= $("#wrap").height()){
		displayHeight = $("#wrap").height();
	}else{
		displayHeight = wh;
	}
	$("#PREV").css("height", displayHeight);
	$("#PREV").css("display", "none");
	$("#NEXT").css("height", displayHeight); 
	
	//$("#loading").fadeOut(2000,function(){$("#loading").remove();});
	$("#loading").fadeOut(500,function(){$("#loading").remove();});
	
	var contArrPos = new Array();
	var maxDivNum = $('#contents > div').length-1;
	$('#contents > div').each(function(i){
		$(this).css("left", 6000);
		num += $(this).width();
		contArrPos[i] = num;
		var pos = contArrPos[i-1];
		var duration = 2100+100*i; //**********SPEED def 1000+100*i
		
		if($.cookie('accessFlg'))duration = 0; //*******NOT FIRST ACCESS
		
		if(i>0){
			$(this).animate({left:pos},duration,"easeOutQuint");
		}else{
			$(this).animate({left:0},{
			duration: duration,
			easing:"easeOutQuint",
			complete: function () {
				if(!$.cookie('accessFlg'))compHorizonAnimetion()
				}
			});
		}
	});
}
function compHorizonAnimetion(){
	$.cookie('accessFlg','true',{ expires: 1 });//ACCESS COOKIE書き込み
	var minusNum =ww-num;
	var minusDuration = 1400 - minusNum*0.8; //**********SPEED def 100-minusNum*0.8
	
	$('#contents').animate({left:minusNum},{
			duration: minusDuration,
			easing:"easeOutExpo",
			complete: function () {$('#contents').animate({left:0},minusDuration,"easeOutExpo",
				function(){fin=true;}
			);}
	});
	
}


var contw = $("#contents").width();
var Scrollcount = 1;
var fin = false;
var scrollPer = 0.7; //*****************windowに対する移動幅の割
var scrollWidth = Math.floor(scrollPer * ww); //SCROLL
var mouseonDuration = 2000; //**********SPEED def 1000
function prevScroll(){
	var cl = Number($("#contents").css("left").replace("px",""));
	var aPoint = cl + scrollWidth;
	if(cl+aPoint >= aPoint || cl+aPoint > 0 || aPoint > 0)aPoint = 0;
	
	if(1 <= Scrollcount){
		Scrollcount -= 1;
		$("#NEXT").fadeIn(1000);
	}else{
		Scrollcount = 1;
		$("#PREV").fadeOut(1000);
		$("#NEXT").fadeIn(1000);
		aPoint = 0;
	}
	$("#contents").stop(true, false).animate({left:aPoint},{
		duration:mouseonDuration,
		easing:"easeOutQuint",
		queue: false
		}
	);
}
function nextScroll(){
	var max = Math.floor(contw/(ww * scrollPer));
	var lastMargin = 60; //*********************最後の余白
	
	if(Scrollcount < max){
		var s = -(ww * Scrollcount) * scrollPer;
		Scrollcount += 1;
		$("#contents").stop(true, false).animate({left:s},{
			duration:mouseonDuration,
			easing:"easeOutQuint",
			queue: false
			});
		$("#PREV").fadeIn(1000);
	}else{
		var s = -((contw - ww * Scrollcount) + (ww * Scrollcount) - ww) - lastMargin;
		Scrollcount = max;
		$("#contents").stop(true, false).animate({left:s},{
			duration:mouseonDuration,
			easing:"easeOutQuint",
			queue: false
			});
			$("#NEXT").fadeOut(1000);
			$("#PREV").fadeIn(1000);
	}
}

var prMsg = "";
//aURL= "index.html?pr=TN
//の ?pr=TN を取得
var prURL = location.search;

//URL を ? で分割
var prSplit1 = prURL.split("?");
if( prSplit1.length > 1 ){
	//引数を = で分割
	var prSplit2 = prSplit1[1].split("=");
	prMsg += "[" + prSplit2[0] + "] = " + prSplit2[1] + "<br>";
	var prloadFile = "newproduct/" + prSplit2[1] + "/detail.html";
}
//document.write( aMsg );

//alert(prloadFile);
$("#detail").load(prloadFile,function(){
	$("#detail").animate({"left":0},1000,"easeOutQuint");
	openFlg = true;
	return;
});