$(document).ready(function(){
    if($("#slider").length>0)
    {
        $('#slider').nivoSlider({
            effect:'random', // Specify sets like: 'fold,fade,sliceDown'
            animSpeed:500, // Slide transition speed
            pauseTime:6000, // How long each slide will show
            startSlide:0, // Set starting Slide (0 index)
            directionNav:true, // Next & Prev navigation
            directionNavHide:true, // Only show on hover
            controlNav:true, // 1,2,3... navigation
            controlNavThumbs:false, // Use thumbnails for Control Nav
            controlNavThumbsFromRel:false, // Use image rel for thumbs
            keyboardNav:true, // Use left & right arrows
            pauseOnHover:true, // Stop animation while hovering
            manualAdvance:false, // Force manual transitions
            captionOpacity:0.8, // Universal caption opacity
            prevText: 'Forrige', // Prev directionNav text
            nextText: 'Næste', // Next directionNav text
            beforeChange: function(){}, // Triggers before a slide transition
            afterChange: function(){}, // Triggers after a slide transition
            slideshowEnd: function(){}, // Triggers after all slides have been shown
            lastSlide: function(){}, // Triggers when last slide is shown
            afterLoad: function(){} // Triggers when slider has loaded            
        });
        
        var nCountImages = $("#slider img").length;
        var nSliderWidth = $("#slider").css("width");
        nSliderWidth = nSliderWidth.substr(0, nSliderWidth.length-2);
        var nCenter = (nSliderWidth/2)-((nCountImages*25)/2);
        $(".nivo-controlNav").css({"left":nCenter})
    }
    $(".error").each(function(){
        var distance = 10;
        var time = 500;
        var hideDelay = 500;

        var hideDelayTimer = null;

        // Tracker
        var beingShown = false;
        var shown = false;

        var trigger = $(this);
        var popup = $(".popup",this);

        $([trigger.get(0),popup.get(0)]).mouseover(function(){
            if(hideDelayTimer) clearTimeout(hideDelayTimer);
            if(beingShown || shown)
                return;
            else
            {
                beingShown = true;
                popup.css({
                    top:-10,
                    left: 40,
                    display: "block"
                }).animate({
                    top: "-=" + distance + "px",
                    opacity: 1
                }, time, "swing", function(){
                    beingShown = false;
                    shown = true;
                });
            }
        }).mouseout(function(){
            if(hideDelayTimer) clearTimeout(hideDelayTimer);

            hideDelayTimer = setTimeout(function(){
                hideDelayTimer = null;
                popup.animate({
                    top: "-=" + distance + "px",
                    opacity: 0
                }, time, "swing", function(){
                    shown = false;
                    popup.css({"display":"none"});
                });
            }, hideDelay);
        });
    });
    $(".call").change(function(){
        if($(this).is(":checked"))
            $("#phone-field").stop(false,true).slideDown();
        else
            $("#phone-field").stop(false,true).slideUp();
    });
    $(".captcha").val(function(){
        var chars = "ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
        var nums = "0123456789";
        var string_length = 3;
	var randomstring = '';
        for (var i=0; i<string_length; i++) {
		var rnum = Math.floor(Math.random() * chars.length);
		randomstring += chars.substring(rnum,rnum+1);
	}
        for(var i=0;i<string_length;i++)
        {
            var rnum = Math.floor(Math.random()*nums.length);
            randomstring += nums.substring(rnum,rnum+1);
        }
        return randomstring;
    });
    $(".mail").html("<a href=\"mailto:kontakt@designature.dk\">kontakt@designature.dk</a>");
    $("a.external").attr("target","_blank");
    $("a").each(function(){
        if($(this).attr("title").length > 15)
        {
            $(this).tipsy({
                gravity: $.fn.tipsy.autoNS,
                fade : true,
                delayOut : 500,
                opacity : 0.9
            });
        }
    });
});