jQuery(document).ready(function() {
    var flags = jQuery('.HD_Flags');
    flags.hide();

    var firstLoad = false;

    jQuery("img.CD_MainImage").each(function() {
        var imageURL = jQuery(this).attr("src");
        var imageAlt = jQuery(this).attr("alt");

        jQuery(document.createElement("img"))
            .attr({ src: "/images/layout/content/dot_10x10.gif" })
            .addClass("CD_SlideDot")
            .appendTo(jQuery(".CD_SlideButtons"))
            .click(function() {
                jQuery("img.CD_MainImage").attr("src", imageURL);
                jQuery("img.CD_MainImage").attr("alt", imageAlt);
                jQuery("img.CD_SlideDot").attr("src", "images/layout/content/dot_10x10.gif");
                jQuery(this).attr("src", "images/layout/content/dot_selected_10x10.gif");
            })
    });

    if (!firstLoad) {
        firstLoad = true;
        jQuery("img.CD_SlideDot").first().attr("src", "images/layout/content/dot_selected_10x10.gif");
    };

    /* Header */

    jQuery('.HD_Language').click(function() {
        flags.toggle();
    });

    /* Product Listing */

    jQuery('.PD_ProductThumb').onImagesLoad({
        selectorCallback: selectorImagesLoaded
    });

    function selectorImagesLoaded($selector) {
        jQuery("img.PD_ProductThumbImg").each(function() {

            var height = jQuery(this).height();

            jQuery(this).css({
                paddingTop: (220 - height) / 2,
                paddingBottom: (220 - height) / 2
            })

        });
    }

    /* Product Page */

    jQuery('#s1').cycle({
        fx: 'scrollHorz',
        prev: '#prev1',
        next: '#next1',
        timeout: 0,
        before: onBefore
    });

    /* Login Page */
    $('#tb_Pass').keyup(function(e) {
        if (e.keyCode == 13) {
            alert('Enter key was pressed.');
        }
    });
});

function onBefore(curr, next, opts) {
    var $slide = jQuery(next);
    var w = $slide.outerWidth();
    var h = $slide.outerHeight();
    if (h != 0) {
        $slide.css({
            marginTop: (360 - h) / 2
        })
    };
};