$(document).ready(function () {

    $("#galleria_wrapper > img").click(function () {
        showThickbox3_single($(this));
    });

    $("#languageidselect").change(function () {
        MagicZoom_stopZooms();

        if ($(this).val().match(/[0-9]/) == null)
        {
            $("#layoutpreview").empty();

            $("#currentlanguage").text("");
            $("#currentcountry").text("");

            // For cart
            $("div#addtocartcontainer span.languagevalue").text("");
            $("div#addtocartcontainer span.countryvalue").text("");
            $("div#addtocartcontainer span.colorvalue").text("");
            $("div#addtocartprocess input[name=languageid]").val("");
            $("div#addtocartprocess input[name=countryid]").val("");

            $("#currentselectioncontainer").hide();
            $("#layoutnotices").hide();
            $("#addtocartcontainer").hide();
            $("#chooseengravingcolor").hide();
            $("#chooseselectionnotice").show();

            return;
        }

        // Else 
        var arr = $(this).val().split(/\|/);
        var languageid = arr[0];
        var countryid = arr[1];

        var thumbimage = '/images/multilang/language'+languageid+'keyboard7colorblack_thumb.png';
        var largeimage = '/images/multilang/language'+languageid+'keyboard7colorblack_large.png';

        $("#layoutpreview").empty().append(
            [
                '<a href="'+largeimage+'" class="MagicZoom" id="keyboardimage1" onclick="return showThickbox(this);">',
                    '<img id="keyboardimagethumb" class="test" src="'+thumbimage+'" title="Hover to zoom, click to enlarge!" />',
                '</a>',
                '<img class="MagicZoomLoading" src="/images/ajax-loader.gif" alt="Loading image, please wait..." />'
            ].join("")
        );

        $("#chooseselectionnotice").hide();
        $("#currentselectioncontainer").show();

        var languagename = $("#language"+languageid+"name").text();
        var countryname = $("#country"+countryid+"name").text();
        var colorname = getCurrentColorPrint()
        $("#currentlanguage").text( languagename );
        $("#currentcountry").text( countryname );

        // For cart
        $("div#addtocartcontainer span.languagevalue").text( languagename );
        $("div#addtocartcontainer span.countryvalue").text( countryname );
        $("div#addtocartcontainer span.colorvalue").text( colorname );
        $("div#addtocartprocess input[name=languageid]").val( languageid );
        $("div#addtocartprocess input[name=countryid]").val( countryid );

        $("#layoutnotices").show();
        $("#addtocartcontainer").show();
        $("#chooseengravingcolor").show();

        setTimeout('MagicZoom_findZooms()', 100);
    });

    $("#engravingcolor").change(function () {
        $("div#addtocartcontainer span.colorvalue").text( getCurrentColorPrint() );
    });

    $("#galleria").galleria({
        history   : false, // activates the history object for bookmarking, back-button etc.
        clickNext : false, // helper for making the image clickable
        // Clicknext has a bug with customized jquery.galleria.js
        insert    : '#galleria_container', // the containing selector for our main image
        onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
            
            // fade in the image & caption
            if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
                image.css('display','none').fadeIn(300); // 1000 original
            }
            caption.css('display','none').fadeIn(300); // 1000 original
            
            // fetch the thumbnail container
            var _li = thumb.parents('li');
            
            // fade out inactive thumbnail
            _li.siblings().children('img.selected').fadeTo(500,0.4);
            
            // fade in active thumbnail
            thumb.fadeTo('fast',1).addClass('selected');
            
            // add a title for the clickable image
            image.attr('title','Click to Enlarge!');

            image.click(function () {
                showThickbox3_single($(this));
            });
        },
        onThumb : function(thumb) { // thumbnail effects goes here
            
            // fetch the thumbnail container
            var _li = thumb.parents('li');
            
            // if thumbnail is active, fade all the way.
            var _fadeTo = _li.is('.active') ? '1' : '0.4';
            
            // fade in the thumbnail when finnished loading
            thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
            
            // hover effects
            thumb.hover(
                function() { thumb.fadeTo('fast',1); },
                function() { _li.not('.active').children('img').fadeTo('fast',0.4); } // don't fade out if the parent is active
            )
        }
    });

    $('#infotabs > ul').tabs();

    //alert('done');

    if ($("#languageidselect").val() != "")
        $("#languageidselect").trigger('change');

});

function getCurrentColorPrint ()
{
    var a = $("#engravingcolor").val().replace(/^\s+|\s+$/g, '').replace(/_/, ' ');
    return capitalizeFirstLetter(a);
};
function getCurrentColor ()
{
    return $("#engravingcolor").val();
};
function capitalizeFirstLetter(str1)
{
    var str2 = "";

    var parts = str1.split(' ');
    for(var c=0; c < parts.length; c++)
    {
        str2 += parts[c].substring(0,1).toUpperCase() + parts[c].substring(1,parts[c].length) + ' ';
    }

    return str2.substring(0, str2.length-1);
};
function showThickbox(a)
{
    /*var t = a.title || a.name || null;*/
    var t = $("#currentlanguage").text() + " Language (" + $("#currentcountry").text() + ")";
    var g = a.rel || false;
    tb_show(t,a.href,g);
    a.blur();
    return false;
};
function showThickbox3_single($img)
{
    var t = $("#galleria_container > span.caption").text();
    var g = false;
    tb_show(t,$img.attr('src'),g);
    $a.blur();
    return false;
};