/*
 * pack.js for Debut Ver.201010
 *
 * Copyright (C) 2011 HOKUTO Co.,Ltd.
 *
 */
 
jQuery.noConflict();
jQuery(document).ready(function($){
								
   /*$(window).load(function () {
	    var Stock = $('#stockImg').attr('alt');
        if(Stock=='在庫切れ'){
	        $('#cartBtn').html('<div style="font-weight:bold; background-color: #ff0000; color:#ffffff; font-size: 0.9em; margin-top:10px; padding:7px; text-align:center;line-height:1.4em;">大変申し訳ございません。<br />この商品はただいま在庫切れとなっております。</div>');
        }else{
	        $('#cartBtn').html('<a href="JavaScript:cartin();"><img src="image/detail/cart_btn.gif" alt="ショッピングカートに入れる" border=0 /></a>');
        }
    });*/
   
   $('.animation').mouseover(function(){
		$(this).css('opacity',0.6)
   });
   
   $('.animation').mouseout(function(){
		$(this).css('opacity',1)
   });
   
   if($.browser.msie && $.browser.version < 7){
		$('#fixedBanner').css('position','absolute');
		$(window).scroll(function(){
	    	var scH = $(this).scrollTop();
			$('#fixedBanner').css('top',scH+110);
		});
	}
								
   /*グローバルナビ*/
   $('#globalNavi ul').each(function (i){
		if ($.cookie('cookName')) {
			if (($.cookie('cookName').indexOf(i)) != -1) {
				$('#globalNavi ul').eq(i).show();
				$('.slideNavi').eq(i).children('a').addClass('selected');
			} else {
				$('#globalNavi ul').eq(i).hide();
				$('.slideNavi').eq(i).children('a').removeClass('selected');
			}
		}else{
			$('#globalNavi ul').hide();//cookieが無い場合は全て隠す
			$('.slideNavi a').removeClass('selected');
		}
		i = i+1;
	});
	
	//クリック時のfunction設定
	$('.slideNavi').click(function(){
		//何番目のdtなのかを変数に代入
		var index = $('.slideNavi').index(this);
		var name = "cookName" ;//cookieの名前
		var cookVal = $.cookie(name);//cookieの値を変数に代入
		
		//クリックされたら対応するddにイベントを割り当てる
		$('#globalNavi ul').eq(index).slideToggle('fast');
		if($(this).children('a').hasClass('selected')){
		    $(this).children('a').removeClass('selected');
		}else{
		    $(this).children('a').addClass('selected');
		}
		
		//cookieに追加
		if ($.cookie(name)) {//既に対応するcookieを持っていたら
			if ((cookVal.indexOf(index)) != -1) {//valueに対応する値をもっている場合
				if (($.cookie(name).length) == 1) {
				//この場合は対応するindex番号では無く、cookie自体を削除
					$.cookie(name,null);
				}else{
					var cookVal = $.cookie(name).replace(index,'');//※3
					$.cookie(name,cookVal,{expires:7});//↑で定義しなおした値でcookieを再セット
				}
			}else{
				$.cookie(name,cookVal+index,{expires:7});//cookieをセットする
			}
		}else{
			 $.cookie(name,index,{expires:7});//cookieを新たにセットする
		}
		
	});
	
   /*おすすめ商品*/
	var listWidth = 134;
	var listLot = 5;
　　var textLength = 20;
　　var duration = 800;
　　var method = 'easeInBack';
    $('#thumbnails ul li:first').css('margin',0);
	var length = $('#thumbnails ul li').length;
	var thumbWidth = length*listWidth;
	var limitPos = (length-listLot)*-listWidth;
	$('#thumbnails ul').width(thumbWidth);
	var leftPos = 0;
	$('.proName').each(function(){
	   var text = $(this).text();
	   var length = text.length;
	   if(length>=textLength){
	      text = text.substring(0, textLength)+"...";
	   }
	   $(this).text(text);
	})
	$('#next').click(function(){
	   if(leftPos>limitPos){
	     leftPos-=listWidth*listLot;
		 var posL = leftPos+"px";
	     $('#thumbnails ul').animate({"left": posL},duration,method);
	   }else{
		 $('#thumbnails ul').stop();
		 leftPos-=0;
	   }
	});
	$('#prev').click(function(){
	   if(leftPos<0){
	     leftPos+=listWidth*listLot;
		 var posL = leftPos+"px";
	     $('#thumbnails ul').animate({"left": posL},duration,method);
	   }else{
		 $('#thumbnails ul').stop();
		 leftPos-=0;
	   }
	});
	$('#prev,#next').css('margin-top',65);
	
   /*最短お届け日*/
   var Today = new Date();
   var n = 7;
   Today.setTime(Today.getTime() + n*24*3600*1000);
   var year = Today.getFullYear(); 
   var month  = Today.getMonth() + 1;
   var date = Today.getDate(); 
   var week = Today.getDay();
   var weekDayName = new Array( "日", "月", "火", "水", "木", "金", "土" );
   var weekDay = weekDayName[ week ]; // 曜日
   $('#dateHanger').html(''+month+'月'+date+'日<span>（'+weekDay+'）</span>');
   
   /*カウントダウン*/
   timer();
   
   
   /*商品写真lightBox*/
   var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	var ph = document.body.clientHeight;
	var arr1 = new Array();
	var myalt1 = new Array();
	var thumbArry1 = new Array();
	var arr2 = new Array();
	var myalt2 = new Array();
	var thumbArry2 = new Array();
	var url;
	var title;
	var indexNum1 = 0;
	var indexNum2 = 0;
	var pos1;
	var pos2;
	
	var closeImage = 'image/detail/close.gif';
	var borderColor = '#FF0066';
	
	var scH = $("html").scrollTop();
	
	var naviW;
	var naviH;
	var despH;
	var photoW;
	var photoH;
	var imageW;
	var imageH;
	var newW;
	var newH;
	var ipPos;
	
	$(window).scroll(function () {
	   ipPos = $(this).scrollTop();
    });
	
	$('body').append("<div id='preloader'></div>");
	
	$('#featureHanger a:first').children('img').css('border-color',borderColor);
	
	$('a.color').each(function(){
		indexNum1++;
		var imageurl =  $(this).attr('href');
		var imagealt =  $(this).children('img').attr('alt');
		var newurl =  $(this).children('img').attr('src');
		var preLoader = new Image();
		arr1.push(imageurl);
		myalt1.push(imagealt);
		thumbArry1.push(newurl);
		preLoader.src = imageurl;
	});
	
	$('a.feature').each(function(){
		indexNum2++;
		var imageurl =  $(this).attr('href');
		var imagealt =  $(this).children('img').attr('alt');
		var newurl =  $(this).children('img').attr('src');
		var preLoader = new Image();
		arr2.push(imageurl);
		myalt2.push(imagealt);
		thumbArry2.push(newurl);
		preLoader.src = imageurl;
	});
	
	
	$('.feature,.color').click(function(){
	   url =  $(this).children('img').attr('name');
	   pos1 = $(this).parents('dd').attr('id');
	   pos2 = $(this).index();
	   $('#photoArea').html('<img src="'+url+'" />');
	   title = $(this).children('img').attr('alt');
	   $('.feature,.color').children('img').css('border-color','#FFFFFF');
	   $(this).children('img').css('border-color',borderColor);
	   return false;
    });
	
	$('#colorChanger').change(function(){
	   var cur =  $(this).children('option:selected').attr('id');
	   var curNum = Number(cur);
	   url =  $('.color').slice(curNum,curNum+1).children('img').attr('name');
	   pos1 = 'colorHanger';
	   pos2 = curNum;
	   $('#photoArea').html('<img src="'+url+'" />');
	   $('.feature,.color').children('img').css('border-color','#FFFFFF');
	   $('.color').slice(curNum,curNum+1).children('img').css('border-color',borderColor);
	   return false;
    });
	
	$('#zoom,#photoArea').click(function(){
       $('body').append("<div id='overLayer'></div>");
	   $('body').append('<div id="imageHanger"><div id="closeBtn"><img src="'+closeImage+'" /></div><div id="photoWrapper"><div id="photoHanger"></div></div><div id="NaviHanger"><dl><dt><img src="image/detail/color.gif" alt="カラー展開" /></dt><dd id="colorThumb"></dd><dt><img src="image/detail/prophoto.gif" alt="商品画像" /></dt><dd id="featureThumb"></dd></dl></div><div class="clear"></div></div>');
	   var photoURL = $('#photoArea').children('img').attr('src');
	   url =  photoURL.replace('m' , 'l');
	   $('#photoHanger').html('<img src="'+url+'" />');
	   for(i=0; i<indexNum1; i++){
	       var thumbUrl = thumbArry1[i];
		   var thumbAlt = myalt1[i];
		   var thumbScr = arr1[i];
		   a = i+1;
		   $('#colorThumb').append('<a href="'+thumbScr+'" class="thumb"><img src="'+thumbUrl+'" alt="'+thumbAlt+'" /></a>');
		   if(a%2==0){
		       $('#colorThumb').append('<br />');
		   }
	   };
	   for(i=0; i<indexNum2; i++){
	       var thumbUrl = thumbArry2[i];
		   var thumbAlt = myalt2[i];
		   var thumbScr = arr2[i];
		   a = i+1;
		   $('#featureThumb').append('<a href="'+thumbScr+'" class="thumb"><img src="'+thumbUrl+'" alt="'+thumbAlt+'" /></a>');
		   if(a%2==0){
		       $('#featureThumb').append('<br />');
		   }
	   };
	   if($.browser.msie && $.browser.version < 7){
	      $('html').css('overflow','hidden');
		  $('select').css('display','none');
	   }
	   if(pos1=='colorHanger'){
	      $('#colorThumb img').slice(pos2,pos2+1).css('border-color',borderColor);
	   }else if(pos1=='featureHanger'){
	      $('#featureThumb img').slice(pos2,pos2+1).css('border-color',borderColor);
	   }else{
	      $('#featureThumb img').slice(0,1).css('border-color',borderColor);
		  title = $('p').children('img').attr('alt');
	   }
	   $('#overLayer').css({'width' : w, 'height' : ph+100});
	   $('#overLayer').animate({"opacity": "0.85"},400);
	   naviControl();
	   Action();
	   return false;
    });
	
	function naviControl(){
	   $('.thumb').click(function(){
	      url =  $(this).attr('href');
	      title = $(this).children('img').attr('alt');
	      $('#photoHanger,#desp').css("opacity", 0);
	      $('#photoHanger').html('<img src="'+url+'" />');
	      $('#desp').text(title);
		  $('.thumb').children('img').css('border-color','#FFFFFF');
		  $(this).children('img').css('border-color',borderColor);
		  Action();
	      return false;
       });
	}
	
	function Action(){
	   var newW = (w-782)/2;
	   if(ipPos>0){
		  var newH = ipPos+20; 
	   }else{
		  var newH = (h-665)/2; 
	   }
	   if(ipPos==0){
		  var newH = (h-665)/2;
	   }
	   if(newH<0){
		  newH = 20;   
	   }
	   $('#imageHanger').css({"left": newW,"top": newH});
	   $('#imageHanger').animate({"opacity": "1"},300,showPhoto);
	}
	
	function layerRemove(){
	   $('#overLayer,#closeBtn').click(function(){ 
	        $(this).animate({"opacity": "0"},300,Removes);
			$('#imageHanger').animate({"opacity": "0"},300);
			if($.browser.msie && $.browser.version < 7){
	           $('html').css('overflow','auto');
	        }
			if($.browser.msie && $.browser.version < 7){
				$('select').css('display','inline');
			}
	   });
	}
	
	function Removes(){
	   $('#overLayer').remove();
	   $('#imageHanger').remove();
	}
	
	$(window).bind('resize', function(){
	  de = document.documentElement;
	  w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	  h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	  ph = document.body.clientHeight;
	  $('#overLayer').css({'width' : w, 'height' : ph+100});
	  $('#imageHanger').css('left',newW);
	  $('#imageHanger').css('top',newH-40);
    });
	
	function showPhoto(){
	   $('#NaviHanger').css('display','inline');
	   $('#photoHanger,#NaviHanger,#desp').animate({"opacity": "1"},300,layerRemove);
	}
   
});

function timer() {
	var today = new Date();
    var Year = today.getFullYear(); 
    var Month  = today.getMonth();
    var nDate = today.getDate()+1;
    var TargetDay = new Date(Year,Month,nDate,0);
	var Today = new Date();
    var Days = Math.floor((TargetDay-Today)/(24*60*60*1000));
    var Hour = Math.floor(((TargetDay-Today)%(24*60*60*1000))/(60*60*1000));
    var Min = Math.floor(((TargetDay-Today)%(24*60*60*1000))/(60*1000))%60;
    var Sec = Math.floor(((TargetDay-Today)%(24*60*60*1000))/1000)%60%60;	
	if(Sec<10){
		Sec = '0'+Sec;
	}
	if(Hour<10){
		Hour = '0'+Hour;
	}	
	if(Min<10){
		Min = '0'+Min;
	}    
	jQuery('#countDown span').html(''+Hour+'時間'+Min+'分'+Sec+'秒');	
	var timerID = setTimeout('timer()', 1000);
}

/*function timer() {
        var Today = new Date();
        var Days = Math.floor((TargetDay-Today)/(24*60*60*1000));
        var Hour = Math.floor(((TargetDay-Today)%(24*60*60*1000))/(60*60*1000));
        var Min = Math.floor(((TargetDay-Today)%(24*60*60*1000))/(60*1000))%60;
        var Sec = Math.floor(((TargetDay-Today)%(24*60*60*1000))/1000)%60%60;
		$('#DayHanger').html('');
		if(Days<10){
		    $('#DayHanger').html('<img src="img/0.gif" /><img src="img/'+Days+'.gif" /><img src="img/day.gif" alt="日" />');
		}else{
		    var DayST = new String(Days);
			var DayLength = DayST.length;
			for(i=0; i<DayLength; i++){
			    var cur = DayST.substring(i,i+1);
			    var imageURL = '<img src="img/'+cur+'.gif" />';
				$('#DayHanger').append(imageURL);
			}
			$('#DayHanger').append('<img src="img/day.gif" alt="日" />');
		}
		if(Days==1){
		    $('#DayHanger').html('');
		}
		if(Hour<10){
		    Hour = '<img src="img/0.gif" /><img src="img/'+Hour+'.gif" />';
		}else{
		    var HourST = new String(Hour);
		    var Hour1 = HourST.substring(0,1);
			var Hour2 = HourST.substring(1,2);
			Hour = '<img src="img/'+Hour1+'.gif" /><img src="img/'+Hour2+'.gif" />';
		}
		if(Min<10){
		    Min = '<img src="img/0.gif" /><img src="img/'+Min+'.gif" />';
		}else{
		    var MinST = new String(Min);
		    var Min1 = MinST.substring(0,1);
			var Min2 = MinST.substring(1,2);
			Min = '<img src="img/'+Min1+'.gif" /><img src="img/'+Min2+'.gif" />';
		}
		if(Sec<10){
		    Sec = '<img src="img/0.gif" /><img src="img/'+Sec+'.gif" />';
		}else{
		    var SecST = new String(Sec);
		    var sec1 = SecST.substring(0,1);
			var sec2 = SecST.substring(1,2);
			Sec = '<img src="img/'+sec1+'.gif" /><img src="img/'+sec2+'.gif" />';
		}

        if((TargetDay - Today) > 0){
		    $('#TimeHanger').html(Hour+'<img src="img/hour.gif" alt="時間" />'+Min+'<img src="img/min.gif" alt="分" />'+Sec+'<img src="img/sec.gif" alt="秒" />');
        }else{
		    $('#TimeHanger').html('COMPLETE!!!');
        }
        var timerID = setTimeout('timer()', 1000);
}*/