﻿var newNumber = 2;
var oldSrc;
$(document).ready(function() {

    $("#FeatureImageThumbs img:gt(0)").css("margin-left", "1px");
    $("#FeatureImageThumbs img:eq(0)").css("width", "200px");

    $("#FeatureImage1").show();
    $("#FeatureImage2, #FeatureImage3, #FeatureImage4, #FeatureImage5").hide();


    $("#FeatureImageThumb1, #FeatureImageThumb2, #FeatureImageThumb3, #FeatureImageThumb4, #FeatureImageThumb5").show();
    var i = 1;
    for (i = 1; i <= 5; i++) {
        $("#FeatureImageThumb" + i).data("originalSource" + i, $("#FeatureImageThumb" + i + " img").attr("src"));
    }

    $("#FeatureImageThumb1 img").attr("src", $("#FeatureImageInThumb1 img").attr("src"));
    $("#FeatureImage1").data("clicked", "true");







    newInterval = setInterval("rotateImages()", 10000);

    $("#FeatureImageThumbs div").mouseover(function() {
        clearInterval(newInterval);

        var id = $(this).attr("id");
        var ImageNum = $("#" + id + " img").attr("class");
        $("#FeatureImageThumb1, #FeatureImageThumb2, #FeatureImageThumb3, #FeatureImageThumb4, #FeatureImageThumb5").show();

        $("#FeatureImage1, #FeatureImage2, #FeatureImage3, #FeatureImage4, #FeatureImage5").data("clicked", "false").hide();
        $("#FeatureImage" + ImageNum).data("clicked", "false").show();

        var j = 1;
        for (j = 1; j <= 5; j++) {
            if ($("#FeatureImage" + 1).data("clicked") != "true")
                $("#FeatureImageThumb" + j + " img").attr("src", $("#FeatureImageThumb" + j).data("originalSource" + j));
        }

        oldSrc = $("#" + id + " img").attr("src");
        var src = $("#FeatureImageInThumb" + ImageNum + " img").attr("src");
        $("#" + id + " img").attr("src", src);
        newNumber = ImageNum++;
        //newInterval = setInterval("rotateImages()", 3500);
    });


});
function rotateImages() {
    if (newNumber == 6) {
        clearInterval(newInterval);
        newNumber = 1;

    }

    var id = $("div#FeatureImageThumb" + newNumber + ".active" + newNumber).attr("id");
    //  var ImageNum = $("#" + id + " img").attr("class");
    $("#FeatureImageThumb1, #FeatureImageThumb2, #FeatureImageThumb3, #FeatureImageThumb4, #FeatureImageThumb5").show();

    $("#FeatureImage1, #FeatureImage2, #FeatureImage3, #FeatureImage4, #FeatureImage5").data("clicked", "false").hide();
    $("#FeatureImage" + newNumber).data("clicked", "false").fadeIn("slow");

    var j = 1;
    for (j = 1; j <= 5; j++) {
        if ($("#FeatureImage" + 1).data("clicked") != "true")
            $("#FeatureImageThumb" + j + " img").attr("src", $("#FeatureImageThumb" + j).data("originalSource" + j));
    }

    oldSrc = $("#" + id + " img").attr("src");
    var src = $("#FeatureImageInThumb" + newNumber + " img").attr("src");
    $("#" + id + " img").attr("src", src);
    newNumber++;

}
