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

$(function(){
    if($.browser.version < 7){
        pngfix();
    }
    Cufon.replace("#bottom strong, .love span, .title", {
        fontFamily: 'Futura XBlk BT',
        hover : true
    });
    Cufon.replace("#header .title", {
        fontFamily: 'Futura XBlk BT',
        hover : true,
        color: '-linear-gradient(rgb(199, 231, 249), rgb(161, 214, 245))'
    });
    $(".delme").focus(function(){
        if ($(this).is('input')) {
            var orival = $(this).val();
            $(this).val("");
        }else{
            var orival = $(this).html();
            $(this).html("");
        }

        $(this).blur(function(){
            if($(this).is('input')){
                if ($(this).val() != "" && $(this).val() != orival) {
                    $(this).removeClass('delme').unbind('blur').unbind('focus');
                }else{
                    $(this).val(orival);
                }
            }else{
                if ($(this).html() != "" && $(this).html() != orival) {
                    $(this).removeClass('delme').unbind('blur').unbind('focus');
                }else if ($.browser.safari && $(this).val() != "" && $(this).val() != orival) {
                    $(this).removeClass('delme').unbind('blur').unbind('focus');
                }else{
                    $(this).html(orival);
                }
            }

        });
    });
    $(".copyright li").hover(function(){
        $(this).addClass('hover');
    }, function(){
        $(this).removeClass('hover');
    });
    $.wdbox.settings.window_title = "";
    $("a.ajaxPicture").click(function(){
        var href = $(this).attr("href");
        var alertContent = "<img class='picf' src='"+href+"'/><div class='wdbox-close-message'>Clicca per chiudere</div>";
        $.wdbox.alert(alertContent);
        $(".wdbox").addClass("safari").css('backgroundImage', 'url('+href+')');
        $(".wdbox .picf").load(function(){
            var picw = $(".wdbox .picf").width();
            $(".wdbox .wdbox_content").width(picw);
            
            $.wdbox.centerBox({
                top : 10
            }, {disable : true});
            $(".wdbox").click(function(){
                $(".fader").click();
            });
        });
        return false;
    });

    /*setTimeout(function(){
        $(".display-selector").append("<!--<div class=\"noticer\">O</div>--><div class='noticer-message'>Cambia metodo di visualizzazione</div>");
        /*$(".noticer").animate({fontSize : 200, opacity : 0}, {duration : 500, complete : function(){
            $(this).remove();
        }});
        $(".noticer-message").animate({opacity : .9, top : -50}, 1200, function(){
            setTimeout(function(){
                $(".noticer-message").animate({opacity : 0}, 1000);
            }, 2000); 
        });
    }, 600);*/
	if(touch_id){
		setTimeout(function(){
			$("#work-id-"+touch_id+" a").click();
		}, 1200);
	}
    $(".images-list  li.active").each(function(){
        var li = $(this);
        li.children().children().load(function(){
            li.parents('.images-list').css({height : li.height()});
        });
        
    });
    $(".prev-nav li a").click(function(){
        var id = $(this).attr('id');
        $(this).parents('.prev-nav').find("a").removeClass("active");
        $(this).addClass("active");
        id = id.replace('activator-', 'item-');
        var li = $('#'+id);
		//var listH = li.parents('.images-list').height();
		//li.css({position : 'absolute', top : -(li.height())}).addClass('active').animate({top : 0}, 500);
        li.siblings().animate({opacity : 0}, 300, function(){
		$(this).removeClass('active');
                li.addClass('active').animate({opacity : 1}, 300);
                li.parents('.images-list').animate({height : li.height()}, 500);
	});
	
        return false;
    });
    $(".button.next a").click(function(){
        var href = $(this).attr("href");
        href = href.split("#");
        href = href[1];
        var targetOffset = $("#"+href).offset().top;
        $('html,body').animate({scrollTop: targetOffset-100}, 1000);
        return false;
    });

    $(".zoom a").click(function(){
        $(this).parents(".work").find(".images-list .active a").click();
        return false;
    });



/*
     * Begin infinite slider by reset
     */
    jQuery.fn.infinteSlider = function(options){
        //alert(this.tagName);
        //        this.each(function(){
        //            alert(this.tagName);
        //        });

        /*
         *Init zone
         */
        var settings = {
            focusFrame : false,
            infiniteMode : false,
            naviMarkup : '<div class="slider-navi"><a class="foward"></a><a class="back"></a></div>',
            slideCallback : function(){return false}
        };
        jQuery.extend(settings, options);
        var naviMarkup = settings.naviMarkup;
        var cont = this;
        var navi;
        /*
         * Find out what is the sliding content, the container and the buttons
         */
        if(cont.find('ul').html()){
            var elCont = cont.find('ul').eq(0);
            var elem = elCont.children();
            if(!cont.find('.back')){
                elCont.after(naviMarkup);
            }
        }else{
            var elem = cont.children();
            var elCont = cont;
            if(!elCont.parent().find('.back')){
                elCont.after(naviMarkup);
            }
        }
        var navi = cont.find(".back").parent();
        var cont = this;
        var startLeft = 0;
        var init = function(){

            if(settings.focusFrame){
                startLeft = jQuery(settings.focusFrame).offset().left;
            }
            if(elCont.css('left') == "auto"){
                elCont.css('left', 0);
            }
            elCont.css({
                left : parseInt(elCont.css('left'))+startLeft
            });
			elCont.css('position', 'relative');
            elCont.width(elem.width()*elem.length);
            slideBind();
            if(settings.infiniteMode){
                fillBefore();
            }

        };
        var fillBefore = function(num){
            startLeft = parseInt(elCont.css('left'))-(elem.length*elem.width());
            elCont.prepend(elCont.html()).width(elem.width()*elCont.children().length).css("left", startLeft);
            elem = elCont.children();
        //elCont.prepend(elCont.html()).css("left", parseInt(elCont.css('left'))-numelem*elem.width());

        }
        var slideFoward = function(){
            if(settings.infiniteMode){
                //Rendo il primo figlio absolute, lo metto alla fine spostandolo a dx della sua larghezza
                elCont.children(":first").appendTo(elCont);
                //setto il left della lista aggiungendo la larghezza del figlio spostato altrimenti va indietro
                elCont.css({
                    left : parseInt(elCont.css('left'))+elCont.find(":first").width()
                });
            }
            //ricavo il left per l'animazione - attuale left meno (-) larghezza elemento
            var newLeft = parseInt(elCont.css('left'))-elCont.find(":first").width()-(parseInt(elCont.find(":first").css("marginRight"))+parseInt(elCont.find(":first").css("marginLeft")));
            //alert(newLeft);
            elCont.animate({
                left : newLeft
            }, 600, function(){
                //alert(elCont);
                slideBind();
            });
            settings.slideCallback('foward');
        };
        var slideBack = function(){
            if(settings.infiniteMode){
                //Rendo l'ultimo figlio absolute, lo metto all'inizio spostandolo a sx della sua larghezza
                elCont.children(":last").prependTo(elCont);
                //alert(1);
                //setto il left della lista aggiungendo la larghezza del figlio spostato altrimenti va avanti
                elCont.css({
                    left : parseInt(elCont.css('left')) - elCont.children(":first").width()
                });
            }
            //alert(2);
            //ricavo il left per l'animazione - attuale left meno (-) larghezza elemento
            var newLeft = parseInt(elCont.css('left'))+elCont.find(":first").width()+(parseInt(elCont.find(":first").css("marginRight"))+parseInt(elCont.find(":first").css("marginLeft")));
            //alert(newLeft);
            //alert(newLeft);
            elCont.animate({
                left : newLeft
            }, 600, function(){
                //alert(elCont);
                slideBind();
            });
            settings.slideCallback('back');
        };
        var slideBind = function(){
            navi.find(".foward").click(function(){
                slideUnbind();
                slideFoward();
                return false;
            });
            navi.find(".back").click(function(){
                slideUnbind();
                slideBack();
                return false;
            });
        }
        var slideUnbind = function(){
            navi.find("a").unbind();
        }
        init();
        return this;
    };
    if($(".nav-images").length){
        $(".nav-images").css({bottom : -30});
        $(".casestudies-link").css({bottom : -114});
        $(".nav-images:eq(0), .casestudies-link:eq(0)").css({bottom : 0});

    }
    if($('body').hasClass('contatti')){
        $(".request-quote textarea").elastic();
    }
    
    $(".slider-portfolio").configurableSlider({infiniteMode : true, whileSlideCallback : function(direction){
            if(direction == 'foward'){
                $(".slider-thumbs ul .active").next().addClass('active').siblings().removeClass('active');
            }else{
                $(".slider-thumbs ul .active").prev().addClass('active').siblings().removeClass('active');
            }
            var workInfo = $(".slider-thumbs ul .active a").attr('id');
			if(workInfo){
				workInfo = workInfo.replace('st-activator-', 'st-work-info-');
            	$("#"+workInfo).addClass('active').siblings().removeClass('active');

			}
        }, slideCallback : function() {
            $('.slider-portfolio .slider-current-active-element .nav-images, .slider-portfolio .slider-current-active-element .casestudies-link').animate({bottom : 0}, 800);
        }});
    $(".slider-thumbs").configurableSlider({infiniteMode : true, speed : 400, easing : 'swing'});
// END INFINITE SLIDER
/*    $('.slider-portfolio').infinteSlider({
        infiniteMode : true, slideCallback : function(direction){
            if(direction == 'foward'){
                $(".slider-thumbs ul .active").next().addClass('active').siblings().removeClass('active');
            }else{
                $(".slider-thumbs ul .active").prev().addClass('active').siblings().removeClass('active');
            }
            var workInfo = $(".slider-thumbs ul .active a").attr('id');
            workInfo = workInfo.replace('st-activator-', 'st-work-info-');
            $("#"+workInfo).addClass('active').siblings().removeClass('active');

        }
    });
    $('.slider-thumbs').infinteSlider({
        infiniteMode : true
    });
*/
$(".works-list li a, .slider-portfolio ul li a").hover(function(){
    var strong = $(this).find('strong');
    var sH = strong.outerHeight();
    strong.css({bottom : -(sH)}).animate({bottom : 0}, 400);
}, function(){
    var strong = $(this).find('strong');
    var sH = strong.outerHeight();
    strong.animate({bottom : -(sH)}, 400);
});

$(".slider-thumbs li a").click(function(){
        var id = $(this).attr('id');
        $(this).parents('li').addClass("active").siblings().removeClass('active');
        var workInfo = id.replace('st-activator-', 'st-work-info-');
        id = id.replace('st-activator-', 'st-item-');
        var li = $('#'+id);
		//var listH = li.parents('.images-list').height();
		//li.css({position : 'absolute', top : -(li.height())}).addClass('active').animate({top : 0}, 500);
        var distance = li.parent().offset().left - li.offset().left;
        li.parent().animate({left : (distance)}, 1000, function(){
            $.configurableSlider['.slider-portfolio'].obj.actualPos = distance;
        });
        $("#"+workInfo).addClass('active').siblings().removeClass('active');

        return false;
    });
	$("#footer form, .request-quote form").resInBox({createCallback : function(){
		$(".wdbox .wdbox_interaction").html("<a class = 'closeLink'>chiudi</a>");
	}});
	$(".updown").click(function(){
		var thisP = $(this).parents(".text");
		if(thisP.hasClass("closed")){
				thisP.removeClass("closed").addClass("open");
				$(this).siblings(".text-body").slideToggle(600);
		}else{
			$(this).siblings(".text-body").slideToggle(600, function(){
			if(thisP.hasClass("open")){
				thisP.removeClass("open").addClass("closed");
			}
		});
		}
		return false;
	});
	$(".slider-thumbs-view .slider-portfolio ul li").hover(function(){
		$(this).toggleClass('hover');
	}, function(){
		$(this).toggleClass('hover');
	});
	if(!$.browser.msie && !$.browser.webkit && ($(".display-selector").hasClass('thumbs') || $('body').hasClass('index'))){
		$('.works-list li a img').lazyload();
	}
});