
	$(document).ready(function(){

		//When you click on a link with class of poplight and the href starts with a #
		$('a.poplight[href^=#]').click(function() {
			var popID = $(this).attr('rel'); //Get Popup Name
			var popURL = $(this).attr('href'); //Get Popup href to define size

			//Pull Query & Variables from href URL
			var query= popURL.split('?');
			var dim= query[1].split('&');
			var popWidth = dim[0].split('=')[1]; //Gets the first query string value

			//Fade in the Popup and add close button
			$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="btn_layer_close"><img src="/images/front/btn/btn_window_close.gif" title="Close Window" alt="Close" /></a>');

			//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
			var popMargTop = ($('#' + popID).height()) / 2;
			var popMargLeft = ($('#' + popID).width()) / 2;

			//Apply Margin to Popup
			$('#' + popID).css({
				'margin-top' : -popMargTop,
				'margin-left' : -popMargLeft
			});

			//Fade in Background
			$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
			$('#fade').css({'filter' : 'alpha(opacity=0)'}).fadeIn(); //Fade in the fade layer
			return false;
		});

		/*
		//Close Popups and Fade Layer
		$('a.btn_layer_close, #fade').live('click', function() { //When clicking on the close or fade layer...
			$('#fade , .popup_block').fadeOut(function() {
				$('#fade, a.btn_layer_close').remove();
		}); //fade them both out

			return false;
		});
		*/

		$('.toggle_container').hide();

		$(".trigger").toggle(function(){
				$(this).toggleClass().next().toggle();

			},function(){
				$(this).toggleClass().next().hide();

			});


		$("#wiki_drop1, #wiki_drop2, #wiki_drop3, #wiki_drop4, #wiki_drop5, #wiki_drop6, #wiki_drop7").hide();

		$("#wiki_lnb1, #wiki_lnb2, #wiki_lnb3, #wiki_lnb4, #wiki_lnb5, #wiki_lnb6, #wiki_lnb7").click(function(){

            if($(this).next().css('display')!='none') {
                //alert($(this).attr('id'));
                location.href = '/wiki/wiki_main.do?id=' + $(this).attr('id').substring(8);
                return;
            }

			$(this).next().slideToggle("");
		});


	});
	
function gnb_menu(n) {
    for(var i = 1; i < 8; i++) {
        obj = document.getElementById('gnb_menu'+i);
        if ( n == i ) {
            obj.style.display = "block";
        } else {
            obj.style.display = "none";
        }
    }

}


/* flash */
function swf(src,w,h){
	html = '';
	html += '<object type="application/x-shockwave-flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="param" width="'+w+'" height="'+h+'">';
	html += '<param name="movie" value="'+src+'">';
	html += '<param name="quality" value="high">';
	html += '<param name="wmode" value="transparent">';
	html += '<param name="bgcolor" value="#ffffff">';
	html += '<param name="menu" value="false">';
	html += '<param name="swliveconnect" value="true">';
	html += '<embed src="'+src+'" quality=high bgcolor="#ffffff" menu="false" width="'+w+'" height="'+h+'" swliveconnect="true" id="param" name="param" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>';
	html += '</object>';
	document.write(html);
}


/* project main */
function project_free(n) {
    for(var i = 1; i < 4; i++) {
        obj = document.getElementById('project_free'+i);
        img = document.getElementById('btn_project_free'+i);
        if ( n == i ) {
            obj.style.display = "block";
            img.src = "/images/front/btn/tab_project01_0"+i+"on.gif";
        } else {
            obj.style.display = "none";
            img.src = "/images/front/btn/tab_project01_0"+i+".gif";
        }
    }
}

function project_ranking(n) {
    for(var i = 1; i < 4; i++) {
        obj = document.getElementById('project_ranking'+i);
        img = document.getElementById('btn_project_ranking'+i);
        if ( n == i ) {
            obj.style.display = "block";
            img.src = "/images/front/btn/tab_project02_0"+i+"on.gif";
        } else {
            obj.style.display = "none";
            img.src = "/images/front/btn/tab_project02_0"+i+".gif";
        }
    }
}


