var mainFrame1;
var mainFrame2;
var interval;
var firstLoad = true;
var rightMenuSet;
var topMenu1 , topMenu2 , topMenu2_2, topMenu3, topMenu4;
var loader;
var prevInnerHeight;
var topMenu;
var isMobile = ( navigator.userAgent.indexOf ( "iPad" ) > 0 ) || ( navigator.userAgent.indexOf ( "iPhone" ) > 0 ) || ( navigator.userAgent.indexOf ( "Android" ) > 0 );
//$.fx.off = isMobile;

document.title = documentTitle;



/**
* 좌측메뉴 제어
*/
function leftMenuInit()
{
	topMenu1 = new menuSet ( $(".gnb_mainleft") );	// 좌측 메인 메뉴
	topMenu1.onClick = function ( num )
	{
		getURL ( leftMenuURL [ num ] );
	}

	topMenu2 = new menuSet ( $(".lnb_mainleft") , false );	// 0:login , 1:join , 2:help
	topMenu2.onClick = function ( num )
	{
		if ( num == 0 )
		{
			getURL ( "login.html" );
			//alert ("끌레도르 홈페이지 회원서비스는 개편중입니다.\n 이용에 불편을 드려 대단히 죄송합니다.");
		}

		if ( num == 1 )
		{
			getURL ( "join.asp" );
			//alert ("끌레도르 홈페이지 회원서비스는 개편중입니다.\n 이용에 불편을 드려 대단히 죄송합니다.");
		}

		if ( num == 2 )
		{
			getURL ( "faq.html" );
		}
	}

	topMenu2_2 = new menuSet ( $(".lnb_mainleft2") , false );	// 0:logout , 1:my , 2:help
	topMenu2_2.onClick = function ( num )
	{
		if ( num == 0 )
		{
			getURL ( "logout.asp" );
		}

		if ( num == 1 )
		{
			getURL ( "join_modify.asp" );
		}

		if ( num == 2 )
		{
			getURL ( "faq.html" );
		}
	}

	topMenu3 = new menuSet ( $(".tab_mainleft") , false );	// 하단 배너부분 0:facebook , 1:news letter , 2:모바일
	topMenu3.onClick = function ( num )
	{
		switch ( num )
		{
			case 0:
			window.open ( "https://www.facebook.com/pages/%EB%81%8C%EB%A0%88%EB%8F%84%EB%A5%B4Cledor/155928387802545" ); // facebook
			break;

			case 1:
			openModalPopup ( "newsLetter.html" );		// 모달창 띄우기
			break;

			case 2:
			getURL ( "mobile.html" );
			break;
		}
	}

	// 06.13 추가
	topMenu4 = new menuSet ( $(".lnb_mainleft2") , false );	// 0:logout , 1:join_modify , 2:help
	topMenu4.onClick = function ( num )
	{
		if ( num == 0 )
		{
			getURL ( "logout.asp" );
		}

		if ( num == 1 )
		{
			getURL ( "join_modify.asp" );
		}

		if ( num == 2 )
		{
			getURL ( "faq.html" );
		}
	}
}


$(function()
{
	if ( !$.browser.msie )
	{
		$(".mainContainer .main").css ( { background:"#2f1f10" } );
	}

	topMenu = new menuSet ( $(".footTab") );
	topMenu.setOVER ( -1 );
	topMenu.onClick = function ( num )
	{
		getURL ( footMenuURL [ num ] );
	}

	loader = new MovieClip ( $(".loader") , "images/loading/loading_main" , 30 , 20 , function()
	{
		 //$(".loader").css ( "display" , "block" );
	} );

	loader.gotoAndStop( 1 );

	if ( $.browser.version == "6.0" ) 
	{
		DD_belatedPNG.fix ( "img" );
		DD_belatedPNG.fix ( ".mainContainer .leftMenu .leftMenuCon" );
	}

	mainFrame1 = $(".main1");
	mainFrame2 = $(".main2");

	$(window).bind ( "resize" , resizeWindow ).resize();
	$(window).bind ( "scroll" , scrollChk ).scroll();

	rightMenuSet = new rightMenu ( $(".rightMenu") );
	$(".rightMenu").css ( { top:100 } );
	//$(".rightMenu").stop().animate ( { top:50 } , { duration:1000 , easing:"easeOutQuad" } );

	$.history.init( function( hash )
	{ 
		if ( hash == "" ) 
		{ 
			location.hash = "main.html";
		} 
		else 
		{ 
			moveMenu ( hash );
		}		
	}, 
	{ unescape: ",/" }); 
	
	
	$(".topButton").css ( "cursor" , "hand" ).bind ( "click" , function()
	{
		$("body").animate ( { scrollTop:0 } , { duration:1000 , easing:"easeInOutExpo" } );
	} );
	
	/**
	* 푸터 말풍선 제어 ( 2011/07/27 추가 )
	*/

	$(".foot_banner li").bind ( "mousemove" , footerItemShow ).bind ( "mouseout" , footerItemHide );
	$(".foot_bn").css ( { display:"none" } );

	//<div class="foot_bn"><img src="images/mainImages/foot_bnbox1.png" alt="" /></div>

	function footerItemShow( e )
	{
		var tar = $(e.target);
		var index = tar.parent().index();
		var ballTar = $(".foot_bn").eq ( index );

		var x = tar.position().left - ballTar.width()/2 + tar.width()/2;
		var y = tar.position().top - ballTar.height();

		ballTar.css ( { position:"absolute" , display:"block" , left:x  , top:y+5  } );
	}

	function footerItemHide()
	{
		$(".foot_bn").css ( { display:"none" } );
	}



	bannerInit();
	leftMenuInit();

} );

function resizeWindow()
{
	var top = $(window).scrollTop();
	var w = $(window).width();
	var h = $(window).height();

	if ( !$.browser.msie ) if ( $(".mainContainer").height() > h ) w += 18;

	$(".mainContainer").css ( "left" , w/2 - 840/2 -120/2 );
	$(".leftMenu").stop().animate ( { top:top } );
	$(".loader").css ( { left:w/2 -130/2 + 78 , top:h/2 -190/2 + 17 + top } );

	$(".modalBg").css ( { width:"100%" , height:$("body").attr ( "scrollHeight" ) } );
	$(".modalPopupContainer").css ( { left:w/2 , top:h/2 + top } );

	var topY = $(window).height();
	if ( topY > $(".mainContainer").height() ) topY = $(".mainContainer").height();
	$(".topButton").stop().css ( { top:top + topY - 100   });

	scrollChk();
}

function scrollChk( e )
{
	var top = $(window).scrollTop();
	var w = $(window).width();
	var h = $(window).height();

	if ( !$.browser.msie ) if ( $(".mainContainer").height() > h ) w += 18;

	$(".loader").css ( { left:w/2 -130/2 + 78 , top:h/2 -190/2 + 17 + top } );
	//$(".modalPopupContainer").stop().css ( { top:h/2 + top } );
	//$(".modalPopupContainer").stop().animate ( { left:w/2 , top:h/2 + top } );
	$(".leftMenu").stop().animate ( { top:0 + 20 } , { duration:0 , easing:"easeOutQuad" } );

	if ( location.hash == "#main.html" )
	{
		
	}
	else
	{
		//$(".rightMenu").stop().animate ( { top:top+50 } , { duration:1000 , easing:"easeOutQuad" } );
	}
	
//		$(".topButton").stop().animate ( { top:top + $(window).height() -100  } , { duration:1000 , easing:"easeOutQuad" } );

	var topY = $(window).height();
	if ( topY > $(".mainContainer").height() ) topY = $(".mainContainer").height();
	$(".topButton").stop().css ( { top:top + topY - 100   });
	//$(".leftMenu").css ( { top:top } );
}


// 모달팝업 띄우기 

function openModalPopup ( url , ww , hh , isScroll )
{
	var top = $(window).scrollTop();
	var h = $(window).height();
	$(".modalPopupContainer").stop().css ( { top:h/2 + top } );

	loadingShow();

	var modalHeight = $(".mainContainer").height();
	if ( modalHeight < $(window).height() ) modalHeight = $(window).height()

	$(".modalBg").css ( { width:"100%" , height:modalHeight , display:"block" , opacity:0.6 } );
	$(".modalBg").one ( "click" , closeModalPopup );

	
	var iframeStr = '<iframe id="popupFrame" class="popupFrame" allowTransparency="true" width="0px" height="0px" src="' + url +'" scrolling="no" frameborder="0">';
	if ( isScroll ) var iframeStr = '<iframe id="popupFrame" class="popupFrame" background="#ff0000" width="0px" height="0px" src="' + url +'" scrolling="yes" frameborder="0">';
	$(".popupCon").empty().append ( iframeStr );
	$(".popupFrame").one ( "load" , popupLoadOk );

	

	function popupLoadOk ( e )
	{
		loadingStop();

		if ( ww || hh )
		{
			var w = ww;
			var h = hh;
		}
		else
		{
			var w = $(".popupFrame").contents().find(".mainCon").width();
			var h = $(".popupFrame").contents().find(".mainCon").height();
		}

		$(".popupFrame").css ( { width:w , height:1 } ).animate ( { width:w , height:h } , { duration:500 , easing:"easeInOutQuad" } );
		$(".popupCon").css ( { left:-w/2+60 , top:0 } ).animate ( { left:-w/2+ 60 , top:-h/2 } , { duration:500 , easing:"easeInOutQuad" } );
//		$(".popupCon").css ( { left:-w/2 , top:-1000 } ).animate ( { top:-h/2 } , { duration:600 , easing:"easeOutBack" } );
	}
}

function closeModalPopup()
{
	$(".popupFrame").animate ( {  height:1  } , { duration:400 , easing:"easeInOutQuad" } );
	$(".popupCon").animate ( { top:0  } ,  { duration:400 , easing:"easeInOutQuad" , complete:closeModalPopupComplete } );
//	$(".popupCon").animate ( { top:-1000 } , { duration:600 , easing:"easeInBack" , complete:closeModalPopupComplete } );

	function closeModalPopupComplete()
	{
		$(".popupCon").empty();
		$(".modalBg").css ( { display:"none" } );
	}
}

function rightMenuButtonClick( num )
{
	var fd = mainFrame2.contents()[0].contentWindow;
	fd.rightMenuButtonClickToMain(num);
}

function eventChange ( num )
{
	rightMenuSet.setCurrentNum ( num );
}

var topMain;
var prevPageURL;

// 페이지 이동
function getURL ( pageURL )
{
	if ( pageURL.substr ( 0 , 6 ) == "alert:" )
	{
		alert ( pageURL.substr ( 6 ) );
		return;
	}

	if ( pageURL == "" ) return;
	if ( pageURL == prevPageURL )
	{
		moveMenu ( pageURL );
		return;
	}
	location.hash = pageURL;
}


function loadingShow()
{
	var modalHeight = $(".mainContainer").height();
	if ( modalHeight < $(window).height() ) modalHeight = $(window).height()

//	$(".modalBg").css ( { width:"100%" , height:modalHeight , display:"block" , opacity:0.6 } );
	$(".loader").css ( "display" , "block" );
	loader.play();
}

function loadingStop()
{
//	$(".modalBg").css ( { display:"none" } );
	$(".loader").css ( "display" , "none" );
	loader.stop();

}

function moveMenu( pageURL )
{
	loadingShow();
	prevPageURL = pageURL;
	clearInterval ( interval );
	interval=0;
	
	//$(window).scrollTop ( 0 );
	$("body").animate ( { scrollTop:0 } , { duration:500 , easing:"easeInOutQuart" , complete:scrollTopEnd } );

	if ( pageURL == "main.html"  )		// || pageURL.substr(0,5) == "event" 20110517 이벤트나 메인 페이지일 경우에는 배너 감춤
	{
		//$(".main").animate ( { top:0 } , { duration:500 , easing:"easeInOutQua rt" } );
		$(".banner").animate ( { height:1 } , { complete:function() { $(".banner").css ( "display" , "none" ) } });
	}

	function scrollTopEnd()
	{

		mainFrame1.attr ( "style" , "" );
		mainFrame2.attr ( "style" , "" );

		mainFrame1.stop().css ( { left:-870 , "z-index":300 } );
		mainFrame2.stop().css ( { left:0 , "z-index":299 } );

		mainFrame1.empty();

		mainFrame1.append ( '<iframe id="frame" class="frame" src="' + pageURL +'" width="840px" scrolling="no" frameborder="0">' );
		mainFrame1.find ( ".frame" ).one ( "load" , loadComplete );

	}

	function loadComplete ( e )
	{
		if ( location.hash == "#main.html" )		//  || location.hash.substr(0,6) == "#event" 20110517 메인일때 
		{
			bannerMoveStop();
			topMain = 1;
		}
		else
		{
			bannerMoveStart();
			topMain = 100;
//			topMain = 1;
		}

		$("body").scrollTop(0);
		
		if ( $(".leftMenu").css ( "display" ) == "none" )
		{
			$(".delayDummy").animate ( { top:0 } , { duration:500 , complete:function()
			{
				$(".leftMenu").css ( "display" , "block" );
				$(".leftMenu .leftMenuCon").animate ( { left:0 } );
			} } );
		}

		var innerHeight = mainFrame1.find(".frame").contents().find("body").attr( "scrollHeight" );
		mainFrame1.find(".frame").height ( innerHeight );

		//$(".footer").css ( "display" , "block" );

		if ( firstLoad )
		{
			//$(".main").stop().animate ( { height:innerHeight } , { duration:1000 , easing:"easeInOutQuart" , complete:setIntervalChangeSize } );
			//$(".mainContainer").stop().css ( { top:-2000 } ).animate ( { top:0 } );
		}
		else
		{
//			$(".main").stop().animate ( { height:innerHeight } , { duration:1000 , easing:"easeInOutQuart" , complete:setIntervalChangeSize } );
			//$(".main").stop().css ( { height:innerHeight } );
			//$(".delayDummy").animate ( { top:0 } , { duration:1000 , complete:setIntervalChangeSize } );
		}

		$(".main").stop().animate ( { height:innerHeight } , { duration:1000 , easing:"easeInOutQuart" , complete:setIntervalChangeSize } );

		if ( firstLoad )
		{
			mainFrame1.stop().css ( { left:0 } , { duration:1000 , easing:"easeInOutQuart" , complete:motionEnd } );
			$(".mainContainer").stop().css ( { top:0 } );
		}
		else
		{
			mainFrame1.stop().animate ( { left:0 } , { duration:1000 , easing:"easeInOutQuart" , complete:motionEnd} );
			if ( !($.browser.msie || isMobile ) ) mainFrame2.stop().animate ( { opacity:0.3 } , { duration:700 , easing:"easeInQuart" } );		// 없어지는 애니메이션 ( ie만 제외 )
		}
		

		var tempFrame1 = mainFrame1;
		var tempFrame2 = mainFrame2;

		mainFrame1 = tempFrame2;
		mainFrame2 = tempFrame1;

		loadingStop();
		firstLoad = false;

		if ( location.hash !="#main.html" )
		{
			rightMenuSet.state ( 0 );
		}

		document.title = documentTitle;

	}

	function motionEnd ()
	{
		setTimeout ( function() { mainFrame1.find(".frame").remove() } , 500 );
//		$(".main").stop().animate ( { height:innerHeight , top:topMain } , { duration:1000 , easing:"easeInOutQuart" , complete:setIntervalChangeSize } );
	}
}

function setIntervalChangeSize()
{
	if ( location.hash == "#main.html" )		// 우측메뉴 활성화 여부
	{
		rightMenuSet.state ( 1 );
	}
//	$(".main").animate ( { top:topMain } , { duration:500 , easing:"easeInOutQuart" } );
	if ( topMain > 1 ) $(".banner").css ( "display" , "block" );
	$(".banner").stop().animate ( { height:topMain } );

	clearInterval ( interval );
	interval = 0;
	
	if ( mainFrame2.find(".frame").contents().find("body").find(".mainCon").attr ( "class" ) =="mainCon" )
	{
		interval = setInterval ( detectIframeSize , 300 );
	}

	resizeWindow();
}

function detectIframeSize()
{
	var innerHeight = mainFrame2.find(".frame").contents().find("body").find(".mainCon").attr( "scrollHeight" );
	if ( innerHeight == prevInnerHeight ) return;

//	alert ( innerHeight + " , " + prevInnerHeight );
	prevInnerHeight = innerHeight;
	mainFrame2.find(".frame").height ( innerHeight );
	$(".main").css ( "height" , innerHeight );
	resizeWindow();
}