$(function(){
	////////////////////////////////////////////////////INITIALIZE
	setSize();
	
	var img_number = $('#bg img').size();
	var rnd = Math.floor( Math.random() * img_number );
	if( $('#bg').is('.opacity') ){
		$('#bg img').eq(rnd).fadeTo(800, 0.4).css('display', 'inline');
	} else {
		$('#bg img').eq(rnd).fadeIn(800); 
	}
	
	$('ul#globalmenu li a img').hide();
	$('ul#globalmenu li a').hover(function(){
		$('img', this).fadeIn(200);
	}, function(){
		$('img', this).fadeOut(200);
	});
	
	////////////////////////////////////////////////////EVENT
	$(window).bind('resize', function(){
		setSize();
	});
	
	$('#footer ul li img, .op').op();
	
	//info box
	$('#ul_info dl dd').hover(function(){
		var self = $('span', this);
		var spanW = $('span a', this).width();
		self.css('width', 40 + spanW + 'px');
		
		moveCycle(self, spanW);
		
	}, function(){
		$('span', this).stop().css({
			'left': 0	
		});
	});
	
	////liveinfo box
	$('#ul_live li').hover(function(){
		var self = $('span', this);
		var spanW = $('span a', this).width();
		
		moveCycle(self, spanW);
	}, function(){
		$('span',this).stop().css({
			'left': 0	
		});
	});
	
	function moveCycle(_self, dist){
		_self.animate({
			'left': - dist + 'px'
		}, 6000, 'linear', function(){
			_self.css('left', 316 + 'px');	
			moveCycle(_self, dist);
		});
	}
	
	
	////////////////////////////////////////////////////FUNCTION
	function setSize(){
		var imgW = 1200;
		var imgH = 711;
		var winW = $(window).width();
		var winH = $(window).height();
		
		var scaleW = winW / imgW;
		var scaleH = winH / imgH;
		var fixScale = Math.max(scaleW, scaleH);
		var setW = imgW * fixScale;
		var setH = imgH * fixScale;
		
		var moveX = Math.floor((winW - setW) / 2);
		
		$('#bg img').css({
			'width': setW,
			'height': setH,
			'left': moveX
		});
		$('iframe.aip, .main_content, .mobile_content').css({
			'height': winH - 230
		});
	}
});