var imgContainers = "#imgContainer div";

function FP_preloadImgs() {//v1.0
    var d = document, a = arguments; if (!d.FP_imgs) d.FP_imgs = new Array();
    for (var i = 0; i < a.length; i++) { d.FP_imgs[i] = new Image; d.FP_imgs[i].src = a[i]; }
}

function OnResize() {

    var maxWidth = 1180.0;
    var minWidth = 860.0;

    var maxContentWidth = 750;
    var minContentWidth = 545;

    var difference = maxWidth - minWidth;
    var windowSize = jQuery(window).width() - 16;

    if (windowSize < document.getElementById('divMain').offsetWidth) {
        windowSize = document.getElementById('divMain').offsetWidth;
    }

    if (windowSize > document.getElementById('divMain').offsetWidth) {
        windowSize = document.getElementById('divMain').offsetWidth;
    }
    
    var ratio = 1.0 - ((maxWidth - windowSize) / difference);

    var newSize = maxWidth - windowSize;

    if (document.getElementById('content')) {
        newSize = ((maxContentWidth - minContentWidth) * ratio) + minContentWidth;
        if (newSize < 0) {
            newSize = 0;
        }
        document.getElementById('content').style.width = newSize + "px";
    }

    if (document.getElementById('content')) {
        var offset = jQuery("#content").offset().top;

        var height = document.getElementById('content').offsetHeight + offset;

        jQuery("#mainNav").css('height', height + "px");
        jQuery("#dropshadow").css('height', height + "px");

        if (height < 800) {
            height = 800;
        }

        if (jQuery(document).height() > height) {
            height = jQuery(document).height();
        }

        jQuery("#mainNav").css('height', height + "px");
        jQuery("#dropshadow").css('height', height + "px");
        jQuery("#divBorder").css('overflow-x', 'hidden');
    }


}
function next() {
    var divElements = jQuery(imgContainers);
    jQuery(divElements[divElements.length - 1]).prependTo(jQuery("#imgContainer"));
    SetImageVisibility();
}

function previous() {
    var divElements = jQuery(imgContainers);
    jQuery(divElements[0]).appendTo(jQuery("#imgContainer"));
    SetImageVisibility();
}

function SetImageVisibility() {
    jQuery.each(jQuery(imgContainers), function (index, value) {

        if (index >= 5) {
            jQuery(value).css('display', 'none');
        }
        else {
            jQuery(value).css('display', 'inline');
        }
    });
}



function SetActiveImage(URL, element) {

    jQuery("#Img1").stop();
    jQuery("#Img2").stop();
    jQuery("#Img1").attr("src", URL);
    jQuery("#Img1").css({ opacity: 1 });
    jQuery("#Img2").css({ opacity: 0 });

    SetActiveThumbNail(URL);
}

function SetActiveThumbNail(ActiveImageURL) {
    var images = jQuery("#imgContainer img");

    for (i = 0; i < images.length; i++) {
        if ((jQuery(images[i]).attr("src") == ActiveImageURL)) {
            jQuery(images[i]).addClass('selectedDIV');
            jQuery(images[i]).removeClass('NotSelectedDIV');
        }
        else {
            jQuery(images[i]).removeClass('selectedDIV');
            jQuery(images[i]).addClass('NotSelectedDIV');
        }
    }
}

function AnimateImage(slideshowSpeed, slideshowTransitionSpeed, images, activeImg, inActiveImg, activeImgIndex) {
    activeImgIndex++;

    if (activeImgIndex >= images.length) {
        activeImgIndex = 0;
    }

    document.getElementById(inActiveImg).src = images[activeImgIndex];

    jQuery("#" + activeImg).animate({
        opacity: 0
    }, slideshowTransitionSpeed, function () {
        document.getElementById(activeImg).src = "";

    });

    jQuery("#" + inActiveImg).animate({
        opacity: 1
    }, slideshowTransitionSpeed, function () {

        SetActiveThumbNail(jQuery("#" + inActiveImg).attr("src"));
        if (jQuery(".previous")) {
            jQuery(".previous").click();
        }
        window.setTimeout(
        function () {
            AnimateImage(slideshowSpeed, slideshowTransitionSpeed, images, inActiveImg, activeImg, activeImgIndex);
        }, slideshowSpeed);
    });
}

function Animate(slideshowSpeed, slideshowTransitionSpeed, images, img1Name, img2Name) {

    SetActiveThumbNail(jQuery("#" + img1Name).attr('src'));
    SetImageVisibility();
    var imageObj = new Image();

    for (i = 0; i < images.length; i++) {
        imageObj.src = images[i];
    }

    window.setTimeout(
    function () {

        AnimateImage(slideshowSpeed, slideshowTransitionSpeed, images, img1Name, img2Name, 0);

    }, slideshowSpeed);
}