//Gestione PNG con JS
//Attivazione CufOn
//OnFocus input

$(function(){
    if($.browser.version < 7){
        pngfix();
    }
    Cufon.replace(".title-princ, .title-sec, .title, #navigations ul li a, .languages a, .the-titles li", {
        fontFamily: 'Humanst521 Lt BT',
        hover : true
    });
    $(".category-title > a").click(function(){
        var cont = $(this).parents('.category');
        if(cont.hasClass('active')){
            return false;
        }
        var div = $(this).parents('div');
        var dist = div.outerWidth() + parseInt(div.css('marginLeft')) + parseInt(div.css('marginRight') );
        //alert(dist);
        cont.addClass('active').siblings().removeClass('active');
        var moveTo = {
            i : 0,
            direction : 'backInPos'
        };
        cont.parent().children().each(function(){
            //alert($(this).attr('class'));
            var c = $(this);
            if(c.hasClass('active')){
                moveTo.direction = 'foward';
            }
            if(moveTo.direction == 'backInPos' || c.hasClass('active')){
                c.animate({
                    left : moveTo.i*dist+(parseInt(c.parent().css('paddingLeft')))
                    }, 300);
            }else {
                c.animate({
                    left : (c.parent().width()+parseInt(c.parent().css('paddingRight')) + parseInt(c.parent().css('paddingLeft')) )-(((c.siblings().length-moveTo.i+1))*dist)
                    }, 300);
            }
            moveTo.i++;
        });
        return false;
    });
});