/* 2011.12.19 main visual Data PreLoad... */


// Event Binding....
var arrTitle = Array();
var arrImgUrl = Array();
var arrTitleImgUrl = Array();
var arrLinkUrl = Array();
var arrEventSummary = Array();
var arrPeriod = Array();
var arrPrizeDate = Array();
var arrGift = Array();
var eventMax;

function bindMainVisualEvent() {
	var getUrl = "/data/main/main_event_new2.xml";

	$.get(getUrl, function(data)
	{
		var len = 0;

		var $firstDiv = "";
		var $secondDiv = "";

		$(data).find("item").each(function()
		{
			$entry = $(this);

			arrTitle[len] = $entry.find("title").text();
			arrImgUrl[len] = $entry.find("imgUrl").text();
			arrTitleImgUrl[len] = $entry.find("title_imgUrl").text();
			arrLinkUrl[len] = $entry.find("linkUrl").text();
			arrEventSummary[len] = $entry.find("event_summary").text();
			arrPeriod[len] = $entry.find("period").text();
			arrPrizeDate[len] = $entry.find("prize_date").text();
			arrGift[len] = $entry.find("gift").text();

			len ++;
		});

		// Event 1 div
		var ii = 0;

		$firstDiv = "<div class='event_ct'>";

		for (var  i=0;i<len ;i++ )
		{
			ii = i+1;

			$firstDiv = $firstDiv + "<div class='event_item"+ii+"'>";
			$firstDiv = $firstDiv +		"<a><img src='"+arrImgUrl[i]+"' onclick=\"" +arrLinkUrl[i]+ "\" /></a>";
			$firstDiv = $firstDiv + "</div>";
		}

		// rolling ¿¡ »ç¿ëµÉ max°ª...
		eventMax = ii;

		ii = 0;
		$firstDiv = $firstDiv +		"<div class='dot'>";
		for (var i=0;i<len ;i++ )
		{
			ii = i+1;
			if (i==0) {
				$firstDiv = $firstDiv + "<a><img src='/img/main_renewal/dot_visual_on.png' onmouseover='rollingEvent("+ii+")' /></a>";
			}
			else {
				$firstDiv = $firstDiv + "<a><img src='/img/main_renewal/dot_visual_off.png' onmouseover='rollingEvent("+ii+")' /></a>";
			}
		}
		$firstDiv = $firstDiv +		"</div>";
		$firstDiv = $firstDiv + "</div>";

		//alert($firstDiv);

		// Event 2 div
		ii = 0;

		for (var i=0;i<eventMax ;i++)
		{
			ii = i+1;

			$secondDiv = $secondDiv + "<div class='event_desc event_desc"+ii+"' id='event_desc"+ii+"'>";
			$secondDiv = $secondDiv +	"<div class='event_hd'><h2><img src='"+arrTitleImgUrl[i]+"' alt=''></h2></div>";
			$secondDiv = $secondDiv +	"<div class='event_txt'><span class='txt'>"+arrEventSummary[i]+"</span>";
			$secondDiv = $secondDiv +		"<div class='event_info'>";
			$secondDiv = $secondDiv +			"<span><strong>À̺¥Æ® ±â°£</strong><span>"+arrPeriod[i]+"</span></span>";
			$secondDiv = $secondDiv +			"<span><strong>´ç÷ÀÚ ¹ßÇ¥</strong><span>"+arrPrizeDate[i]+"</span></span>";
			$secondDiv = $secondDiv +			"<span><strong>À̺¥Æ® °æÇ°</strong><span class='gift_txt'>"+arrGift[i]+"</span></span>";
			$secondDiv = $secondDiv +		"</div>";
			$secondDiv = $secondDiv +	"</div>";
			$secondDiv = $secondDiv +	"<div class='btn_visual'>";
			$secondDiv = $secondDiv +		"<a class='btn_detail'><img src='/img/main_renewal/btn_visual_detail.png' onclick=\""+arrLinkUrl[i]+"\" alt='ÀÚ¼¼È÷ º¸±â'></a>";
			$secondDiv = $secondDiv +	"</div>";
			$secondDiv = $secondDiv + "</div>";

		}

		$("#div_visual_event").append($firstDiv);
		$("#div_visual_event").append($secondDiv);
	});
}

// Vod Binding....
var arrImgOn = Array();
var arrImgOff = Array();
var arrImgTitle = Array();
var arrTitle = Array();
var arrDirector = Array();
var arrStarr = Array();
var arrDesc = Array();
var arrLevel = Array();
var arrFre = Array();
var arrNewHitHd = Array();
var arrSound = Array();
var arrCode = Array();
var arrFlvUrl = Array();
var arrMp4Url = Array();
var arrLinkUrl = Array();
// var arrBaseTitle = Array();

function bindMainVisualVod()
{
	var getUrl = "/data/main/main_newvod.xml";

	$.get(getUrl, function(data)
	{
		var len = 0;

		var $firstDiv = "";
		var $secondDiv = "";

		$(data).find("item").each(function()
		{
			$entry = $(this);

			arrImgOn[len] = $entry.find("on_img").text();
			arrImgOff[len] = $entry.find("off_img").text();
			arrImgTitle[len] = $entry.find("title_img").text();
			arrTitle[len] = $entry.find("base_title").text();
			arrDirector[len] = $entry.find("director").text();
			arrStarr[len] = $entry.find("starr").text();
			arrDesc[len] = $entry.find("c_desc").text();
			arrLevel[len] = $entry.find("scr_level").text();
			arrFre[len] = $entry.find("yn_fre").text();
			arrNewHitHd[len] = $entry.find("i_img").text();
			arrSound[len] = $entry.find("sound").text();
			arrCode[len] = $entry.find("code").text();
			arrFlvUrl[len] = $entry.find("flvUrl").text();
			arrMp4Url[len] = $entry.find("mp4Url").text();
			arrLinkUrl[len] = $entry.find("linkUrl").text();


			//alert(arrNewHitHd[len]);
			len ++;
		});

		// vod 1 div
		$firstDiv = "<div class='vod_ct'>";
		var ii = 0;
		var imgOnOffStr = "";
		var movStr = ""


		for (var i=0;i<3 ;i++ )
		{
			ii = i+1;

			if (ii != 2)
			{
				imgOnOffStr = "<img src='"+arrImgOff[i]+"' onmouseover='rollingVod("+ii+")' alt='"+arrTitle[i]+"'>";
			}
			else
			{
				imgOnOffStr = "<img src='"+arrImgOn[i]+"' onmouseover='rollingVod("+ii+")' alt='"+arrTitle[i]+"'>";
			}

			if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
				//$firstDiv = $firstDiv + "<div class='vod_item"+ii+"'><a onmouseover='rollingVod("+ii+")' onclick=\"showMovie('"+arrMp4Url[i]+"','"+arrTitle[i]+"')\">"+imgOnOffStr+"</a></div>"
				$firstDiv = $firstDiv + "<div class='vod_item"+ii+"'><a onclick=\"showMovie('"+arrMp4Url[i]+"')\">"+imgOnOffStr+"</a></div>";
			}
			else
			{
				//$firstDiv = $firstDiv + "<div class='vod_item"+ii+"'><a onmouseover='rollingVod("+ii+")' onclick=\"showMovie('"+arrFlvUrl[i]+"','"+arrTitle[i]+"')\">"+imgOnOffStr+"</a></div>";
				$firstDiv = $firstDiv + "<div class='vod_item"+ii+"'><a onclick=\"showMovie('"+arrFlvUrl[i]+"')\">"+imgOnOffStr+"</a></div>";
			}

		}

		$firstDiv = $firstDiv + "</div>";


		// vod 2 div...
		var iconStr = "";
		ii = 0;

		for (i=0;i<3 ;i++)
		{
			ii = i+1;


			icoStr = "<img src='/img/channel/ico_"+arrLevel[i]+".gif' alt='"+arrLevel[i]+"¼¼'>";
			if (arrFre[i] == "N")
			{
				icoStr = icoStr + "<img src='/img/channel/ico_pay.gif' alt='À¯·á'>";
			}

			if (arrNewHitHd[i] != "")
			{
				icoStr = icoStr + "<img src='/img/channel/"+arrNewHitHd[i]+"'>";
			}

			if (arrSound[i] == "1")
			{
				icoStr = icoStr + "<img src='/img/channel/stereo.gif' alt='½ºÅ×·¹¿À'>";
			}
			else {
				icoStr = icoStr + "<img src='/img/channel/5_1ch.gif' alt='5.1ä³Î'>";
			}

			$secondDiv = $secondDiv + "<div class='vod_desc vod_desc"+ii+"'>";
			$secondDiv = $secondDiv + "<div class='vod_hd'><h2><img src='"+arrImgTitle[i]+"' alt='"+arrTitle[i]+"'></h2></div>";
			$secondDiv = $secondDiv + "<div class='vod_info'>";
			$secondDiv = $secondDiv + "<span><strong>°¨µ¶:</strong><span>"+arrDirector[i]+"</span></span>";
			$secondDiv = $secondDiv + "<span><strong>Ã⿬Áø:</strong><span>"+arrStarr[i]+"</span></span>";
			$secondDiv = $secondDiv + "<span><strong>¿µÈ­Á¤º¸:</strong><span>"+icoStr+"</span></span>";
			$secondDiv = $secondDiv + "<div class='vod_txt'>"+arrDesc[i]+"</div>";
			$secondDiv = $secondDiv + "</div>";
			$secondDiv = $secondDiv + "<div class='btn_visual'>";
			$secondDiv = $secondDiv + "<a class='btn_detail'><img src='/img/main_renewal/btn_visual_detail.png' onclick=\""+arrLinkUrl[i]+"\" alt='ÀÚ¼¼È÷ º¸±â'></a>";
			$secondDiv = $secondDiv + "</div>";
			$secondDiv = $secondDiv + "</div>";
		}

		$("#div_visual_vod").append($firstDiv);
		$("#div_visual_vod").append($secondDiv);

	});
}
// Main Visual Bind.........End...

var intervalRolling;
var intervalVisual;
/* ³»ºñ°ÔÀÌ¼Ç ½ÃÀÛ À§Ä¡, navIndex¸¸ 0ºÎÅÍ ½ÃÀÛ */
var navIndex = 0;
var eventIndex = 1;
var vodIndex = 2;
var recommIndex = 1;
/* ÀÎÅ͹ú ¼³Á¤ */
var intervalTime = 4000;
var visualInterval = 3000;
var navList = $('.nav_visual li')
var checkNavclick = false;
var checkVodpop = false;
/* visual ÁÂÃø navi ·Ñ¸µ */
function rollingMenu(i){
	var index = i-1;
	var thisLst = $('.nav_visual li').eq(index);
	thisLst.addClass('curr');
	thisLst.children('a').addClass('on');
	thisLst.siblings().removeClass('curr');
	thisLst.siblings().children('a').removeClass('on');
	$('.wrap_visual>div').eq(index+1).siblings().not('.nav_visual').hide();
	$('.wrap_visual>div').eq(index+1).stop().fadeIn(200);
}
function nextStep(){
	autoRolling('event');
	autoRolling('vod');
	autoRolling('recomm');
}
/* visual ÁÂÃø navi ÀÚµ¿ ·Ñ¸µ */
function visualRolling(){
	var max = 3;
	var min = 1;
	if(navIndex == max){
		nextStep();
		navIndex = 0;
	}
	if(navIndex >= max) return;
	navIndex ++;
	rollingMenu(navIndex);
}
/* visual ¿µ¿ª ÀÚµ¿ ·Ñ¸µ */
function autoRolling(type){
	var min = 1
	switch(type){
		case 'event':
			// var max = 4;
			var max = eventMax;
			if(eventIndex == max) eventIndex = 0;
			if(eventIndex >= max) return;
	
			eventIndex ++;
			rollingEvent(eventIndex);
			break;
		case 'vod':
			var max = 3;
			if(vodIndex == max) vodIndex = 0;
			if(vodIndex >= max) return;
			vodIndex ++;
			rollingVod(vodIndex);
			break;
		case 'recomm':
			var max = 3;
			if(recommIndex == max) recommIndex = 0;
			if(recommIndex >= max) return;
			recommIndex ++;
			rollingRecomm(recommIndex);
			break;
	}
}
function startRolling(){
    intervalRolling = setInterval(visualRolling, intervalTime);
	$('.nav_visual li a').click(function(){
		clearInterval(intervalRolling);
	});
	$('.visual_event,.visual_vod,.visual_recomm').mouseover(function(){
		clearInterval(intervalVisual);
		clearInterval(intervalRolling);
	});
	$('.event_ct,.event_desc').mouseout(function(){
		if (!checkNavclick){
			clearInterval(intervalRolling);
			intervalRolling = setInterval(visualRolling, intervalTime);
		}else{
			clearInterval(intervalVisual);
			intervalVisual = setInterval("autoRolling('event')", visualInterval);
		}
	});
	$('.vod_ct,.vod_desc').mouseout(function(){
		if(!checkVodpop) {
			if (!checkNavclick){
				clearInterval(intervalRolling);
				intervalRolling = setInterval(visualRolling, intervalTime);
			}else{
				clearInterval(intervalVisual);
				intervalVisual = setInterval("autoRolling('vod')", visualInterval);
			}
		}else{
			clearInterval(intervalVisual);
			clearInterval(intervalRolling);
		}
	});
	$('.recomm_ct,.recomm_desc').mouseout(function(){
		if (!checkNavclick){
			clearInterval(intervalRolling);
			intervalRolling = setInterval(visualRolling, intervalTime);
		}else{
			clearInterval(intervalVisual);
			intervalVisual = setInterval("autoRolling('recomm')", visualInterval);
		}
	});
}

/* À̺¥Æ® ·Ñ¸µ */
function rollingEvent(i){
	eventIndex = i;
	var index = i - 1;
	var currImg = $('.event_ct .dot a').eq(index).children('img');
	var otherImg = $('.event_ct .dot a').eq(index).siblings().children('img');
	var onImg = currImg.attr('src').replace('off','on');
	var offImg = otherImg.attr('src').replace('on','off');
	currImg.attr('src',onImg);
	otherImg.attr('src',offImg);
	var hdImg = $('.event_ct div').eq(index);
	hdImg.siblings().not('.dot').hide();
	hdImg.show();

	//$('.visual_event .event_desc').eq(index).siblings().not('.event_ct').hide();
	//$('.visual_event .event_desc').eq(index).show();

	$(".event_desc").hide();
	$("#event_desc"+eventIndex).show();
}

/* VOD ·Ñ¸µ */
function rollingVod(index){
	var vodItem1 =	$('.vod_item1')
	var vodImg1 =	$('.vod_item1 img')
	var vodItem2 =	$('.vod_item2')
	var vodImg2 =	$('.vod_item2 img')
	var vodItem3 =	$('.vod_item3')
	var vodImg3 =	$('.vod_item3 img')
	vodIndex = index;
	switch(index){

		case 1:
			vodImg1.stop().animate({'width':'243px'},200).attr('src',arrImgOn[0]);
			vodItem1.css({'z-index':'300'}).stop().animate({'top':'18px'},200);
			vodItem2.css('z-index','200').stop().animate({'top':'52px','left':'200px'},200);
			vodImg2.stop().animate({'width':'202px'},200).attr('src',arrImgOff[1]);
			vodItem3.css({'z-index':'100'}).stop().animate({'top':'78px','left':'343px'},200);
			vodImg3.stop().animate({'width':'170px'},200).attr('src',arrImgOff[2]);

			$('.vod_desc1').show();
			$('.vod_desc2, .vod_desc3').hide();
			break;
		case 2:
			vodItem2.css({'z-index':'300'}).stop().animate({'top':'18px','left':'151px'},200);
			vodImg2.stop().animate({'width':'243px'},200).attr('src',arrImgOn[1]);
			vodItem1.css('z-index','100').stop().animate({'top':'52px','left':'40px'},200);
			vodImg1.stop().animate({'width':'202px'},200).attr('src',arrImgOff[0]);
			vodItem3.css({'z-index':'100'}).stop().animate({'top':'52px','left':'317px'},200);
			vodImg3.stop().animate({'width':'202px'},200).attr('src',arrImgOff[2]);

			$('.vod_desc2').show();
			$('.vod_desc1, .vod_desc3').hide();
			break;
		case 3:
			vodItem3.css({'z-index':'300'}).stop().animate({'top':'18px','left':'280px'},200);
			vodImg3.stop().animate({'width':'243px'},200).attr('src',arrImgOn[2]);
			vodItem2.css('z-index','200').stop().animate({'top':'52px','left':'200px'},200);
			vodImg2.stop().animate({'width':'202px'},200).attr('src',arrImgOff[1]);
			vodItem1.css({'z-index':'100'}).stop().animate({'top':'78px','left':'60px'},200);
			vodImg1.stop().animate({'width':'170px'},200).attr('src',arrImgOff[0]);

			$('.vod_desc3').show();
			$('.vod_desc1, .vod_desc2').hide();
			break;

		/*
		case 1:
			var imgSrc = vodItem1.children('a').children('img').attr('src')
			var onImg = imgSrc.replace('off','on');
			vodItem1.siblings().each(function(){
				var imgSrc = $(this).children('a').children('img').attr('src');
				var offImg = imgSrc.replace('on','off');
				$(this).children('a').children('img').attr('src',offImg)
			});
			vodImg1.stop().animate({'width':'243px'},200).attr('src',onImg);
			vodItem1.css({'z-index':'300'}).stop().animate({'top':'18px'},200);
			vodItem2.css('z-index','200').stop().animate({'top':'52px','left':'200px'},200);
			vodImg2.stop().animate({'width':'202px'},200);
			vodItem3.css({'z-index':'100'}).stop().animate({'top':'78px','left':'343px'},200);
			vodImg3.stop().animate({'width':'170px'},200);
			$('.vod_desc1').show();
			$('.vod_desc2, .vod_desc3').hide();
			break;
		case 2:
			var onImg = vodItem2.children('a').children('img').attr('src').replace('off','on');
			vodItem2.siblings().each(function(){
				var imgSrc = $(this).children('a').children('img').attr('src');
				var offImg = imgSrc.replace('on','off');
				$(this).children('a').children('img').attr('src',offImg)
			});
			vodItem2.css({'z-index':'300'}).stop().animate({'top':'18px','left':'151px'},200);
			vodImg2.stop().animate({'width':'243px'},200).attr('src',onImg);
			vodItem1.css('z-index','100').stop().animate({'top':'52px','left':'40px'},200);
			vodImg1.stop().animate({'width':'202px'},200);
			vodItem3.css({'z-index':'100'}).stop().animate({'top':'52px','left':'317px'},200);
			vodImg3.stop().animate({'width':'202px'},200);
			$('.vod_desc2').show();
			$('.vod_desc1, .vod_desc3').hide();
			break;
		case 3:
			var onImg = vodItem3.children('a').children('img').attr('src').replace('off','on');
			vodItem3.siblings().each(function(){
				var imgSrc = $(this).children('a').children('img').attr('src');
				var offImg = imgSrc.replace('on','off');
				$(this).children('a').children('img').attr('src',offImg)
			});
			vodItem3.css({'z-index':'300'}).stop().animate({'top':'18px','left':'280px'},200);
			vodImg3.stop().animate({'width':'243px'},200).attr('src',onImg);
			vodItem2.css('z-index','200').stop().animate({'top':'52px','left':'200px'},200);
			vodImg2.stop().animate({'width':'202px'},200);
			vodItem1.css({'z-index':'100'}).stop().animate({'top':'78px','left':'60px'},200);
			vodImg1.stop().animate({'width':'170px'},200);
			$('.vod_desc3').show();
			$('.vod_desc1, .vod_desc2').hide();
			break;
		*/
	}
}
/* Ãßõ»óÇ° ·Ñ¸µ */
function rollingRecomm(i){
	recommIndex = i;
	var index = i - 1;
	var currItem = $('.recomm_ct_lst li').eq(index)
	var currImg = currItem.children('a').children('img').attr('src');
	var overImg = currImg.replace("off","on");
	currItem.css({'width':'316px'});
	currItem.children('a').children('img').attr('src',overImg);
	currItem.siblings().children('a').each(function(){
		var itemImg = $(this).children('img').attr('src');
		var outImg = itemImg.replace("on","off");
		$(this).parent('li').css({'width':'95px'});
		$(this).children('img').attr('src',outImg);
	});
	var currDesc = $('.visual_recomm .recomm_desc').eq(index)
	currDesc.siblings().not('.recomm_ct').hide();
	currDesc.stop().show();
	var recommDotNavi = $('.recomm_ct .dot a').eq(index)
	var dotCurrImg = recommDotNavi.children('img');
	var dotOtherImg = recommDotNavi.siblings().children('img');
	var dotOnImg = dotCurrImg.attr('src').replace('off','on');
	var dotOffImg = dotOtherImg.attr('src').replace('on','off');
	dotCurrImg.attr('src',dotOnImg);
	dotOtherImg.attr('src',dotOffImg);
}
/* ÇÔ¼ö¸¦.... µÎ°³¸¦ ¸¸µé¾î¾ß ÇßÀ½ */
function visualNavi(i){
	rollingEvent(1);
	rollingVod(1);
	rollingRecomm(1);
	var index = i-1;
	var thisLst = $('.nav_visual li').eq(index);
	thisLst.addClass('curr');
	thisLst.children('a').addClass('on');
	thisLst.siblings().removeClass('curr');
	thisLst.siblings().children('a').removeClass('on');
	$('.wrap_visual>div').eq(index+1).siblings().not('.nav_visual').hide();
	$('.wrap_visual>div').eq(index+1).show();
	switch(i){
		case 1:
			clearInterval(intervalVisual);
			intervalVisual = setInterval("autoRolling('event')", visualInterval);
			break;
		case 2:
			clearInterval(intervalVisual);
			intervalVisual = setInterval("autoRolling('vod')", visualInterval);
			break;
		case 3:
			clearInterval(intervalVisual);
			intervalVisual = setInterval("autoRolling('recomm')", visualInterval);
			break;
	}
	checkNavclick = true;
}
$(function(){
	startRolling();
});
/* ¸ÞÀÎ ·Ñ¸µ ³¡.... */
function changeTab(tabClass, tabnum, targetClass, currentClass) {
	var selectTab = $('.' + tabClass).children('li').eq(tabnum-1);
	var targetTab = $('.' + targetClass);
	var currentTab = $('.' + currentClass);
	var currentImg = selectTab.children('a').children('img').attr('src');
	var onImg = currentImg.replace('off','on');
	var targetImg = selectTab.siblings().children('a').children('img').attr('src')
	var offImg = targetImg.replace('on','off');
	currentTab.hide();
	targetTab.fadeIn(100);
	selectTab.children('a').children('img').attr('src',onImg);
	selectTab.siblings().children('a').children('img').attr('src',offImg)
}
function boardTab(tabClass, tabnum, targetCt) {
	var tabCount = $('.' + tabClass).children('li').last().index() + 1;
	var currentTab = $('.' + tabClass).children('li').eq(tabnum -1);
	var currentImg = currentTab.children('a').children('img').attr('src');
	var targetImg = currentTab.siblings().children('a').children('img').attr('src');
	var onImg = currentImg.replace('off','on');
	var targetTab = $('.' + targetCt).eq(tabnum - 1);
	for (i=0; i < tabCount;  i++) {
		var targetImg = $('.' + tabClass).children('li').eq(i).children('a').children('img').attr('src');
		var offImg = targetImg.replace('on','off');
		$('.' + tabClass).children('li').eq(i).children('a').children('img').attr('src',offImg)
	}
	currentTab.children('a').children('img').attr('src',onImg);
	targetTab.siblings().not('.n_tab').hide()
	targetTab.fadeIn(100);
}
function toggleChannel() {
	$('.chnow_cont .last a img').attr('src','/img/main_renewal/chnow_all.gif');
	$('.allchannel li').each(function(){
		$(this).hide();
	});
	$('.allchannel').hide();
	$('.lst_channel').css('padding-bottom','0');
	$('.chnow_cont .active').next('li').children('a').css('padding-left','4px');
	$('.chnow_cont .active').removeClass('active');
	$('.chnow_cont li').css('width','');
	$('.chnow_cont .last a').css({'padding-right':'4px'});
}

/* 2011-12-29 index.asp·Î À̵¿
function chLeft() {
	var chList = $('.category_list_sub');
	var scrtop = chList.scrollTop();
	chList.scrollTop(-20);
	$(".chlist_btn img:eq(0)").attr("src", "/img/main_renewal/onair_charrow_prev_off.gif");
	$(".chlist_btn img:eq(0)").css("cursor", "default");
	if(scrtop > 0){
		$(".chlist_btn img:eq(1)").attr("src", "/img/main_renewal/onair_charrow_next.gif");
		$(".chlist_btn img:eq(1)").css("cursor", "pointer");
	}
}
function chRight() {
	var chList = $('.category_list_sub');
	chList.scrollTop(20);
	if(chList.scrollTop() > 0){
		$(".chlist_btn img:eq(0)").attr("src", "/img/main_renewal/onair_charrow_prev.gif");
		$(".chlist_btn img:eq(0)").css("cursor", "pointer");
	}
	$(".chlist_btn img:eq(1)").attr("src", "/img/main_renewal/onair_charrow_next_off.gif");
	$(".chlist_btn img:eq(1)").css("cursor", "default");
}
*/

function showMovie(src) {
	checkVodpop = true;
	clearInterval(intervalVisual);
	clearInterval(intervalRolling);
	/*
	if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
		$('.vod_pop').prepend("<div class=\"vod_pop_ios\"><div class=\"vod_pop_movie\"><object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' style='width:420px;height:280px'><param name='src' value='/include/swf/" + src + ".mp4' ><param name='autoplay' value='true'><embed src='/include/swf/" + src + ".mp4' type='image/x-macpaint' pluginspage='http://www.apple.com/quicktime/download' autoplay='true'></embed></object></div><div class=\"btn_vod_pop\"><a href=\"javascript:\" onclick=\"closePop('vod_pop');\"  class=\"btn_close\"><img src=\"img/main_renewal/btn_vod_close_off.gif\" alt=\"´Ý±â\"></a></div></div>");
	} else {
		$('.vod_pop').prepend("<div><object codebase=\"https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" id=\"vod_swf\"  name=\"vod_swf\" width=\"457\" height=\"340\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"><param name=\"movie\" value=\"/include/swf/flvPlayer.swf\" id=\"obj_src\"><param name=\"FlashVars\" value=\"videoURL=/include/swf/" + src + ".flv\"><param name=\"AllowScriptAccess\" value=\"always\"><param name=\"wmode\" value=\"transparent\"><embed name=\"vod_swf\" class=\"embed_src\" src=\"/include/swf/flvPlayer.swf\" flashvars=\"videoURL=/include/swf/" + src + ".flv\" width=\"100%\" height=\"100%\" allowscriptaccess=\"always\" wmode=\"transparent\" bgcolor=\"#000000\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" swliveconnect=\"true\" type=\"application/x-shockwave-flash\"></object></div>");
	}
	*/
	if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
		$('.vod_pop').prepend("<div class=\"vod_pop_ios\"><div class=\"vod_pop_movie\"><object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab' style='width:420px;height:280px'><param name='src' value='" + src + "' ><param name='autoplay' value='true'><embed src='" + src + "' width=\"100%\" height=\"340px\" type='image/x-macpaint' pluginspage='http://www.apple.com/quicktime/download' autoplay='true'></embed></object></div><div class=\"btn_vod_pop\"><a href=\"javascript:\" onclick=\"closePop('vod_pop');\"  class=\"btn_close\"><img src=\"img/main_renewal/btn_vod_close_off.gif\" alt=\"´Ý±â\"></a></div></div>");
	} else {
		$('.vod_pop').prepend("<div><object codebase=\"https://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" id=\"vod_swf\"  name=\"vod_swf\" width=\"457\" height=\"340\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"><param name=\"movie\" value=\"/include/swf/flvPlayer.swf\" id=\"obj_src\"><param name=\"FlashVars\" value=\"videoURL=" + src + "\"><param name=\"AllowScriptAccess\" value=\"always\"><param name=\"wmode\" value=\"transparent\"><embed name=\"vod_swf\" class=\"embed_src\" src=\"/include/swf/flvPlayer.swf\" flashvars=\"videoURL=" + src + "\" width=\"100%\" height=\"340px\" allowscriptaccess=\"always\" wmode=\"transparent\" bgcolor=\"#000000\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" swliveconnect=\"true\" type=\"application/x-shockwave-flash\"></object></div>");
	}
	$('.dimmed').show();
	$('.vod_pop').show();
}
function closePop(pm){
	if (!checkNavclick){
		clearInterval(intervalRolling);
		intervalRolling = setInterval(visualRolling, intervalTime);
	}else{
		clearInterval(intervalVisual);
		intervalVisual = setInterval("autoRolling('vod')", visualInterval);
	}
	$('.dimmed').hide();
	$('.' + pm).hide();
	$('.vod_pop').empty()
	checkVodpop = false;
}
function showChannel(channel){
	toggleChannel();
	if(channel == 'all'){
		$('.allchannel li').each(function(){
			$(this).show();
			$(this).html($(this).html());
		});
		$('.chnow_cont .last a img').attr('src','/img/main_renewal/chnow_all_on.gif');
		$('.chnow_cont .last a').css({'top':'-4px','left':'0','padding-right':'3px'});
	} else {
		$('.allchannel li').each(function(){
			$(this).hide()
			if( $(this).attr('class') == channel )	{
				$(this).show();
				$(this).html($(this).html());
			}
		});
	}
}

/////////////////////////////////////////////////////////////////////////////
////////////// document.ready.................
/////////////////////////////////////////////////////////////////////////////
$(document).ready(function(){

	$('.allchannel li a').hover(function(){
		$(this).append("<span class='hover'></span>");
	},function(){
		$(this).children('.hover').remove();
	});
	var scrollDivision = $('.onair .channel .contents ul');
	$('.btndown').click(function(){
		var scrollDivision = $('.onair .channel .contents ul');
		var currentPosition = parseInt($('.onair .channel .contents ul').css('top'));
		var maxPosition = -($('.onair .channel .contents ul').height() - 68);
		if(currentPosition > maxPosition) {
			currentPosition -= 63
			if(currentPosition > maxPosition){
				scrollDivision.stop().animate({'top':currentPosition + 'px'},100);
				$('.btnup').show();
			} else {
				scrollDivision.stop().animate({'top':maxPosition - 5 + 'px'},100);
				$('.btnup').show();
				$('.btndown').hide();
			}
		}
	});
	$('.btnup').click(function(){
		var scrollDivision = $('.onair .channel .contents ul');
		var currentPosition = parseInt($('.onair .channel .contents ul').css('top'));
		var maxPosition = -($('.onair .channel .contents ul').height() - 68);
		if (currentPosition < 0){
			currentPosition += 63
			if(currentPosition > 0){
				scrollDivision.stop().animate({'top':'0px'},100);
				$('.btnup').hide();
				$('.btndown').show();
			} else {
				scrollDivision.stop().animate({'top':currentPosition + 'px'},100);
				$('.btnup').show();
				$('.btndown').show();
			};
		}
//		if (currentPosition = 0){
//			$('.btnup').hide();
//		}
	});
	$('.category_list li').first().css('z-index','200');
	$('.category_list li a').first().css('z-index','100');
	$('.btn_vod_pop .btn_pause').click(function(){
		if ( $.browser.msie ) {
			var flashObj = document.getElementById('vod_swf');
		} else {
			var flashObj = document.embeds['vod_swf']
		}
		flashObj.StopPlay();
		$(this).hide();
		$('.btn_play').show();
	});
	$('.btn_vod_pop .btn_play').click(function(){
		if ( $.browser.msie ) {
			var flashObj = document.getElementById('vod_swf');
		} else {
			var flashObj = document.embeds['vod_swf']
		}
		flashObj.Play();
		$(this).hide();
		$('.btn_pause').show();

	});
	$('.btn_vod_pop .btn_stop').click(function(){
		if ( $.browser.msie ) {
			var flashObj = document.getElementById('vod_swf');
		} else {
			var flashObj = document.embeds['vod_swf']
		}
		flashObj.Rewind();
		$('.btn_pause').hide();
		$('.btn_play').show();
	});
	$('.chnow_cont li a').click(function(){
		if ( $.browser.msie ) {
			if(navigator.appVersion.indexOf("MSIE 7") > -1 || navigator.appVersion.indexOf("MSIE 6") > -1){
				$('.allchannel').css('z-index','-1');
			};
			$(this).parent('li').css('z-index','1000');
			$(this).parent('li').siblings().each(function(){
				$(this).css('z-index','100');
			});
		}
		$(this).parent('li').addClass('active');
		$(this).parent('.active').next('li').children('a').css('padding-left','0px');
		$('.allchannel').show();
		var hiddenCount = $('.allchannel li:visible').length % 10;
		if(hiddenCount == 0){
			$('.lst_channel').css('padding-bottom','54px');
		}
	});
});


//////////////////////////////////////////////////////////////////
///// magazine data binding...
//////////////////////////////////////////////////////////////////
function bindMainMagazine() {
	var getUrl = "/data/main/main_magazine_new.xml";

	$.get(getUrl, function(data)
	{
		var $firstDiv = "";

		$entry =$(data);

		var logTitle = $entry.find("log_title").text();
		// /data/2011/12/main/20111220132443/megazin_thum.jpg
		var thumImg = "/data" + $entry.find("file_path").text() + $entry.find("file_name").text();
		var url = $entry.find("url").text();
		var eventLink1 = $entry.find("event_link1").text();
		var eventLink2 = $entry.find("event_link2").text();

		$firstDiv = "<p><img src='/img/main_renewal/megazin_tit.gif' alt='B tv ¸Å°ÅÁø'></p>";
		$firstDiv = $firstDiv + "<div class='megazine_thum'>";
		$firstDiv = $firstDiv +		"<a><img src='"+thumImg+"' onclick=\"goStaticsUrl('"+url+"', '"+logTitle+"')\" alt='B tv ¸Å°ÅÁø'></a>";
		$firstDiv = $firstDiv +		"<a onclick=\"goStaticsUrl('"+eventLink1+"', '¸ÞÀÎ/MAGAZINE ÄûÁî À̺¥Æ®')\" class='quiz' title='µ¶ÀÚÄûÁîÀ̺¥Æ®' style='cursor:pointer'><img src='/img/main_renewal/megazin_btn_quiz.gif' alt='µ¶ÀÚÄûÁîÀ̺¥Æ®'></a>";
		$firstDiv = $firstDiv +		"<a onclick=\"goStaticsUrl('"+eventLink2+"', '¸ÞÀÎ/MAGAZINE µ¶ÀÚÀÇ°ß À̺¥Æ®')\" class='opinion' title='µ¶ÀÚÀÇ°ßÀ̺¥Æ®'  style='cursor:pointer'>µ¶ÀÚÄûÁîÀ̺¥Æ®</a>";
		$firstDiv = $firstDiv + "</div>";

		//alert($firstDiv);
		$("#div_magazine").append($firstDiv);
	});
}

function bindMainWallpaper() {
	var getUrl = "/data/main/main_wallpaper.xml";

	$.get(getUrl, function(data)
	{
		var $firstDiv = "";

		$entry =$(data);

		var logTitle = $entry.find("log_title").text();
		var thumImg = "/data" + $entry.find("file_path").text() + $entry.find("file_name").text();
		var url = $entry.find("url").text();

		$firstDiv = "<div class='wallpaper'>";
		//$firstDiv = $firstDiv +		"<a><img src='"+thumImg+"' onclick=\"goStaticsUrl('"+url+"', '"+logTitle+"')\" alt='B tv ¸Å°ÅÁø'></a>";
		$firstDiv = $firstDiv +		"<a onclick=\"goStaticsUrl('"+url+"', '"+logTitle+"')\"><img src='"+thumImg+"' alt='¿ùÆäÀÌÆÛ' style='cursor:pointer'></a>";
		$firstDiv = $firstDiv + "</div>";

		//alert($firstDiv);
		$("#div_MainBannerZone").append($firstDiv);
	});
}