/***************************************************************
*
* @name : vertical auto rolling banner script
* @version : 1.0
* @author : Park Soo Hyun (shpark7502@naver.com)
* º» ½ºÅ©¸³Æ®¸¦ ¹«´ÜÀ¸·Î µµ¿ë½Ã ¹ýÀû ó¹úÀ» ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
*
***************************************************************/
// ÄíÅ° ¼³Á¤¿¡ µû¸¥ ¹è³Ê Ãâ·Â À¯¹« ¼³Á¤
$(function() {
if($.cookie('topBanner') == undefined) {
$("#topBanner").css('display','block');
} 

$("#bannerClose").click(function() {
if($("#chk_banner_close").hasClass('checked')) {
$.cookie('topBanner', '1', {expires: 1, path:'/'});
}
$("#topBanner").slideUp(300);
return false;
});
});

$(function() {
var $banner_index = 1;
var $banner_height;
var $banner_count = 0;
var $banner_timer;
var $banner_delay = 3000; // ÀÚµ¿ ·Ñ¸µ ÁÖ±â (´ÜÀ§ : ms)
var $elem = $("#topBanner .slideWrapper ul"); // ÀÚµ¿·Ñ¸µ ´ë»ó °´Ã¼
var $paging;
var $desc = $("#topBanner .closeArea .check-desc");

// ¹öƼÄà ¹è³Ê Ãʱ⼳Á¤
function vBannerInit() {
var $cloneFirst = $("#topBanner .slideWrapper ul li:first").clone();
var $cloneLast = $("#topBanner .slideWrapper ul li:last").clone();
$banner_height = $("#topBanner .slideWrapper ul li").height();

$elem.append($cloneFirst);
$elem.prepend($cloneLast);
$("#topBanner .slideWrapper ul").css('top', -$banner_index*$banner_height + 'px');
$banner_count = $elem.children().length;
}

// ÆäÀÌÁö³×ÀÌ¼Ç »ý¼º
function pagingInit() {
var $li = "<li></li>";

for(n=0; n<$banner_count - 2; n++) {
$("#topBanner .pagination").append($li);
}

$("#topBanner .pagination li:first").addClass('on');
}

vBannerInit();
pagingInit();
setvBannerTimer();

// ¹è³Ê ·Ñ¸µ
function vBannerSlide(nIndex) {
$paging = $("#topBanner .pagination li");

if(nIndex != $banner_index) {
var nPos = -$banner_height * nIndex;
$elem.stop().animate({top:nPos + 'px'}, 400, function() {
if(nIndex < 1) {
nIndex = $banner_count - 2;
nPos = -$banner_height * nIndex;
$elem.css('top',nPos + 'px');
}
if(nIndex >= $banner_count - 1) {
nIndex = 1;
nPos = -$banner_height * nIndex;
$elem.css('top',nPos + 'px');
}

$banner_index = nIndex;
$paging.removeClass('on');
$paging.eq($banner_index-1).addClass('on');
});
}
}

// ¹è³Ê ·Ñ¸µ ŸÀÌ¸Ó ÇØÁ¦
function clearvBannerTimer() {
clearInterval($banner_timer);
setvBannerTimer();
}

// ÀÚµ¿ ¹è³Ê ·Ñ¸µ ŸÀ̸Ó
function setvBannerTimer() {
$banner_timer = setInterval(function() {
var nIndex = $banner_index + 1;
vBannerSlide(nIndex);
}, $banner_delay);
}

// ¹è³Ê ¸¶¿ì½º ¿Ã·ÈÀ» ½Ã ÀÚµ¿·Ñ¸µ ÁßÁö
$("#topBanner").mouseenter(function() {
clearInterval($banner_timer);
});

// ¹è³Ê ¸¶¿ì½º ¶¿ ½Ã ÀÚµ¿·Ñ¸µ ½ÃÀÛ
$("#topBanner").mouseleave(function() {
clearvBannerTimer(); 
});

// ÀÌÀü¹öÆ° Ŭ¸¯
$("#topBanner .prev").click(function() {
if(!$elem.is(':animated')) {
var nIndex = $banner_index - 1;
clearvBannerTimer();

vBannerSlide(nIndex);
}
});

// ´ÙÀ½¹öÆ° Ŭ¸¯
$("#topBanner .next").click(function() {
if(!$elem.is(':animated')) {
var nIndex = $banner_index + 1;
clearvBannerTimer();

vBannerSlide(nIndex);
}
});

// ÆäÀÌÁö³×ÀÌ¼Ç Å¬¸¯
$(document).on('click', '#topBanner .pagination li', function() {
if(!$elem.is(':animated')) {
var nIndex = $(this).index() + 1;
clearvBannerTimer();

vBannerSlide(nIndex);
}
});

// ¹è³Ê ´Ý±â üũ
$("#chk_banner_close").click(function() {
var isCheck = $(this).hasClass('checked');

if(!isCheck === true) {
$(this).addClass('checked');
} else {
$(this).removeClass('checked');
}
});

// ¹è³Ê ´Ý±â ¸¶¿ì½º¿À¹ö
$("#chk_banner_close").mouseenter(function() {
$desc.css('display','block');
$desc.stop(true,true).animate({width:'160px'}, 300, function() {
$desc.find('p').stop(true,true).fadeIn(200);
});
});

// ¹è³Ê ´Ý±â ¸¶¿ì½º¾Æ¿ô
$("#chk_banner_close").mouseleave(function() {
$desc.find('p').stop(true,true).fadeOut(200);
$desc.stop(true,true).animate({width:'0'}, 300, function() {
$desc.css('display','none');
});
});
});