﻿    var currentImage;
    var currentIndex = -1;
    var interval;
    var fading = false;
    var myTimer;

    $.noConflict();

    function showImage(index) {
        if (index < jQuery('#bigPic img').length) {
            var indexImage = jQuery('#bigPic img')[index]
            if (currentImage) {
                if (currentImage != indexImage) {
                    jQuery(currentImage).css('z-index', 2);
                    clearTimeout(myTimer);
                    jQuery(currentImage).fadeOut(500, function () {
                        myTimer = setTimeout("showNext()", 7000);
                        jQuery(this).css({ 'display': 'none', 'z-index': 1 })
                    });
                }
            }
            jQuery(indexImage).css({ 'display': 'block', 'opacity': 1 });
            currentImage = indexImage;
            currentIndex = index;
        }
    }

    function showNext() {
        var len = jQuery('#bigPic img').length;
        var next = currentIndex < (len - 1) ? currentIndex + 1 : 0;
        showImage(next);
    }

    jQuery(document).ready(function () {
        myTimer = setTimeout("showNext()", 7000);
        showNext();

        jQuery('#bigPic img').mouseenter(function () {
            clearTimeout(myTimer);
        }).mouseleave(function () {
            myTimer = setTimeout("showNext()", 7000);
        });
    });

