$(window).load(function () {
    function setScrollImgTo(TargetPerc) {
        var $overflowAmount = ($("#headerScrollImg").width() - $(window).width());
        $("#headerScrollImg").css({ "left": "-" + ($overflowAmount * TargetPerc) + "px" });
    }

    $("#headerscroller a").draggable({
        containment: '#headerscroller',
        axis: 'x',
        create: function () {
            $("#headerScrollImg").animate({ "margin-left": "0", "left": "0" }, 1000);
        },
        drag: function (event, ui) {
            setScrollImgTo((ui.position.left / $("#headerscroller").width()));
        }
    }).animate({ "left": "0" }, 1000);
    
    var transform = 'rotate(135deg)';
    $(".juf > a > img").css('transform', 'rotate(12deg)');
    $(".evenementenpostit > a > img").css('transform', 'rotate(-7deg)');
    
    $('#galleryviewer').jcarousel({
    	wrap: 'circular',
    	scroll: 1,
    	itemLoadCallback: itemLoadCallbackFunction
    });
    
    $("a.fotoviewer").fancybox({
        'titlePosition': 'over',
        'overlayColor': '#000',
        'overlayOpacity': '0.6',
        'padding': 8
    });
    
    function itemLoadCallbackFunction(carousel, state)
    {
        $("#galleryviewer li a").each(function(){
            if($(".over", this).size() < 1){
                $("img", this).before('<div class="over"></div>');
                $(".over", this).css({"display":"none","position":"absolute","z-index":"3","background":"url('images/over.png')no-repeat","width":"156px","height":"190px","top":"86px", "left":"16px", "cursor":"pointer"});
                $(this).hover(function() {
                    $('.over', this).stop().fadeTo("fast", 1);
                }, function() {
                    $('.over', this).stop().fadeOut("fast");
                });
            }
        });
        
        $("a.fotoviewer").fancybox({
		    'titlePosition': 'over',
		    'overlayColor': '#000',
		    'overlayOpacity': '0.6',
		    'padding': 8
	    });
    };
    
    $(".album").each(function(){
        $("img", this).before('<div class="over"></div>');
        $(".over", this).css({"display":"none","position":"absolute","z-index":"3","background":"url('images/over.png')no-repeat","width":"149px","height":"148px","top":"22px", "left":"23px", "cursor":"pointer"});
        $(this).hover(function() {
            $('.over', this).stop().fadeTo("fast", 1);
        }, function() {
            $('.over', this).stop().fadeOut("fast");
        });
    });

    $('#voor1').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor2').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor3').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor4').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor5').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor6').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor7').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor8').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor9').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor10').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor11').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor12').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor13').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor14').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor15').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor16').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor17').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor18').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor19').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor20').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor21').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor22').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor23').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor24').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor25').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor26').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor27').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor28').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor29').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor30').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#voor31').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd1').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd2').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd3').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd4').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd5').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd6').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd7').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd8').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd9').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd10').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd11').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd12').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd13').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd14').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd15').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd16').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd17').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd18').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd19').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd20').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd21').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd22').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd23').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd24').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd25').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd26').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd27').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd28').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd29').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd30').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#hoofd31').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na1').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na2').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na3').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na4').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na5').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na6').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na7').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na8').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na9').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na10').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na11').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na12').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na13').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na14').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na15').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na16').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na17').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na18').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na19').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na20').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na21').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na22').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na23').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na24').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na25').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na26').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na27').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na28').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na29').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na30').tipsy({ gravity: $.fn.tipsy.autoNS });
    $('#na31').tipsy({ gravity: $.fn.tipsy.autoNS });
});