// JavaScript Document
var _$ = jQuery.noConflict();


var rollImgSRC = ['/itoko-design-shop-demo/wp-content/themes/itoko-design/images/navi_home_roll.gif','/itoko-design-shop-demo/wp-content/themes/itoko-design/images/navi_memo_roll.gi','/itoko-design-shop-demo/wp-content/themes/itoko-design/images/navi_works_roll.gif','/itoko-design-shop-demo/wp-content/themes/itoko-design/images/navi_profile_roll.gif','/itoko-design-shop-demo/wp-content/themes/itoko-design/images/navi_shop_roll.gif','/itoko-design-shop-demo/wp-content/themes/itoko-design/images/navi_mail_roll.gif'];
preLoadImg(rollImgSRC);
var brws = getBrowser();
var vers = getIEVersion();
var dear = new Object();
var nowloadingImg = '<img src="./lightbox/loading.gif" />';
if(brws == "Internet Explorer" && vers == 8){
	dear.top = -80;
	dear.left = 130;
}else{
	dear.top = 50;
	dear.left = 130;
}

_$('body').ready(
				function(){
					_$('ul#headerNavi li a')
					.bind('mouseover',function(){contiBtnRollOver(this)})
					.bind('mouseout',function(){contiBtnRollOut(this)});
					var regNO1 = new RegExp('[?%&](.*)([=&])+([\\d]*)','gi');
					var thisURI = location.href;
					var results = thisURI.match(regNO1);
					if(RegExp._$3 == 5 || RegExp._$3 == 4 || RegExp._$3 == 3 || RegExp._$3 == 6){
					var checkID = RegExp._$1 + "-" + "11";
					}
					_$('ul#headerNavi li a')
					.each(
						function(){
							if(_$(this).attr('id') == checkID){
								contiBtnRollOver(this);
								_$(this).unbind();
							}
						}
					);
					_$('p#dearLogo a')
					.bind('click',
						  function(){
							  var popURI = _$(this).attr('href');
							  var target = _$(this);
							  var pos = new Object();
							  pos = _$(this).offset();
							  pos.top += dear.top;
							  pos.left += dear.left;
							  var defHref = _$(this).attr('href');
							  _$.ajax({
									 url: popURI,
									 global: false,
									 type: 'GET',
									 dataType: 'html',
									 timeout: 5000,
									 success: function(data){
										 		var contents = data;
												popDearMess(contents,defHref);
									          }
									 });
							  _$(this).removeAttr('href')
							         .parent()
									 .append('<div id="popWindow"></div>')
									 .children('div#popWindow')
									 .css({position:"absolute",top: pos.top + "px",left: pos.left + "px",width:"290px",height:"90px",padding:"100px 80px 130px 100px",opacity:"0",zIndex:"100"})
									 .animate({opacity:"1.0"},800);
							  }
						);
					if(brws == "Internet Explorer" && vers == 6){
						
					}else{
					_$('.ditails a')
					.bind('click',
							function(){
								var ditailURI = _$(this).attr('href');
								var ditailsPos = new Object();
								var tar = _$(this);
								var scrPosi = _$(window).scrollTop();
								var position = _$(this).offset();
								_$.ajax({
									 url:ditailURI,
									 global:false,
									 type: 'GET',
									 dataType: 'html',
									 tumeout: 5000,
									 success: function(data){
										var ditailCont = data;
										popDitailPage(ditailCont,tar,ditailURI);
									 }
								});
								var docWidth = _$(document).width();
								var docHeight = _$(document).height();
								_$(this).removeAttr('href');
								var myDate = new Date();
								var quary = myDate.getTime();
								_$('body').append('<div id="overRay"><p class="nowloading"><img src="./lightbox/loading-image.gif?time=' + quary + '" /></p></div>')
								.children('div#overRay')
								.css({position:"absolute",top:"0px",left:"0px",width:docWidth,height:docHeight,opacity:"0",background:"#ffffff",zIndex:"2"})
								.animate({opacity:"0.4"},200)
								.bind('click',
									  function(){
										_$(window).unbind('resize');
										_$('body > .item').animate({opacity:'0'},400);
										_$(this).animate({opacity:"0"},800,
										function(){
										_$(this).remove();
										_$('body > .item').remove();
										tar.attr('href',ditailURI);
											}
										)
									  })
								.children('p.nowloading')
								.css({position:"absolute",top:position.top + "px",left:(position.left - 30) + "px"});
								_$(window)
								.bind('resize',
									  function(){
										 _$('div#overRay').css({width:_$(document).width(),height:_$(document).height()}); 
									  })
								.bind('scroll',
									  function(){
										  _$('div#overRay').css({width:_$(document).width(),height:_$(document).height()});
									  });
							}
					);
				}
					
			}
	);

	function compare(arry){
		var hit = new Object();
		var lightBoxRel = new Array();
		for(i=0;i<arry.length;i++){
			if(!hit[arry[i]]){
				hit[arry[i]] = 1;
				lightBoxRel.push(arry[i]);
			}
		}
		return lightBoxRel;
	};

	function contiBtnRollOver(t){
		orgImgSrc = _$(t).children().attr('src');
		overImgSrc = orgImgSrc.replace(/(\.gif|\.jpg|\.png)/,"_roll$1");
		_$(t).children().attr('src',overImgSrc);
	};
	
	function contiBtnRollOut(t){
		_$(t).children().attr('src',orgImgSrc);
	};
	
	function preLoadImg(val){
		var imgObj = new Object();
		for(var i = 0; i < val.length; i++){
			imgObj["img"+ i] = new Image();
			imgObj["img"+ i] .src = val[i];
		}
	};
	
	function popDearMess(data,uri){
		_$('p#dearLogo a').attr('href',uri);
		_$('div#popWindow').html(data)
		.children('div#dearDEAR')
		.css({opacity:"0.0"})
		.animate({opacity:"1.0"},800)
		.parent()
		.append('<img src="./lightbox/close.gif" width="66" height="22" alt="close" />')
		.children('img')
		.css({cursor:"pointer",float:"right",padding:"0px 30px 20px 0px"})
		.bind('click',function(){
							_$(this)
							.parent()
							.animate({opacity:"0.0"},800,
									 function(){
										_$(this).remove();
									 });
					  });
		
	};
	
	function popDitailPage(data,target,uri){
		target.attr('href','');
		scrollPosition = {top:_$(window).scrollTop(),left:_$(window).scrollLeft()};
		var showDitail = _$(data).find('div.item');
		_$('#overRay p.nowloading').remove();
		_$('body')
		.append(showDitail);
		_$('body > .item')
		.css({opacity:'0',top:scrollPosition.top,position:"absolute"})
		.animate({opacity:"1.0"},800)
		.append('<img src="./lightbox/close.gif" width="66" height="22" alt="close" class="close_btn" />')
		.children('img.close_btn')
		.css({cursor:"pointer",padding:"12px 12px 0 0",position:"absolute",top:"0",right:"0",zIndex:300})
		.bind('click',function(){
							  	_$(window).unbind('resize');
								_$(this).parent().animate({opacity:"0"},800,
								function(){
									_$('body > #overRay').animate({opacity:'0'},400,
										function(){
											_$(this).remove();
										}
									);
									target.attr('href',uri);
									_$(this).remove();
									}
								)
							   }
			)
		.parent()
		/*.children('ul.zoomImg').remove();*/
		var lightBoxImg = new Array();
					 _$('ul.zoomImg li a')
					 .css({cursor:"pointer"})
					 .each(
						   function(){
							 lightBoxImg.push(_$(this).attr('rel'));
						   }
					);
					 lightBoxImgRel = compare(lightBoxImg);
					for(i=0;i<lightBoxImgRel.length;i++){
						relName = lightBoxImgRel[i];
						_$('ul.zoomImg li a[rel=' + relName + ']').lightBox({
									   overlayBgColor:"#ffffff",
									   overlayOpacity:"0.0",
									   imageLoading:"./lightbox/loading.gif",
									   imageBtnClose:"./lightbox/close.gif",
									   imageBtnPrev:"./lightbox/prev.gif",
									   imageBtnNext:"./lightbox/next.gif",
									   txtImage:relName,
									   containerResizeSpeed:0
													  });
					}
		var checkURI = _$('body > .item dt.ditails > a').attr('href');
		_$('body > .item dt.ditails > a > img').attr({src:checkURI})
		.removeAttr('width')
		.removeAttr('height')
		.parent().removeAttr('href');
		_$('dl.productDitails dd a').attr('target','_blank');
	}
	
	
	function getBrowser(){
		var ua = navigator.userAgent;
		if(ua.indexOf('MSIE') != -1){
			brws = "Internet Explorer";	
		}
		return brws;	
	};
	
	function getIEVersion(){
		if(brws == "Internet Explorer"){
			var ua = navigator.userAgent;
			var reg = new RegExp(/(MSIE)(\s)([0-9\.]{1})/gi);
			var results = ua.match(reg);
			var ver =RegExp._$3;					
			return ver;
			
		}
	}