window.addEvent('domready', function() {
	
	//½ºÅ¸Æ®¸Þ´º vertical&horizontal
	var myVerticalSlide = new Fx.Slide('start_vertical',{duration: 250});
	var myHorizontalSlide = new Fx.Slide('start_horizontal', {mode: 'horizontal', duration: 150});

	myVerticalSlide.slideOut();
	myHorizontalSlide.slideOut();

	$('searchBoxLayer').get('tween').options.duration=100;
	$('postLayer').get('tween').options.duration=100;
	$('recentViewItemsLayer').get('tween').options.duration=100;
	$('loginBoxLayer').get('tween').options.duration=100;
	$('wishListLayer').get('tween').options.duration=100;
	$('shoppingCartLayer').get('tween').options.duration=100;

	var	loginBoxFlag = true;
	var searchFlag=true;
	var postFlag=true;
	var recentViewFlag=true;
	var multiClick = false;

	$('v_toggle').addEvent('click', function(e){
		if(multiClick){
			return false;
		}else{
			multiClick =true;
		}

		document.getElementById("start_vertical").style.display="block";
		document.getElementById("start_horizontal").style.display="block";		
		//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search.jpg">';
		document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost.jpg">';
		document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart.jpg">';
		document.getElementById("login").innerHTML = '<img src="../mooimages/btn_login.jpg">';

		if(myVerticalSlide.open==false && myHorizontalSlide.open==false){
			document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start_on.jpg">';
			slideInVertical();
			slideInHorizontal.delay(320); 
		}else{
			document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start.jpg">';
			slideOutHorizontal();
			slideOutVertical.delay(300);
		}

		$('loginBoxLayer').fade('out');
		$('searchBoxLayer').fade('out');
		$('postLayer').fade('out');
		$('shoppingCartLayer').fade('out');
		$('recentViewItemsLayer').fade('out');
		$('wishListLayer').fade('out');
		
		loginBoxFlag = true;
		searchFlag=true;
		postFlag=true;
		recentViewFlag=true;
		e.stop();
		$('start_vertical').addEvent('click',function(e){
		e.stopPropagation();});
		$('start_horizontal').addEvent('click',function(e){
		e.stopPropagation();});
		multiClickStatus.delay(750);
	});

	function multiClickStatus(){
		multiClick = false;
	}

	function slideInVertical(){
		myVerticalSlide.slideIn();
	}

	function slideInHorizontal(){
		myHorizontalSlide.slideIn();
	}

	function slideOutVertical(){
		myVerticalSlide.slideOut();
	}

	function slideOutHorizontal(){
		myHorizontalSlide.slideOut();
	}

	//¹ÙÅÁÈ­¸éŬ¸¯½Ã defalut
	$("menuBody").addEvent('click',function(e){

		document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start.jpg">';
		//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search.jpg">';
		document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost.jpg">';
		document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart.jpg">';
		document.getElementById("login").innerHTML = '<img src="../mooimages/btn_login.jpg">';
		
		$('loginBoxLayer').fade('out');
		$('searchBoxLayer').fade('out');
		$('postLayer').fade('out');
		$('shoppingCartLayer').fade('out');
		$('recentViewItemsLayer').fade('out');
		$('wishListLayer').fade('out');

		startFlag = true;
		loginBoxFlag = true;
		searchFlag = true;
		postFlag = true;
		recentViewFlag = true;
		
		if(myVerticalSlide.open==true && myHorizontalSlide.open==true){
			multiClick = true;
			slideOutHorizontal.delay(100);
			var verticalTimer = slideOutVertical.delay(400);
			multiClickStatus.delay(750);
		}
	});


	//·Î±×ÀÎ ¹Ú½º ·¹À̾î fadeIn
	$("login").addEvent('click',function(e){

		document.getElementById("loginBoxLayer").style.display="block";
		document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start.jpg">';
		//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search.jpg">';
		document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost.jpg">';
		document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart.jpg">';
		var loginOffSet = $('login').getPosition();
		var loginSize = $('login').getSize();

		var layerY = loginOffSet.y + loginSize.y;
		var layerX = loginOffSet.x + loginSize.x - 500;

		document.getElementById("loginBoxLayer").style.position = 'absolute';
		document.getElementById("loginBoxLayer").style.left = layerX;
		document.getElementById("loginBoxLayer").style.top = layerY;
		
		e.stop();
		$('loginBoxLayer').addEvent('click',function(e){
		e.stopPropagation();});

		if(loginBoxFlag){
			loginBoxFlag=false;
			document.getElementById("login").innerHTML = '<img src="../mooimages/btn_login_on.jpg">';
			$('loginBoxLayer').fade('in');
		}else{
			loginBoxFlag=true;
			document.getElementById("login").innerHTML = '<img src="../mooimages/btn_login.jpg">';
			$('loginBoxLayer').fade('out');
		}

		$('searchBoxLayer').fade('out');
		$('postLayer').fade('out');
		$('shoppingCartLayer').fade('out');
		$('recentViewItemsLayer').fade('out');
		$('wishListLayer').fade('out');

		startFlag=true;
		searchFlag=true;
		postFlag=true;
		recentViewFlag=true;
		
		if(myVerticalSlide.open==true && myHorizontalSlide.open==true){
			multiClick = true;
			slideOutHorizontal.delay(100);
			var verticalTimer = slideOutVertical.delay(400);
			multiClickStatus.delay(750);
		}
	});

	//°Ë»ö ¹Ú½º ·¹À̾î fadeIn
	$("search").addEvent('click',function(e){
		document.getElementById("searchBoxLayer").style.display="block";
		document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start.jpg">';
		document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost.jpg">';
		document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart.jpg">';
		document.getElementById("login").innerHTML = '<img src="../mooimages/btn_login.jpg">';

		var searchOffSet = $('search').getPosition();
		var searchSize = $('search').getSize();

		var layerY = searchOffSet.y + searchSize.y;
		var layerX =  searchOffSet.x + searchSize.x - 266;

		document.getElementById("searchBoxLayer").style.position = 'absolute';
		document.getElementById("searchBoxLayer").style.left = layerX;
		document.getElementById("searchBoxLayer").style.top = layerY;
		
		e.stop();
		$('searchBoxLayer').addEvent('click',function(e){
		e.stopPropagation();});

		if(searchFlag){
			searchFlag=false;
			//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search_on.jpg">';
			$('searchBoxLayer').fade('in');
			$("searchtext").value="";
		}else{
			searchFlag=true;
			//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search.jpg">';
			$('searchBoxLayer').fade('out');
		}
			
		$('loginBoxLayer').fade('out');
		$('postLayer').fade('out');
		$('shoppingCartLayer').fade('out');
		$('recentViewItemsLayer').fade('out');
		$('wishListLayer').fade('out');

		loginMenuFlag = true;
		startFlag=true;
		postFlag=true;
		recentViewFlag=true;
		
		if(myVerticalSlide.open==true && myHorizontalSlide.open==true){
			multiClick = true;
			slideOutHorizontal.delay(100);
			var verticalTimer = slideOutVertical.delay(400);
			multiClickStatus.delay(750);
		}
	});

	//Æ÷½ºÆ® ·¹À̾î fadeIn
	$("post").addEvent('click',function(e){
		document.getElementById("postLayer").style.display="block";
		document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start.jpg">';
		//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search.jpg">';
		document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart.jpg">';
		document.getElementById("login").innerHTML = '<img src="../mooimages/btn_login.jpg">';

		var postOffSet = $('post').getPosition();
		var postSize = $('post').getSize();

		var layerY = postOffSet.y + postSize.y;
		var layerX =  postOffSet.x;

		document.getElementById("postLayer").style.position = 'absolute';
		document.getElementById("postLayer").style.left = layerX;
		document.getElementById("postLayer").style.top = layerY;
		
		e.stop();
		$('postLayer').addEvent('click',function(e){
		e.stopPropagation();});

		if(postFlag){
			postFlag=false;
			document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost_on.jpg">';
			$('postLayer').fade('in');
		}else{
			postFlag=true;
			document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost.jpg">';
			$('postLayer').fade('out');
		}
	
		$('loginBoxLayer').fade('out');
		$('searchBoxLayer').fade('out');
		$('shoppingCartLayer').fade('out');
		$('recentViewItemsLayer').fade('out');
		$('wishListLayer').fade('out');

		loginBoxFlag = true;
		startFlag=true;
		searchFlag=true;
		recentViewFlag=true;
		
		if(myVerticalSlide.open==true && myHorizontalSlide.open==true){
			multiClick = true;
			slideOutHorizontal.delay(100);
			var verticalTimer = slideOutVertical.delay(400);
			multiClickStatus.delay(750);
		}
	});

//ÃÖ±Ù Á¶È¸ÇÑ »óÇ°
	$("recentView").addEvent('click',function(e){
		document.getElementById("recentViewItemsLayer").style.display="block";
		document.getElementById("v_toggle").innerHTML = '<img src="../mooimages/btn_start.jpg">';
		//document.getElementById("search").innerHTML = '<img src="../mooimages/btn_search.jpg">';
		document.getElementById("post").innerHTML = '<img src="../mooimages/btn_mypost.jpg">';
		document.getElementById("recentiframe").src = '/shop/goods/goods_recent.php';

		var recentViewOffSet = $('recentView').getPosition();
		var recentViewSize = $('recentView').getSize();
	
		var layerY = recentViewOffSet.y + recentViewSize.y;
		var layerX =  recentViewOffSet.x;
		document.getElementById("recentViewItemsLayer").style.position = 'absolute';
		document.getElementById("recentViewItemsLayer").style.left = layerX;
		document.getElementById("recentViewItemsLayer").style.top = layerY;
		e.stop();
		$('recentViewItemsLayer').addEvent('click', function(event){
		event.stopPropagation(); });

		if(recentViewFlag){
			recentViewFlag=false;
			document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart_on.jpg">';
			$('recentViewItemsLayer').fade('in');
		}else{
			recentViewFlag=true;
			document.getElementById("recentView").innerHTML = '<img src="../mooimages/btn_cart.jpg">';
			$('recentViewItemsLayer').fade('out');
		}

		$('loginBoxLayer').fade('out');
		$('postLayer').fade('out');
		$('searchBoxLayer').fade('out');
		$('shoppingCartLayer').fade('out');
		$('wishListLayer').fade('out');

		
		loginBoxFlag = true;
		startFlag=true;
		searchFlag=true;
		postFlag=true;
		
		if(myVerticalSlide.open==true && myHorizontalSlide.open==true){
			multiClick = true;
			slideOutHorizontal.delay(100);
			var verticalTimer = slideOutVertical.delay(400);
			multiClickStatus.delay(750);
		}
	});
});



window.addEvent('load', function() {
	//var myVerticalSlide = new Fx.Slide('start_vertical');
	//var myHorizontalSlide = new Fx.Slide('start_horizontal', {mode: 'horizontal'});
	//myVerticalSlide.slideOut();
	//myHorizontalSlide.slideOut();
	$('loginBoxLayer').fade('hide');
	$('searchBoxLayer').fade('hide');
	$('postLayer').fade('hide');
	$('shoppingCartLayer').fade('hide');
	$('recentViewItemsLayer').fade('hide');
	$('wishListLayer').fade('hide');
	
});

//ÃÖ±Ù º» »óÇ°
function recentViewTab(){
	document.getElementById("recentViewItemsLayer").style.display="block";
	var recentViewOffSet = $('recentView').getPosition();
	var recentViewSize = $('recentView').getSize();
	$('wishRecent').addEvent('click',function(e){
	e.stop();});
	$('cartRecent').addEvent('click',function(e){
	e.stop();
	});
	$('recentViewItemsLayer').addEvent('click',function(e){
	e.stopPropagation();
	});
	
	var layerY = recentViewOffSet.y + recentViewSize.y;
	var layerX =  recentViewOffSet.x;
	document.getElementById("recentViewItemsLayer").style.position = 'absolute';
	document.getElementById("recentViewItemsLayer").style.left = layerX;
	document.getElementById("recentViewItemsLayer").style.top = layerY;
			
	$('shoppingCartLayer').fade('hide');
	$('recentViewItemsLayer').fade('show');
	$('wishListLayer').fade('hide');
}

//ÂòÇÑ»óÇ°
function wishListTab(){
	document.getElementById("wishListLayer").style.display="block";
	var recentViewOffSet = $('recentView').getPosition();
	var recentViewSize = $('recentView').getSize();
	$('recentWish').addEvent('click',function(e){
	e.stop();
	});
	$('cartWish').addEvent('click',function(e){
	e.stop();
	});
	$('wishListLayer').addEvent('click',function(e){
	e.stopPropagation();
	}); 


	var layerY = recentViewOffSet.y + recentViewSize.y;
	var layerX =  recentViewOffSet.x;
	document.getElementById("wishListLayer").style.position = 'absolute';
	document.getElementById("wishListLayer").style.left = layerX;
	document.getElementById("wishListLayer").style.top = layerY;
				
	$('shoppingCartLayer').fade('hide');
	$('recentViewItemsLayer').fade('hide');
	$('wishListLayer').fade('show');
}

//¼îÇÎÄ«Æ® ·¹À̾î fadeIn
function shoppingCartTab(){
	document.getElementById("shoppingCartLayer").style.display="block";
	$('recentCart').addEvent('click',function(e){
	e.stop();
	});
	$('shoppingCartLayer').addEvent('click',function(e){
	e.stopPropagation();
	}); 
	$('wishCart').addEvent('click',function(e){
	e.stop();
	});
		
	var shoppingCartOffSet = $('recentView').getPosition();
	var shoppingCarteSize = $('recentView').getSize();
	var layerY = shoppingCartOffSet.y + shoppingCarteSize.y;
	var layerX =  shoppingCartOffSet.x;

	document.getElementById("shoppingCartLayer").style.position = 'absolute';
	document.getElementById("shoppingCartLayer").style.left = layerX;
	document.getElementById("shoppingCartLayer").style.top = layerY;
	
	$('shoppingCartLayer').fade('show');
	$('recentViewItemsLayer').fade('hide');
	$('wishListLayer').fade('hide');
}