// JavaScript Document
var bnrCnt=0;
var topSlideDelay=5000;
var topImageLength=0;

$(document).ready(function(){
    var topBnr = document.getElementsByTagName("li");
    for (var i = 0; i < topBnr.length; i++) {if (topBnr[i].className == 'mainImage') {topImageLength+=1;}};
    $("#boxShowroom ul li:eq(0)").fadeIn(700);
    timerStart();
    navigationStart();
	
	$("#mainLeftBtn").bind("click", onMainClickHandler);
	$("#mainRightBtn").bind("click", onMainClickHandler);
	$("#mainLeftBtn").bind("mouseover" , clear );
	$("#mainLeftBtn").bind("mouseout" , timerStart );
	$("#mainRightBtn").bind("mouseover" , clear );
	$("#mainRightBtn").bind("mouseout" , timerStart );
})
function clear(){
	clearInterval(slideTimer);
}
function onMainClickHandler(e) {
    if (e.target.id=="mainLeftBtn") {
        bnrCnt -= 1;
        if (bnrCnt==-1){bnrCnt = topImageLength-1};
    }
    if (e.target.id=="mainRightBtn") {
        bnrCnt += 1;
        if (bnrCnt==topImageLength){bnrCnt=0}
    }
	for ( var i=0;i<topImageLength;i++ ) {$("#boxShowroom ul li:eq("+i+")").css( "display" , "none" );};
    if ( bnrCnt==topImageLength ){ bnrCnt=0; };
    $("#boxShowroom ul li:eq("+bnrCnt+")").fadeIn(700);
}

function timerStart() {
    slideTimer = setInterval( topSlide , topSlideDelay );
    return false;
}
function topSlide() {
    bnrCnt += 1;
    for ( var i=0;i<topImageLength;i++ ) {$("#boxShowroom ul li:eq("+i+")").css( "display" , "none" );};
    if ( bnrCnt==topImageLength ){ bnrCnt=0; };
    $("#boxShowroom ul li:eq("+bnrCnt+")").fadeIn(700);
}


var naviNum=0;
var slideNaviLength=0;
function navigationStart() {
    var naviBnr = document.getElementsByTagName("ul");
    for (var i = 0; i < naviBnr.length; i++) {if (naviBnr[i].className == 'slideNavi') {slideNaviLength+=1;}};
	if (slideNaviLength != 1) {
		$("#leftBtn").bind("click", onClickHandler);
		$("#rightBtn").bind("click", onClickHandler);
	}
    navigationInit($("#banner-list ul:eq(0)"),$("#banner-list ul:eq(1)"),$("#banner-list ul:eq(2)"));
	
   if (slideNaviLength == 1) { navigation_false(); };
}

function navigationInit( target1,target2,target3) {
	target1.css( "left" , "20px" );
	target2.css( "left" , "905px" );
	target3.css( "left" , "-905px" );
}

function onClickHandler(e) {
	var target="left";
    if (e.target.id=="leftBtn") {
        naviNum -= 1;
		target = "left";
        if (naviNum==-1){naviNum = slideNaviLength-1};
    }
    if (e.target.id=="rightBtn") {
        naviNum += 1;
		target = "right";
        if (naviNum==slideNaviLength){naviNum=0}
    }
	
   if (slideNaviLength == 2) {animateStart2(target);};
   if (slideNaviLength == 3) {animateStart3(target);};
}

function navigation_false() {
	$("#leftBtn").attr( "src" , "shared/images/index/move_left_no.gif" );
	$("#rightBtn").attr( "src" , "shared/images/index/move_right_no.gif" );
	$("#leftBtn").css("cursor","default");
	$("#rightBtn").css("cursor","default");

}

var dur=500;
function animateStart2(target) {
	if (naviNum == 0) {
		if (target == "left") {
			$("#banner-list ul:eq(0)").css("left", "-905px").animate({left:"20px"},dur);
			$("#banner-list ul:eq(1)").css("left", "20px").animate({left:"905px"},dur);
		} else if ( target=="right" ) {
			$("#banner-list ul:eq(1)").css("left", "20px").animate({left:"-905px"},dur);
			$("#banner-list ul:eq(0)").css("left", "905px").animate({left:"20px"},dur);		
		}
	} else if (naviNum == 1) {
		if (target == "left") {
			$("#banner-list ul:eq(0)").css("left", "20px").animate({left:"905px"},dur);
			$("#banner-list ul:eq(1)").css("left", "-905px").animate({left:"20px"},dur);	
		} else if ( target=="right" ) {
			$("#banner-list ul:eq(0)").css("left", "20px").animate({left:"-905px"},dur);
			$("#banner-list ul:eq(1)").css("left", "905px").animate({left:"20px"},dur);
		}
	}
}
function animateStart3(target) {
	if (naviNum == 0) {
		if (target == "left") {
			$("#banner-list ul:eq(0)").css("left", "-905px").animate({left:"20px"},dur);
			$("#banner-list ul:eq(1)").css("left", "25px").animate({left:"905px"},dur);
			$("#banner-list ul:eq(2)").css("left", "905px");
		} else if ( target=="right" ) {
			$("#banner-list ul:eq(0)").css("left", "905px").animate({left:"20px"},dur);
			$("#banner-list ul:eq(1)").css("left", "905px");
			$("#banner-list ul:eq(2)").css("left", "20px").animate({left:"-905px"},dur);
		}
	} else if (naviNum == 1) {
		if (target == "left") {
			$("#banner-list ul:eq(0)").css("left", "905px");
			$("#banner-list ul:eq(1)").css("left", "-905px").animate({left:"20px"},dur);
			$("#banner-list ul:eq(2)").css("left", "20px").animate({left:"905px"},dur);	
		} else if ( target=="right" ) {
			$("#banner-list ul:eq(0)").css("left", "20px").animate({left:"-905px"},dur);
			$("#banner-list ul:eq(1)").css("left", "905px").animate({left:"20px"},dur);
			$("#banner-list ul:eq(2)").css("left", "905px");
		}
	} else if (naviNum == 2) {
		if (target == "left") {
			$("#banner-list ul:eq(0)").css("left", "20px").animate({left:"905px"},dur);
			$("#banner-list ul:eq(1)").css("left", "-905px");
			$("#banner-list ul:eq(2)").css("left", "-905px").animate({left:"20px"},dur);
		} else if ( target=="right" ) {
			$("#banner-list ul:eq(0)").css("left", "905px");
			$("#banner-list ul:eq(1)").css("left", "20px").animate({left:"-905px"},dur);
			$("#banner-list ul:eq(2)").css("left", "905px").animate({left:"20px"},dur);
		}
	}
}