var varDeptBannerTimerID;
var varDeptBannerSlideTime = 5000;
var varMovieBannerTimerID;
var varMovieBannerSlideTime = 10000;

jQuery(document).ready(function() {
	initTopMovie();
	initTabMovie();
	initBestMovie();
	initSwfSlideMovie();
	initDeptBanner();
	moveQuickMenu();
	varDeptBannerTimerID = setInterval(actionDeptBanner, varDeptBannerSlideTime);
	varMovieBannerTimerID = setInterval(actionMovieBanner, varMovieBannerSlideTime);
});

var $varDeptBannerList;
var $varDeptBannerListInner;
var varDeptBannerPointer = 0;
var varDeptBannerSlideWidth = 0;
function initDeptBanner() {
	var $areaBannerImage = jQuery('#main_banner_image');
	var $areaImage = $areaBannerImage.find('#main_banner_image_list');
	var $areaButton = $areaBannerImage.find('ol');
	$areaButton.find('li').remove();
	var $listImage = $areaImage.find('a');
	var slide_num = $listImage.length;
	if (slide_num < 1) return;

	for (var i=0, max=slide_num; i<max; i++) {
		$areaButton.append('<li></li>');
	}
	$varDeptBannerList = $areaBannerImage.find('ol li');
	$varDeptBannerList.eq(0).addClass('on');

	var currentIndex = 0;
	varDeptBannerSlideWidth = parseInt($areaBannerImage.css('width'));
	$listImage.wrapAll('<div id="main_banner_image_list_inner"></div>').css({'float': 'left', 'width': varDeptBannerSlideWidth});
	$varDeptBannerListInner = jQuery('#main_banner_image_list_inner');
	$varDeptBannerListInner.css('width', varDeptBannerSlideWidth * slide_num);

	$listImage.mouseover(function() {
		clearInterval(varDeptBannerTimerID);
	}).mouseout(function() {
		varDeptBannerTimerID = setInterval(actionDeptBanner, varDeptBannerSlideTime);
	});
	$varDeptBannerList.each(function(index) {
		jQuery(this).click(function() {
			return false;
		}).mouseover(function() {
			clearInterval(varDeptBannerTimerID);
			for (var i=0, max=$varMovieBannerList.length; i<max; i++) {
				$varDeptBannerList.eq(i).removeClass('on');
			}
			jQuery(this).addClass('on');

			if (currentIndex != index) {
				$varDeptBannerListInner.animate({'left': varDeptBannerSlideWidth * index * -1}, 'fast');
				currentIndex = index;
			}
		}).mouseout(function() {
			varDeptBannerPointer = index;
			varDeptBannerTimerID = setInterval(actionDeptBanner, varDeptBannerSlideTime);
		});
	});
}

function actionDeptBanner() {
	varDeptBannerPointer++;
	intBannerListLength = $varDeptBannerList.length;
	banner_position = varDeptBannerPointer % intBannerListLength;
	$varDeptBannerList.removeClass('on');
	$varDeptBannerList.eq(banner_position).addClass('on');
	$varDeptBannerListInner.animate({'left': varDeptBannerSlideWidth * banner_position * -1}, 'fast');
}

var $varMovieBannerList;
var $varMovieBannerListInner;
var varMovieBannerPointer = 0;
var varMovieBannerSlideWidth = 0;
function initSwfSlideMovie() {
	var $areaSwfImage = jQuery('#main_swf_image');
	$varMovieBannerList = $areaSwfImage.find('ol a');
	var $areaImage = $areaSwfImage.find('#main_swf_image_list');
	$listImage = $areaImage.find('a');
	var slide_num = $listImage.length;

	var currentIndex = 0;
	varMovieBannerSlideWidth = parseInt($areaSwfImage.css('width'));
	$listImage.wrapAll('<div id="main_swf_image_list_inner"></div>').css({'float': 'left', 'width': varMovieBannerSlideWidth});
	$varMovieBannerListInner = jQuery('#main_swf_image_list_inner');
	$varMovieBannerListInner.css('width', varMovieBannerSlideWidth * slide_num);

	$listImage.mouseover(function() {
		clearInterval(varMovieBannerTimerID);
	}).mouseout(function() {
		varMovieBannerTimerID = setInterval(actionMovieBanner, varMovieBannerSlideTime);
	});

	$varMovieBannerList.each(function(index) {
		jQuery(this).click(function() {
			return false;
		}).mouseover(function() {
			clearInterval(varMovieBannerTimerID);
			$varMovieBannerList.removeClass('on');
			jQuery(this).addClass('on');

			if (currentIndex != index) {
				$varMovieBannerListInner.animate({'left': varMovieBannerSlideWidth * index * -1}, 'fast');
				currentIndex = index;
			}
		}).mouseout(function() {
			varMovieBannerPointer = index;
			varMovieBannerTimerID = setInterval(actionMovieBanner, varMovieBannerSlideTime);
		});
	});
}

function actionMovieBanner() {
	varMovieBannerPointer++;
	intBannerListLength = $varMovieBannerList.length;
	banner_position = varMovieBannerPointer % intBannerListLength;
	$varMovieBannerList.removeClass('on');
	$varMovieBannerList.eq(banner_position).addClass('on');
	$varMovieBannerListInner.animate({'left': varMovieBannerSlideWidth * banner_position * -1}, 'fast');
}

function initTopMovie() {
	$areaTopMovieMenu = jQuery('.import_movie');
	$sideTab  = $areaTopMovieMenu.find('ul.mnb li a');
	$contInfo = $areaTopMovieMenu.find('div.import_movie_part');
	$sideTab.each(function(index) {
		jQuery(this).click(function() {
		//	return false;
		});
		jQuery(this).mouseover(function() {
			$sideTab.each(function() {
				jQuery(this).removeClass('on');
			});
			$contInfo.each(function() {
				jQuery(this).hide();
			});
			$sideTab.eq(index).addClass('on');
			$contInfo.eq(index).show();
		});
	});

	// paging
	cfgDataCount = 5;
	$areaTopMovieCont = jQuery('.import_movie_part');
	$areaTopMovieCont.each(function() {
		var $listMovie  = jQuery(this).find('.movie_contents li');
		var $listPageNo = jQuery(this).find('.bnb .pages a');
		$listPageNo.each(function(idxPageNo) {
			jQuery(this).click(function() {
				s_num = idxPageNo * cfgDataCount;
				e_num = s_num + cfgDataCount;
				$listMovie.hide();
				for (var i=s_num; i<e_num; i++) {
					$listMovie.eq(i).show();
				}
				jQuery(this).siblings().removeClass('on');
				jQuery(this).addClass('on');
				return false;
			});
		});
	});
}

function initBestMovie() {
	$areaBestMovie = jQuery('#best_movie_list');
	$listTitle  = $areaBestMovie.find('li div.best_list');
	$listDetail = $areaBestMovie.find('li div.best_detail');

	$listTitle.each(function(index) {
		jQuery(this).click(function() {
			return false;
		});
		jQuery(this).mouseover(function() {
			$listTitle.each(function() {
				jQuery(this).show();
			});
			$listDetail.each(function() {
				jQuery(this).hide();
			});
			$listTitle.eq(index).hide();
			$listDetail.eq(index).show();
		});
	});
}

function initTabMovie() {
	$tabMovie = jQuery('.tab_movie');
	$tabTitle = $tabMovie.find('h3 a');
	$tabCont  = $tabMovie.find('div');
	$tabTitle.each(function(index) {
		jQuery(this).click(function() {
			return false;
		});
		jQuery(this).mouseover(function() {
			$tabTitle.each(function() {
				jQuery(this).removeClass('on');
			});
			$tabCont.each(function() {
				jQuery(this).hide();
			});
			$tabTitle.eq(index).addClass('on');
			$tabCont.eq(index).show();
		});
	});
}

function initTopDiv() {
}