$(function () {
    $('.aDet img').click(function () {
        var src = $(this).attr("src");
        var title = $(this).attr("title");
        src = src.replace("th_", "bg_");
        src2 = src.replace("bg_", "");
        $("#mainImg").attr("src", src);
        $("#mainImg").attr("title", title);
        $("#single_image").attr("href", src2);
    });

    $('div.boxThumbs').mouseover(function () {
        //Get our elements for faster access and set overlay width
        var div = $('div.boxThumbs'),
    	ul = $('ul.sc_menu'),
        // unordered list's left margin
    	ulPadding = 15;
        //Get menu width
        var divWidth = div.width();

        //Remove scrollbars
        div.css({
            overflow: 'hidden'
        });

        //Find last image container
        var lastLi = ul.find('li:last-child');

        //When user move mouse over menu
        div.mousemove(function (e) {

            //As images are loaded ul width increases,
            //so we recalculate it each time
            //alert("lastLi[0].offsetLeft = " + lastLi[0].offsetLeft);

            var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

            var left = (e.pageX - div.offset().left) * (ulWidth - divWidth) / divWidth;
            div.scrollLeft(left);
        });
    });

    $('#detail_menu li').click(function () {
        var page = $(this).attr("id");
        if (page == "menuitem1") {
            $("#gallery").show();
            $("#galery_list").show();
            $("#full_description").hide();
            $("#discussion").hide();
            $("#menuitem1").addClass("act");
            $("#menuitem2").removeClass();
            $("#menuitem3").removeClass();
        }
        if (page == "menuitem2") {
            $("#gallery").hide();
            $("#galery_list").hide();
            $("#full_description").show();
            $("#discussion").hide();
            $("#menuitem2").addClass("act");
            $("#menuitem1").removeClass();
            $("#menuitem3").removeClass();
        }
        if (page == "menuitem3") {
            $("#gallery").hide();
            $("#galery_list").hide();
            $("#full_description").hide();
            $("#discussion").show();
            $("#menuitem3").addClass("act");
            $("#menuitem1").removeClass();
            $("#menuitem2").removeClass();
        }
    });


    $("a#single_image").fancybox({
        'hideOnContentClick': true
    });
    

    
    $("#dialog").dialog({
        bgiframe: true,
        modal: true,
        autoOpen: false
    });
    $('#open_dialog').click(function () {
        $("#dialog").dialog('open');
    });
    
    $('#dl_storno').click(function () {
        $("#dialog").dialog('close');
    });

    $("#smiley").msDropDown();

});