var divSwap;
var clicker;
var clicks;

function divSwap() {
	
    switch (window.clicks) {
    case 6:
        clicks = 1;
        break;
    case 0:
        clicks = 5;
        break;
    default:
    }
    switch (window.clicks) {
    case 1:
        $("#banner_one").animate({
            opacity: "toggle"
        });
        $("#banner_two").css("display", "none");
        $("#banner_three").css("display", "none");
        $("#banner_four").css("display", "none");
        $("#banner_five").css("display", "none");
        $("#dot1").css("background-position", " 0 1px");
        $("#dot2").css("background-position", " -20px 1px");
        $("#dot3").css("background-position", " -20px 1px");
        $("#dot4").css("background-position", " -20px 1px");
        $("#dot5").css("background-position", " -20px 1px");
        $("#dot1").attr("disabled", "true");
        $("#dot2").attr("disabled", "");
        $("#dot3").attr("disabled", "");
        $("#dot4").attr("disabled", "");
        $("#dot5").attr("disabled", "");
        break;
    case 2:
        $("#banner_one").css("display", "none");
        $("#banner_two").animate({
            opacity: "toggle"
        });
        $("#banner_three").css("display", "none");
        $("#banner_four").css("display", "none");
        $("#banner_five").css("display", "none");
        $("#dot1").css("background-position", " -20px 1px");
        $("#dot2").css("background-position", " 0 1px");
        $("#dot3").css("background-position", " -20px 1px");
        $("#dot4").css("background-position", " -20px 1px");
	    $("#dot5").css("background-position", " -20px 1px");
        $("#dot1").attr("disabled", "");
        $("#dot2").attr("disabled", "true");
        $("#dot3").attr("disabled", "");
        $("#dot4").attr("disabled", "");
        $("#dot5").attr("disabled", "");

        break;
    case 3:
        $("#banner_one").css("display", "none");
        $("#banner_two").css("display", "none");
        $("#banner_three").animate({
            opacity: "toggle"
        });
		$("#banner_four").css("display", "none");
        $("#banner_five").css("display", "none");
		$("#dot1").css("background-position", " -20px 1px");
        $("#dot2").css("background-position", " -20px 1px");
        $("#dot3").css("background-position", " 0 1px");
        $("#dot4").css("background-position", " -20px 1px");
        $("#dot5").css("background-position", " -20px 1px");
        $("#dot1").attr("disabled", "");
        $("#dot2").attr("disabled", "");
        $("#dot3").attr("disabled", "true");
        $("#dot4").attr("disabled", "");
		$("#dot5").attr("disabled", "");
        break;
    case 4:
        $("#banner_one").css("display", "none");
        $("#banner_two").css("display", "none");
        $("#banner_three").css("display", "none");
        $("#banner_four").animate({
            opacity: "toggle"
        });
        $("#banner_five").css("display", "none");
        $("#dot1").css("background-position", " -20px 1px");
        $("#dot2").css("background-position", " -20px 1px");
        $("#dot3").css("background-position", " -20px 1px");
        $("#dot4").css("background-position", " 0 1px");
        $("#dot5").css("background-position", " -20px 1px");
        $("#dot1").attr("disabled", "");
        $("#dot2").attr("disabled", "");
        $("#dot3").attr("disabled", "");
        $("#dot4").attr("disabled", "true");
		$("#dot5").attr("disabled", "");
		break;
	case 5:
        $("#banner_one").css("display", "none");
        $("#banner_two").css("display", "none");
        $("#banner_three").css("display", "none");
        $("#banner_four").css("display", "none");
        $("#banner_five").animate({
            opacity: "toggle"
        });
        $("#dot1").css("background-position", " -20px 1px");
        $("#dot2").css("background-position", " -20px 1px");
        $("#dot3").css("background-position", " -20px 1px");
        $("#dot4").css("background-position", " -20px 1px");
        $("#dot5").css("background-position", " 0 1px");
        $("#dot1").attr("disabled", "");
        $("#dot2").attr("disabled", "");
        $("#dot3").attr("disabled", "");
        $("#dot4").attr("disabled", "");
        $("#dot5").attr("disabled", "true");
        break;
    default:
    }
}
function clicker() {
    clicks = 1;
    $(".click_left").click(function () {
        clicks--;
        divSwap()
    });
    $(".click_right").click(function () {
        clicks++;
        divSwap()
    });
    $("#dot1").click(function () {
        clicks = 1;
        divSwap()
    });
    $("#dot2").click(function () {
        clicks = 2;
        divSwap()
    });
    $("#dot3").click(function () {
        clicks = 3;
        divSwap()
    });
	$("#dot4").click(function () {
        clicks = 4;
        divSwap()
    });
	$("#dot5").click(function () {
        clicks = 5;
        divSwap()
    });
}
$(document).ready(function () {
    $("#dot1").css("background-position", " 0 1px");
    clicker();
    setInterval(function () {
        $(".click_right").trigger("click")
    }, 6000);
});