$(document).ready(function(){
	
	$("#woning-photos li a").fancybox({
		'titleShow'     : false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
		'easingIn'      : 'easeOutBack',
		'easingOut'     : 'easeInBack',
		'overlayShow'	: true,
		'overlayOpacity': '0.3',
		'overlayColor'	: '#000'
	});
	
	$('a').click(function(){
		if ($(this).attr('href') != undefined){
			var href = $(this).attr('href');
			var type = href.substring(href.length-3);
			if (type == 'pdf'){
				pageTracker._trackPageview(href);
				return true;
			}
		}
	});

    $("a[id^='JQnav_']").click(function () {
        if ($("."+$(this).attr("id")).is(":hidden")) {
           $("."+$(this).attr("id")).slideDown('slow');
           $("#navigation ul li ul:visible").hide();
        } else {
            $("."+$(this).attr("id")).slideUp('slow');
        }
    	
	});
	
	$('#JQdatepicker1').datepicker();
	$('#JQdatepicker_button1').click(function() {  
        $('#JQdatepicker1').datepicker('show'); 
    });
    $('#JQdatepicker2').datepicker();
	$('#JQdatepicker_button2').click(function() {  
        $('#JQdatepicker2').datepicker('show'); 
    });
    $('#JQdatepicker_birth').datepicker({ yearRange: '-100:+0' });
	$('#JQdatepicker_birth_button').click(function() {  
        $('#JQdatepicker_birth').datepicker('show'); 
    });
    
    $('.item[rel]').click(function() {
        if ($(this).attr("rel")!=''){
            window.location.href = sitepath+$(this).attr("rel");
        }
    });
    
    $('.item').hover(function() {
        $(this).addClass('light-div-hover');
    }, function() {
        $(this).removeClass('light-div-hover');
    });
    
    $("[id^='closed_']:first").show();
    $(".open").click(function() {
        $("[id^='closed_']").hide();
        $(".open").removeClass('active');
        $(this).addClass('active');
        $('#closed_'+$(this).attr("id")).show();
    });
	
    // search field $('#submitsearchform').click(function()
    var searchValue = "Zoek op trefwoord";
    
    function checkInput (){
        if ($('#search form input').val()==searchValue || $('#search form input').val()==''){
            $('#search form input').addClass('empty');
            return false;
        }
    }
    $("#searchform").submit(function() { return checkInput() });
    $('#submitsearchform').click(function() { 
        if (checkInput()==false){
            return checkInput();
        }
        else{
            $("#searchform").submit();
        }
        
    });
    
    $('#search form input').val(searchValue);
    $('#search form input').focus(function() {
        if ($(this).val()==searchValue){
            $(this).val('');
        }
    });
    $('#search form input').blur(function() {
        if ($(this).val()==''){
            $(this).val(searchValue);
        }
    });
    
    // change font
    function changeFontSize (value){
        var changeItems = "#content #text *";
        var changeItemsNo = "#content #text h2, #content #text h1, #content #text h3";
        
        if (value == 10){
            $(changeItems).css({ fontSize: "" });
        }
        else{
            var changeTo = parseInt(value) / 10;
            $(changeItems).css({ fontSize: changeTo+"em" });
        }
        $(changeItemsNo).css({ fontSize: "" });
    }
    
    var currentSize = 10;
    if (SessionCurrentSize>0){
        currentSize = SessionCurrentSize;
        changeFontSize(currentSize);
    }
    $('#header_a_style a').click(function() {
        var classname = $(this).attr("class");
        if (classname=='larger'){
            currentSize = currentSize+1;
        }
        if (classname=='medium'){
            currentSize = currentSize=10;
        }
        if (classname=='smaller'){
            currentSize = currentSize-1;
        }
        changeFontSize(currentSize);
        $.post(sitepath+"ajax/fontsize", { size: currentSize } );
    });
    
    /*
    $('#header_a_style a.larger').click(function() {
        currentSize = currentSize+0.1;
        $(changeItems).css({ fontSize: currentSize+"em" });
    });
    $('#header_a_style a.smaller').click(function() {
        currentSize = currentSize-0.1;
        $(changeItems).css({ fontSize: currentSize+"em" });
    });
    $('#header_a_style a.medium').click(function() {
        currentSize = 1;
        $(changeItems).css({ fontSize: currentSize+"em" });
    });
    */
    
    // beheer
    werkzaamheden_init();
    
    // werkzaamheden init
    function werkzaamheden_init() {
    	$(".JQdelete_straat").unbind( "click" );
    	$(".JQdelete_straat").click(function() {
    		if (confirm ("Weet u zeker dat u deze straat wilt verwijderen?")){
    			$(this).closest("div.straat_item").slideUp('fast', function(){$(this).closest("div.straat_item").remove()});
    		}
	    });
    }
    
    
    $("#JQadd_straat").click(function() {
    	var straat_item = $("#JQappend_data").html();
    	$("#straten").append(straat_item);
    	werkzaamheden_init();
    	return false;
    });
    
    /*
    var t;
    // overlay-banner
    t = setTimeout("slideBannerDown()", 1000);
    $('#banner-reversebutton').click(function(){
    	clearTimeout(t);
    	slideButtonUp();
    	t = setTimeout("slideBannerDown()", 1500);
    });
    $('#overlay-banner #close').click(function(){
    	slideBannerUp();
    	clearTimeout(t);
    });
    */
    
});

var slideUpTimer = true;

$(document).ready(function(e){
	
	$(document).delay(500,function(){
		slideBannerDown();
		$("#overlay-banner").delay(7500,function(){
			if (slideUpTimer == true){
				slideBannerUp();
				$(this).delay(1200,function(){
		    		slideButtonDown();
		    	});
			}
		});
	});
	
	$("#overlay-banner #close").click(function(){
		slideBannerUp();
		$(this).delay(1200,function(){
    		slideButtonDown();
    	});
		return false;
    });
    $("#banner-reversebutton").click(function(){
    	slideButtonUp();
    	$(this).delay(1000,function(){
    		slideBannerDown();
    	});
		return false;
    });
	
});

function slideBannerDown() {
	$('#overlay-banner').animate({
		top: "100px"
	}, { "duration": 1500, queue: false, "easing": "easeOutBounce" } );
}
function slideBannerUp() {
	$('#overlay-banner').animate({
		top: "-479px"
	}, { "duration": 1000, queue: false, "easing": "easeInOutExpo"} );
	slideUpTimer = false;
}
function slideButtonDown() {
	$('#banner-reversebutton').animate({
		top: "-0px"
	}, { "duration": 1000, queue: false, "easing": "easeOutBounce" } );
}
function slideButtonUp() {
	$('#banner-reversebutton').animate({
		top: "-21px"
	}, { "duration": 1000, queue: false, "easing": "easeInOutExpo" } );
}