/*/////////////////////////////////////////////////*/
/* ================================================*/
/*
/*		navigation js
/*		ver.2
/*		@author com
/* ================================================*/
/*/////////////////////////////////////////////////*/


/* overlay
------------------------------------------------------------------------ */
 var overlay = {
     setOverlay: function () {
         $("#main_content").append('<div id="nav-lay"></div>');
         $("#nav-lay").css({
					'background': '#000000',
					'width': $("#wrapper").width()|| $('#wrap').width(),
					'height': $('#main_content').css('height'),
					'display': 'none',
					'position': 'absolute',
					'top' : '0px',
					'left' : '0px'
         });
     },
     appendOverlay: function () {
         if ($('#nav-lay').css('display') == 'none') {
		     $('#nav-lay').fadeTo("slow", 0.6);
         }
     },
     eraseOverlay: function(){
         if ($('#nav-lay').css('display') != 'none') {
             $('#nav-lay').stop(true,true).fadeOut("swing");
         }
     }
    
}

/* load event
------------------------------------------------------------------------ */
$( function () {

    overlay.setOverlay();
	
	/* lv02 position setting
	------------------------------------------------------------------------ */
	if ( $.browser.msie && $.browser.version <  8 ) {
		
    } else {
		setUpCss();
	}
	
	/* style fine tuning
	------------------------------------------------------------------------ */
	$( 'a span.inner_txt' ).css( 'font-size', '14px' );
	$( ".sub_arrow" ).hide();
	$( "ul.navi_lv02" ).hide();
	$( 'li.lv03:last-child a' ).css( 'padding-bottom', '5px' );
	
	/* event action 
	------------------------------------------------------------------------ */
    $( "ul.navi_lv01 li.has_child.lv01" )
	.mouseover( function () { ChangePass.changeSrc( $( this ) , '_n', '_r') } )
	.mouseout( function () { ChangePass.changeSrc( $( this ) , '_r', '_n') } )
	.click( 
		function ( event ) {
		    ChangePass.returnAll($(this));
		    var $this = $( this );
		    ChangePass.changeSrc( $this , '_r', '_a')
		    $( ".parent_allow" ).stop( true, true ).fadeTo( 100, 1 );
		    $( ".parent_allow", this ).fadeTo( 'slow', 0 );
		    overlay.appendOverlay();
		    slideAction( $this.children( "ul.navi_lv02" ) );
		    $( ".sub_arrow", $this ).fadeIn( 1200 )
		}
	);

    $( ".close_btn" ).click( function ( event ) {
        ChangePass.returnAll();
        stopEvent( event ? event : window.event );
        $( '#nav-lay' ).fadeOut();
        $( "ul.navi_lv02" ).slideUp( "easeOutBounce" );
        $( ".parent_allow" ).stop( true, true ).fadeTo( 'slow', 1 );
    } );

    $( "#trends" )
    .mouseover( function () { ChangePass.changeSrc( $( this ) , '_n', '_r') } )
    .mouseout( function () { ChangePass.changeSrc( $( this ) , '_r', '_n') } )
    .click( function () { ChangePass.changeSrc( $( this ) , '_r', '_n') } );

	$('li.nav_subttle').click(function(){return false;});

    $( ".lv02.has-sub" ).hover( 
		function () {$( this ).addClass( 'hover' );},
		function () {$( this ).removeClass( 'hover' );}
    );
} );

/* unload event
------------------------------------------------------------------------ */
$(window).unload(function () { return false; });

function setUpCss(){
	var setLeft;
	var setWidth;

	for ( var i = 0, parentLength = $( "li.has_child" ).length; i < parentLength; i++ ) {
		var $lili01 = $( "li.lv01" );
		setLeft = $lili01.eq( i ).offset().left;
		setWidth = $lili01.eq( i ).width();
		$lili01.eq( i ).children( "ul.navi_lv02" ).css( "left", 0 ).end().css( 'width', setWidth );
	}
}

 function slideAction(elm) {
    var flag = visibleCheck(elm);
    $("ul.navi_lv02").css('width', '180');
	var maxHeight = $( "ul.navi_lv02" ).eq(elm.parent('li').index() - 2).height();
    if (!flag) {
	$(".sub_arrow").hide();
	$("ul.navi_lv02").slideUp("easeInCubic");
	elm.css({'display':'block','height':0}).animate({'height': maxHeight },800,'easeOutQuart');//.slideDown("easeInBounce");
    }	
 }

function visibleCheck(visibleElm) {
    return    visibleElm.css('display') != 'none'
}

function stopEvent(event) { 
    if (event.stopPropagation) {
        event.stopPropagation();
    }
    else {
        event.cancelBubble = true;
    }
}

/* images pass change
------------------------------------------------------------------------ */
var ChangePass = function(){
    var element,
    href,
    thisHref,
    change;
}

ChangePass.returnAll = function(elem){
    if(elem){ 
	if(elem.children("ul.navi_lv02").css('display') == 'block'){
	    return;
	}
    }
    var $lv01 = $("li.has_child.lv01");	
    for(var k = 0, lv01Length = $lv01.length; k < lv01Length; k++ ){
	var thisHref = $lv01.find('span img').eq(k).attr('src');
	var changePass = thisHref.replace('_a', '_n');
	$lv01.find('span img').eq(k).attr('src',changePass);
    }
}

ChangePass.changeSrc = function(elem, before, after){
    element = elem.find('span img');
    thisHref = element.attr('src');
    change = thisHref.replace(before, after);
    element.attr( 'src', change );
}