$().ready(function() {
    $timeout    = 500;
    $closetimer = 0;
    $ddmenuitem = 0;

    ddm_open = function() {
        ddm_canceltimer();
        ddm_close();
        $ddmenuitem = $(this).find('div').css('visibility', 'visible');
    };

    ddm_close = function() {
        if($ddmenuitem)
            $ddmenuitem.css('visibility', 'hidden');
    };

    ddm_timer = function() {
        $closetimer = window.setTimeout(ddm_close, $timeout);
    };

    ddm_canceltimer = function() {
        if($closetimer) {
            window.clearTimeout($closetimer);
            $closetimer = null;
        }
    };

    $('#ddmenu > li').bind('mouseover', ddm_open);
    $('#ddmenu > li').bind('mouseout',  ddm_timer);

    document.onclick = ddm_close;

    $(function(){
        var div = $('div.secondary'), ul = $('ul#ddmenu'), ulPadding = 15;
        var divWidth = div.width();
        div.css({
            overflow: 'hidden'
        });
        var lastLi = ul.find('li:last-child');
        var firstLi = ul.find('li:first-child');
        div.scrollLeft(400);
        div.mousemove(function(e){
            var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
            var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
            div.scrollLeft(left);
            firstLi.mouseover(function(){
                firstLi.css({
                    paddingLeft: '95px'
                });
            });
            lastLi.mouseover(function(){
                lastLi.css({
                    paddingRight: '80px'
                });
            });

        });
    });

    $(function(){
        var carousel = $('div.carousel'), ul = $('ul#gallery'), ulPadding = 15;
        var divWidth = carousel.width();
        carousel.css({
            overflow: 'hidden'
        });
        var lastLi = ul.find('li:last-child');
        carousel.scrollLeft(400);
        carousel.mousemove(function(e){
            var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
            var left = (e.pageX - carousel.offset().left) * (ulWidth-divWidth) / divWidth;
            carousel.scrollLeft(left);
        });
    });    

    $('form').submit(function() {
        $lang = $('#lang').val();
        $.post('/' + $lang + '/' + this.id + '/',
            $(this).serialize(),
            function(response){
                if(response.success === false){
                     alert(response.error);
                } else {
                     $(response.name).find(":input").attr("value", "");
                     $('#lang').attr("value", response.lang);
                     if(response.name == '#send') {
                        $('#form').hide();
                        $('#response').html(response.message).show();
                     } else if(response.name == '#comments') {
                        $('#comment').prepend('<li>' + response.html + '</li>').show();
                        $('#total').html(response.total);
                     } else {
                        alert(response.message);
                     }
                }
            }, "json");
        return false;
    });

    $('#item').change(function(){
        $('#selected').html($('#item :selected').text());
    });

    $(".image .thumb").fancybox({
        'titlePosition'  : 'over'
    });
    
    $("#picture").fancybox({
      'opacity': 'false'
    });
    
});

function showProps(obj, objName){
    var result = "";
    for (var i in obj)
         result += objName + "." + i + " = " + obj[i] + "<br />\n";
    alert(result);
    return false;
}