Cufon.replace('.din', {fontFamily: 'DINSchrift', hover: true});

(function($){
	$(document).ready(function(){
		$('.din').css('visibility', 'visible');

        $('#overlayProjectContainer').cycle({
            fx:     'scrollHorz',
            prev:   '#prev',
            next:   '#next',
            timeout:0
        });
        $('#overlay').css('background', 'url("/assets/themes/default/img/overlay.png") top left');
        $('#overlayContainer').css('left', '50%');
        $('#overlay').css('display', 'none');

        if ($('#overlayProjectContainer').children().length > 1)
        {
            $("#prev").show();
            $("#next").show();
        }


        $('#close').click(function(){
           $('#overlay').fadeOut(300);
           return false;
        });

        $('.projectLink').click(function(){
            var slide = $(this).attr('id');
            $('#overlayProjectContainer').cycle(Number(slide), 1).after(function(){$('#overlay').fadeIn(300);});
            overlay_active = true;
            return false;
        });

        /* OVERLAY EIGENSCHAPPEN */
        var overlay_active = false;
        var mouse_is_inside = false;

        $('#overlayContainer').hover(function(){
            mouse_is_inside=true;
        }, function(){
            mouse_is_inside=false;
        });

        $('#close').mouseup(function(){
            $('#overlay').fadeOut(300);
        });

        $('#overlay').mouseup(function(){
            if(overlay_active == true && mouse_is_inside == false){
                $(this).fadeOut(300);
            }
        });


        $(document).bind('keydown', function(e) {
        if (e.keyCode == 37)
            $('#overlayProjectContainer').cycle('prev');
        else if (e.keyCode == 39)
            $('#overlayProjectContainer').cycle('next');
        else if (e.keyCode == 27)
            $('#overlay').fadeOut(300);
        });
	});
})(jQuery);