/*====================================================================


 ■　index.js


--------------------------------------------------------------------*/

(function($) {
$(function(){


/*====================================================================

 □　Main Visual Gallery

--------------------------------------------------------------------*/

/*--------------------------------------------
	setting
--------------------------------------------*/

	var _targetIndex = 0;	// startVisual
	var _fadeSpeed = 1200;	// fadeSpeed
	var _slideSpeed = 8000;	// slideSpeed
	

/*--------------------------------------------
	define
--------------------------------------------*/

	var visualBoxParent = '#category-IndexVisual';
	var visualBox = '#visualBox';
	visualBox = {
		_li:'#visualBox li',
		_length:$('#visualBox li').length
	};
	var _timer;
	var thumbBox = '#thumbBox';
	var thumbBoxli = '#thumbBox li';
	var thumbClassCur = 'thumbCur_On';
	

/*--------------------------------------------
	create Thumbnails
--------------------------------------------*/

/*
	$('#category-IndexVisual').append('<ul id="thumbBox"></ul>');
	for(i=0; i<visualBox._length; i++){
		var appendTxt = '<li>thumb'+i+'</li>';
		$(thumbBox).append(appendTxt);
	}
	$(thumbBoxli).eq(_targetIndex).addClass(thumbClassCur);
	$('#visualBox,#thumbBox').hover(
		function(){
			$(thumbBox).css('display','block');
		},
		function(){
			$(thumbBox).css('display','none');
		}
	);
*/


/*--------------------------------------------
	gallery function
--------------------------------------------*/

	$('#visualBox li:eq('+_targetIndex+')').fadeIn(_fadeSpeed,function(){
		$(visualBoxParent).css('background','none');
		document.getElementById('visualBox').style.backgroundImage = 'url(../img/index_bg_main_visual.gif)';	//for IE
	});
	_timer = setInterval(onTimer,_slideSpeed);

	function onTimer(){
		var _oldIndex = _targetIndex;
		_targetIndex = ++_targetIndex % visualBox._length;
		visualSlide(_oldIndex,_targetIndex);
	}

	function visualSlide(_oldIndex,_targetIndex){
		if(_oldIndex==_targetIndex) return false;
		//$('#thumbBox li:not(:eq('+_targetIndex+'))').removeClass(thumbClassCur);
		//$(thumbBoxli).eq(_targetIndex).addClass(thumbClassCur);
		$(visualBox._li).eq(_oldIndex).stop(true,true).fadeOut(_fadeSpeed);
		$(visualBox._li).eq(_targetIndex).stop(true,true).fadeIn(_fadeSpeed);
	}


/*--------------------------------------------
	click Thumbnails
--------------------------------------------*/

/*
	$(thumbBoxli).click(function(){
		clearInterval(_timer);
		var _thumbIndex = $(thumbBoxli).index(this);
		var _oldIndex = _targetIndex;
		_targetIndex = _thumbIndex;
		visualSlide(_oldIndex,_targetIndex);
		_timer = setInterval(onTimer,_slideSpeed);
	});
*/



/*====================================================================

 □　Country Window

--------------------------------------------------------------------*/

	var _site_main = $('#site-n-main');
	var _ctr = $('div[class^=category-IndexCountry0] a');
	var _wCtr = $('.windowCountry');
	var _wCtrClose = $('.windowCountryClose');
	
	$(_wCtr).append('<a href="javascript:void(0);" onClick="return false;" class="windowCountryClose"><img src="img/index_btn_close.gif" alt"close" /></a>');

	$(_ctr).click(function(){
		var _main_position = $(_site_main).offset();
		var _ctr_target = $(this).attr('href').replace('#','');		
		var _ctr_height = $(this).height();
		var _ctr_position = $(this).offset();
		$('#'+_ctr_target).css({
			'display':'block',
			'position':'absolute',
			'left':_ctr_position.left,
			'top':_ctr_position.top+_ctr_height
		});
		if(_ctr_position.left - _main_position.left > 620 ){
			var appVersion = window.navigator.appVersion.toLowerCase();
			if (appVersion.indexOf("msie 6.0") > -1){
				$('#'+_ctr_target).css('left',_ctr_position.left-160);
			}else{
				$('#'+_ctr_target).css('left',_ctr_position.left-186);
			}
		}
		$('.windowCountryClose').css({
			'display':'block',
			'position':'absolute',
			'right':'-2px',
			'top':'-18px'
		});
		$('.windowCountryClose,div[class^=category-IndexCountry0] a').click(function(){
			var new_ctr_target = $(this).attr('href').replace('#','');
			if(_ctr_target == new_ctr_target ) return false;
			$('#'+_ctr_target).css('display','none');
		});
		return false;
	});



/*====================================================================

 □　Box Bottom

--------------------------------------------------------------------*/

	var boxBgBtm01 = $('.appendBgBtm');
	var bgHtml01 = '<div class="btmImg"></div>';
	$(boxBgBtm01).after(bgHtml01);
	
	var boxBgBtm02 = $('#category-IndexCountry');
	var bgHtml02 = '<div id="btmImgCountry"></div>';
	$(boxBgBtm02).after(bgHtml02);

  

/*====================================================================

 □　RollOver Image

--------------------------------------------------------------------*/

	hoverimgs = $("#category-IndexBrand img");
	hoverimgs = $(hoverimgs).add("#otherCountry img");
	
	$(hoverimgs).each(function(){
		this.originalSrc = this.src;
		this.rolloverSrc = this.originalSrc.replace(/(\.gif|\.jpg|\.png)/, "_ov" + "$1");
		sitePreloadImage(this.rolloverSrc);
	}).hover(function(){ 
		this.src = this.rolloverSrc;
	},function(){
		if(!navActive) this.src = this.originalSrc;
	});



});
})(jQuery);



/*====================================================================

 □　Category Select / Image Change

--------------------------------------------------------------------*/

function changeImg(){
	n = Math.floor(Math.random() * 3);
	for(i = 0; i < 3; i++){ document.getElementById('MainBtn'+i).style.display = 'none'; }
	document.getElementById('MainBtn'+n).style.display = 'block';
}