// JavaScript Document





var disable = 0;
var index = 0;
var index2 = 0;
var width;

var homepageSlideshowInterval;
var homepageSlideshowInterval2;


function PreloadImage(imgSrc, callback) {
    var objImagePreloader = new Image();

    objImagePreloader.src = imgSrc;
    if (objImagePreloader.complete) {
        callback();
        objImagePreloader.onload = function () { };
    }
    else {
        objImagePreloader.onload = function () {
            callback();
            // clear onLoad, IE behaves irratically with animated gifs otherwise
            objImagePreloader.onload = function () { };
        }
    }
}


$(document).ready(function () {
    $('.nu').click(function () {

        var index = $(this).index();

        $('.nu').removeClass('selected');

        $(this).addClass('selected');


        clearInterval(homepageSlideshowInterval);



        homepageSlideshowInterval = setInterval("slideSwitch()", 4000);
    });

});






function slideSwitch() {


    var $selected_item = $('.controllers .selected');

    var $next_item = $selected_item.next().length ? $selected_item.next() : $('.nu:first');



    if ($active.length == 0)
        $active = $(' .slide:last');


    var $next = $active.next().length ? $active.next() : $('.slide:first');

    $active.addClass('selected');


    $next.css({ opacity: 0.0 }).addClass('active').animate({ opacity: 1.0 }, 4000, function () {
        $active.removeClass('active selected');

    });



    $next_item.addClass('selected').animate(4000, function () {
        $selected_item.removeClass('selected');
    })
}





var selected_index = 0;





$(document).ready(function () {



    $($('.controllers .ellipses ')[0]).addClass('selected');
    homepageSlideshowInterval = setInterval("showNext3()", 4000);


    $('.nu').click(function () {

        var index = $(this).index();
        selected_index = index;

        $('.nu').removeClass('selected');
        $(this).addClass('selected');



        $('.gallery_picture').removeClass('currentimage');
        $($('.gallery_picture')[selected_index]).addClass('currentimage');


        $('.gallery_picture').css({ opacity: 0 });
        $($('.gallery_picture')[selected_index]).css({ opacity: 1 });

        clearInterval(homepageSlideshowInterval);


        $($('.controllers .ellipses')[selected_index]).addClass('selected');
        homepageSlideshowInterval = setInterval("showNext3()", 4000);
    });
});






function showPrevious3() {

    if ($(".gallery_picture").length != 1 && !$('.currentimage').is(':animated')) {

        selected_index = $('.currentimage').index() - 1;

        if (selected_index < 0) {
            selected_index = $(".gallery_picture").length - 1;
        }

        $('.controllers .ellipses ').removeClass('selected');
        $($('.controllers  .ellipses ')[selected_index]).addClass('selected');

        var $active = $('.currentimage').parent().find('.currentimage');

        var $previous = $active.prev().length ? $active.prev() : $('.currentimage').parent().find('.slide:last');
        $active.addClass('last-active').animate({ opacity: 0.0 }, 1000);



        if ($active.length == 0) $active = $('.currentimage').parent().find('.slide:last');

        $previous.css({ opacity: 0.0 }).addClass('currentimage').animate({ opacity: 1.0 }, 1000, 'easeInQuad', function () {
            $active.removeClass('currentimage last-active');
        });


    }



}



function showNext3() {

    if ($(".gallery_picture").length != 1 && !$('.currentimage').is(':animated')) {

        selected_index = $('.currentimage').index() + 1;

        if (selected_index >= $(".gallery_picture").length) {
            selected_index = 0;
        }

        $('.controllers .ellipses ').removeClass('selected');
        $($('.controllers  .ellipses ')[selected_index]).addClass('selected');

        var $active = $('.currentimage').parent().find('.currentimage');

        var $next = $active.next().length ? $active.next() : $('.currentimage').parent().find('.slide:first');
        $active.addClass('last-active').animate({ opacity: 0.0 }, 1000);



        if ($active.length == 0) $active = $('.currentimage').parent().find('.slide:last');

        $next.css({ opacity: 0.0 }).addClass('currentimage').animate({ opacity: 1.0 }, 1000, 'easeInQuad', function () {
            $active.removeClass('currentimage last-active');
        });


    }




}