jQuery(document).ready(function() {

    /* Variables */

    var imageWidth = 958;
    var images = jQuery('#FSD_Container .FSD_Image');
    var imagesCount = images.length;
    var menuWidth = jQuery('#FSD_SliderMenu ul').width();
    var interval = 0;

    /*************/

    jQuery('#FSD_SliderMenu').css('left', (imageWidth - menuWidth) / 2);

    jQuery('#FSD_Container').width(imageWidth * imagesCount);

    jQuery('#FSD_SliderMenu a').click(function() {
        this.blur();
        frontSlideTo(this.className, 100);
        return false;
    });
    if (imagesCount > 1) {
        interval = setInterval("frontSlideFrame(800)", 7000);
        jQuery('#FSD_MainContainer').hover(
            function() {
                clearInterval(interval);
            },
            function() {
                interval = setInterval("frontSlideFrame(800)", 7000);
            }
    );
    } else {
        //
    }
    /* Slides one frame with set speed */
    frontSlideFrame = function(speed) {
        var firstItem = jQuery('#FSD_Container .FSD_Image:eq(0)');
        var secondId = jQuery('#FSD_Container .FSD_Image:eq(1)').attr('id');
        firstItem.animate({ 'marginLeft': -imageWidth }, speed, function() {
            jQuery('#FSD_Container').append(firstItem);
            firstItem.css('margin-left', 0);
        });

        jQuery('#FSD_SliderMenu a.selected').removeClass('selected');
        jQuery('#FSD_SliderMenu a.' + secondId).addClass('selected');

    };

    /* Slides to a frame with set id based on speed */
    frontSlideTo = function(id, speed) {
        var index = 0;
        var current = 0;
        jQuery('#FSD_Container .FSD_Image').each(function(i) {

            if (this.id == id) index = i;
        });

        var classes = id.split(" ");
        if (jQuery('#FSD_SliderMenu a.' + classes[0]).hasClass('selected')) return;

        jQuery('#FSD_Container').animate({ 'marginLeft': -(index * imageWidth) }, (speed * (index + 1)), function() {
            var itemArray = jQuery('#FSD_Container .FSD_Image');
            for (var i = 0; i < index; i++) {
                var item = itemArray[i];
                jQuery('#FSD_Container').append(jQuery(item)).css('margin-left', -((index - (i + 1)) * imageWidth));

            }
        });

        jQuery('#FSD_SliderMenu a.selected').removeClass('selected');
        jQuery('#FSD_SliderMenu a.' + id).addClass('selected');
    }
});