var curpage = 0;

$(function() {

	$("#top_mainvisual").each(function(){


		$("#top_mainvisual").append("<div id=\"top_mv\">");
		$("#top_mainvisual").append("<div id=\"top_mv_cover\">");
		$("#top_mainvisual").append("<div id=\"top_mv_navi\">");
		$("#top_mainvisual > #top_mv_navi").append("<div id=\"top_mv_navi_prev\"><a href=\"\"><img src=\"images/prev.gif\" alt=\"\" width=\"25\" height=\"66\" /></a></div>");

		$("#top_mainvisual > #top_mv_navi").append("<div id=\"top_mv_navi_btn\"><ul>");
		$("#top_mainvisual > dl > dt").each(function(i){
			$(this).attr("id","mv"+i);
			$("#top_mainvisual > #top_mv_navi > div > ul").append("<li><a href=\"#mv"+ i +"\">"+$(this).html()+"</a></li>");
		});

		$("#top_mainvisual > #top_mv_navi > div > ul").width(Math.ceil($("#top_mainvisual > #top_mv_navi > div > ul > li").length / 5)*910);


		$("#top_mainvisual > #top_mv_navi").append("<div id=\"top_mv_navi_next\"><a href=\"\"><img src=\"images/next.gif\" alt=\"\" width=\"25\" height=\"66\" /></a></div>");

		$("#top_mainvisual > #top_mv_navi > div > ul > li > a").click(function(){
			cid = $(this).attr("href").split("#")[1];

			if ($("#top_mainvisual > dl > dt#"+cid+"+dd").hasClass("flash")) {
				$("#top_mv").html($("#top_mainvisual > dl > dt#"+cid+"+dd").html());
				flashf = $("#top_mainvisual > dl > dt#"+cid+"+dd > div.flashfile").html();
				var so = new SWFObject(flashf, 'flashmv', '960', '230', '9','#ffffff');
				so.useExpressInstall('expressInstall.swf');
				so.write("top_mv");
			} else {
				$("#top_mv_cover").hide().html($("#top_mainvisual > dl > dt#"+cid+"+dd").html());
				$("#top_mv_cover").stop().fadeTo(500, 1,function(){
					$("#top_mv").html($("#top_mainvisual > dl > dt#"+cid+"+dd").html());
					$("#top_mv_cover").hide();
				});
			}

			$("#top_mv_navi ul").animate({
				backgroundPosition: parseInt(cid.replace("mv",""))*182 + "px 0px" }, 500, "easeInOutQuint" );

			return false;
		});

		$("#top_mv_navi_prev").click(function(){
			if (curpage > 0) {
				curpage -= 1;
				$("#top_mainvisual > #top_mv_navi > div").animate({scrollLeft: curpage * 910},"swing");
				prevnext();
			}
			return false;
		});

		$("#top_mv_navi_next").click(function(){
			if ($("#top_mainvisual > #top_mv_navi > div > ul > li").length > ((curpage+1) * 5)) {
				curpage += 1;
				$("#top_mainvisual > #top_mv_navi > div").animate({scrollLeft: curpage * 910},"swing");
				prevnext();
			}
			return false;
		});

		$("#top_mainvisual > #top_mv_navi > div > ul > li > a:eq(0)").click();

		$("#top_mainvisual").show();

		$("#top_mainvisual > #top_mv_navi > div > ul > li > a").each(function(){
			$(this).css("margin-top",(66 - $(this).innerHeight()) /2);

		});

		prevnext();

	});




});

function prevnext() {
	if ($("#top_mainvisual > #top_mv_navi > div > ul > li").length > ((curpage+1) * 5)) {
		$("#top_mv_navi_next").addClass("click_next");
	} else {
		$("#top_mv_navi_next").removeClass("click_next");
	}

	if (curpage > 0) {
		$("#top_mv_navi_prev").addClass("click_prev");
	} else {
		$("#top_mv_navi_prev").removeClass("click_prev");
	}
}