jQuery(document).ready(function () {

    /* Variables */

    var imageWidth = 947;
    var arrowHeight = 20;
    var arrowPadding = 25;
    var spotHeight = 32;
    var images = jQuery('#PYR_Container .PYR_Image');
    var imagesCount = images.length;
    var menuWidth = jQuery('.PYR_SliderMenu ul').width();

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

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

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

    jQuery('#PYR_Container .PYR_Image .PYR_Hotspot').each(function () {
        var id = jQuery(this).attr('id');
        if (id == '') return;
        var spotTop = jQuery(this).css('top').replace('px', '');
        var spotLeft = jQuery(this).css('left').replace('px', '');

        var popString = '#PYR_Container .PYR_Image .' + id;
        var popup = jQuery(popString);
        var popHeight = popup.height();
        var popWidth = popup.width();

        var placeTop = spotTop - popHeight - arrowHeight;
        var placeLeft = spotLeft - arrowPadding;

        var arrow = jQuery('<div>');


        if (placeLeft + popWidth > imageWidth) {
            placeLeft = spotLeft - 90;
            arrow.css('padding-left', popWidth - arrowPadding - 30);
        }

        if (placeTop < 0) {
            arrow.addClass('PYR_PopupArrowTop');
            popup.prepend(arrow);
            placeTop = spotTop * 1 + spotHeight + 8;
        } else {
            arrow.addClass('PYR_PopupArrowBottom');
            popup.append(arrow);
        }

        popup.css('top', placeTop).css('left', placeLeft);
    });



    jQuery('#PYR_Container .PYR_Image .PYR_Hotspot').hover(function () {
        var id = jQuery(this).attr('id');
        jQuery('.' + id).fadeIn(200);
    }, function () {
        var id = jQuery(this).attr('id');
        jQuery('.' + id).fadeOut(100);
    });

    jQuery('.PYR_SliderMenu a').click(function () {
        this.blur();
        slideTo(this.className, 100);
        return false;
    });
    if (imagesCount > 1) {
        slideInterval = setInterval("slideFrame(1500)", 5000);
        jQuery('#PYR_Slider').hover(
    function () {
        clearInterval(slideInterval)
    },
    function () {
        slideInterval = setInterval("slideFrame(1500)", 5000);
    }
    );
    } else {
        //
    }
    /* Slides one frame with set speed */
    slideFrame = function (speed) {
        var firstItem = jQuery('#PYR_Container .PYR_Image:eq(0)');
        var secondId = jQuery('#PYR_Container .PYR_Image:eq(1)').attr('id');
        firstItem.animate({ 'marginLeft': -imageWidth }, speed, function () {
            jQuery('#PYR_Container').append(firstItem);
            firstItem.css('margin-left', 0);
        });

        jQuery('.PYR_SliderMenu span.selected').removeClass('selected');
        jQuery('.PYR_SliderMenu li a.' + secondId + ' span').addClass('selected');

    };

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

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

            }
        });

        jQuery('.PYR_SliderMenu .selected').removeClass('selected');
        jQuery('.PYR_SliderMenu li a.' + id + ' span').addClass('selected');
    }
});