var sliderPosition = 0;
var oldPosition = 0;
var userClick = false;
var interval;
var slider = function () {
    var imgSrc;
    var captionTitle;
    var caption;
	var colorArray =
	[
		"#ff3333",
		"#ff9900",
		"#ffffcc",
		"#ffccff"
	];
	var textArray =
		[
			"#sliderTextA",
 			"#sliderTextB",
 			"#sliderTextC",
 			"#sliderTextD"
		];
		
    var boxArray =
 	 	[
 			"#box1",
 			"#box2",
 			"#box3",
 			"#box4"
   	 	];
    var sliderArray =
 	 	[
 			"#sliderA",
 			"#sliderB",
 			"#sliderC",
 			"#sliderD"
 		];

    sliderPosition += 1;
    if (sliderPosition === oldPosition) {
        sliderPosition += 1;
    }
    if (userClick) {
        if (sliderPosition === 4) {
            sliderPosition = 0;
            $(sliderArray[sliderPosition]).css("z-index", "5");
        }
        else if (sliderPosition < oldPosition) {
            $(sliderArray[sliderPosition]).css("z-index", "5");
        }
    }
    else {
        if (sliderPosition === 4) {
            sliderPosition = 0;
            oldPosition = 3;
            $(sliderArray[sliderPosition]).css("z-index", "5");

        }
        else {
            oldPosition = sliderPosition - 1;
        }
    }



    if (oldPosition === 0) {
        $(sliderArray[oldPosition]).css("z-index", "auto");
    }
    $(boxArray[oldPosition]).removeClass("boxSelected").addClass("boxSelector");
    $(boxArray[sliderPosition]).removeClass("boxSelector").addClass("boxSelected");

		$(textArray[oldPosition]).fadeOut("slow", function(){
			$(textArray[sliderPosition]).fadeIn("slow");
		});
		
	
	
    $("#slider " + sliderArray[sliderPosition]).slideToggle("slow", function () {
        $("#slider " + sliderArray[oldPosition]).hide(0, function () {
            if (sliderPosition < oldPosition) {
                $(sliderArray[sliderPosition]).css("z-index", "auto");
            }
        });
    });
    if (userClick === true) {
        userClick = false;
        clearInterval(interval);
        interval = setInterval(slider, 5000);

    }
    else {
        clearInterval(interval);
        interval = setInterval(slider, 8000);

    }
    userClick = false;
};

var sliderClick = function (clickedSlider) {
    var boxArray =
 	 	 	[
 	 			"#box1",
 	 			"#box2",
 	 			"#box3",
 	 			"#box4"
 	   	 	];
    var sliderArray =
 	 	 	[
 	 			"#sliderA",
 	 			"#sliderB",
 	 			"#sliderC",
 	 			"#sliderD"
 	 		];
    userClick = true;
    clickedSlider = "#" + clickedSlider;

    var x;
    for (x = 0; x < 4; x += 1) {
        if (clickedSlider === boxArray[x]) {
            if (x === sliderPosition) {
                userClick = false;
            }
            else {
                oldPosition = sliderPosition;
                if (x === 0) {

                    sliderPosition = 3;
                }
                else {
                    sliderPosition = x - 1;
                }
                slider();
            }
        }
    }

};

interval = setInterval(slider, 2000);