(function ($) {
	$.fn.vAlign = function() {
	return this.each(function(i){
	var h = $(this).height();
	var oh = $(this).outerHeight();
	var mt = (h + (oh - h)) / 2;
	$(this).css("margin-top", "-" + mt + "px");
	$(this).css("top", "50%");
	$(this).css("position", "relative");
	});
	};
})(jQuery);


(function ($) {
	$.fn.hAlign = function() {
	return this.each(function(i){
	var w = $(this).width();
	var ow = $(this).outerWidth();
	var ml = (w + (ow - w)) / 2;
	$(this).css("margin-left", "-" + ml + "px");
	$(this).css("left", "50%");
	$(this).css("position", "absolute");
	});
	};
})(jQuery);



$(document).ready(function () {

	var objectWidth = $(".campagne-wide").width() ;
    var flashObject = (objectWidth / 48) * 27.4;
	$(".campagne-wide").css({"height": flashObject, "border-bottom":"10px solid #1d2532"});
	$(".flash-replacer").css({"height": flashObject, "border-bottom":"10px solid #1d2532"});

	if($(".campagne-wide").length > 0) {
		
		var so = new SWFObject("/media/102547/groot-filmpje.swf", "sotester", "100%", flashObject, "8", "#1d2532");
		so.addParam("wmode", "transparent");
		so.write("flash-replace");
	}
	if($(".campagne-boxed").length > 0) {
		var so = new SWFObject("/media/102550/klein-filmpje.swf", "sotester", "100%", "100%", "8", "#1d2532");
		so.addParam("wmode", "transparent");
		so.write("flash-replace");
	}
    // Watermark op de Algemene Zoekfunctie
    
    if($("#zoekTerm").length > 0) {
    $("#zoekTerm").Watermark("Vul uw zoekterm(en) in","#d6d6d6");
    }
        
    if($("#aanmeldVeld").length > 0) {
    $("#aanmeldVeld").Watermark("Vul hier uw e-mail adres in","#d6d6d6");
    }    
    
    // Clickable div blocks 
    
    // Hele blok clickable maken
    if($(".section").length > 0) {
        $(".section").click(function() {  
        window.location = $(this).find("h3:first a:first").attr("href");  
        });  
        
        // :hover functie op hele block
        $(".section").hover (  
            function() {  
                $(this).addClass("sectionhover");  
                $(this).append('<div class="clearboth"></div>');
                },  
            function() {  
                $(this).removeClass("sectionhover");
                $(".learn-more").remove(); 
            }  
        );
    }
    
    // Hele ThemaBlokken clickable maken
    if($(".themaBlock").length > 0) {
        $(".themaBlock").click(function() {  
        window.location = $(this).find("a:first").attr("href");  
        });  
        
        // :hover functie op hele block
        $("#tb01, #tb02, #tb03, #tb04 ,#tb05").hide();
        
        
        // TODO: Fix these scripts below to be dynamic
        $(".tb01, .tt01").hover (  
            function() {  
                $("#tb01").show();
                $(".tt01").addClass("tthover");
                },  
            function() {  
                $("#tb01").hide();
                $(".tt01").removeClass("tthover");
            }
        );
        
        $(".tb01").mouseout (  
            function() {  
                $("#tb01").hide();
                $(".tt01").removeClass("tthover");
            }
            
        );
        
        $(".tb02, .tt02").hover (  
            function() {  
                $("#tb02").show();
                $(".tt02").addClass("tthover");
                },  
            function() {  
                $("#tb02").hide();
                $(".tt02").removeClass("tthover");
            }
        );
        
        $(".tb02").mouseout (  
            function() {  
                $("#tb02").hide();
                $(".tt02").removeClass("tthover");
            }
            
        );
        
        $(".tb03, .tt03").hover (  
            function() {  
                $("#tb03").show();
                $(".tt03").addClass("tthover");
                },  
            function() {  
                $("#tb03").hide();
                $(".tt03").removeClass("tthover");
            }
        );
        
        $(".tb03").mouseout (  
            function() {  
                $("#tb03").hide();
                $(".tt03").removeClass("tthover");
            }
            
        );
        
        $(".tb04, .tt04").hover (  
            function() {  
                $("#tb04").show();
                $(".tt04").addClass("tthover");
                },  
            function() {  
                $("#tb04").hide();
                $(".tt04").removeClass("tthover");
            }
        );
        
        $(".tb04").mouseout (  
            function() {  
                $("#tb04").hide();
                $(".tt04").removeClass("tthover");
            }
            
        );
        
        $(".tb05, .tt05").hover (  
            function() {  
                $("#tb05").show();
                $(".tt05").addClass("tthover");
                },  
            function() {  
                $("#tb05").hide();
                $(".tt05").removeClass("tthover");
            }
        );
        
        $(".tb05").mouseout (  
            function() {  
                $("#tb05").hide();
                $(".tt05").removeClass("tthover");
            }
            
        );
        
        
    }
    
    // Afbeeldingen switcher
    
    if($("#afbeeldingenbox").length > 0) {
        
        
		var carouselItems = $("#afbeeldingenbox li").size();
        var carouselCounter = 1;
        
        $(this).everyTime(10000, 2, function() {
         $("#afbeeldingenbox li.active").fadeOut(500).removeClass("active");
         $("#afbeeldingenbox a.active").removeClass("active");
        
         if (carouselCounter == carouselItems) {
           carouselCounter = 1;
         } else {
           carouselCounter = carouselCounter + 1;
         }
         
         $("#afbeeldingenbox li.item" + carouselCounter).fadeIn(500).addClass("active");
         $("#afbeeldingenbox a.item" + carouselCounter).addClass("active");
        });
        
        var clickedElementClassName = null;
        
         $("#afbeeldingenbox .jcarousel-control a").click(function() {
         $(this).stopTime(2);
         
         $("#afbeeldingenbox li:visible:not(.active)").hide();
         
         clickedElementClassName = this.className.replace(' active', '');
         correspondingElement = $("#afbeeldingenbox li." + clickedElementClassName);
         
         if (!correspondingElement.is(":visible")) {
           $("#afbeeldingenbox li.active").fadeOut(500).removeClass("active");
           $("#afbeeldingenbox a.active").removeClass("active");
           
           $("#afbeeldingenbox li." + clickedElementClassName).fadeIn(500).addClass("active");
           $("#afbeeldingenbox a." + clickedElementClassName).addClass("active");
         }
         
         carouselCounter = clickedElementClassName.replace('item', '') * 1;
         
         $(this).everyTime(10000, 2, function() {
           $("#afbeeldingenbox li.active").fadeOut(500).removeClass("active");
           $("#afbeeldingenbox a.active").removeClass("active");
         
           if (carouselCounter == carouselItems) {
             carouselCounter = 1;
           } else {
             carouselCounter = carouselCounter + 1;
           }
           
           $("#afbeeldingenbox li.item" + carouselCounter).fadeIn(500).addClass("active");
           $("#afbeeldingenbox a.item" + carouselCounter).addClass("active");
         });
         
         return false;
        });
		
 
    }
    
    
    // Afbeeldingen switcher
    
    if($("#projectCaroussel").length > 0) {
        
        var carouselItems2 = $("#projectCaroussel li").size();
        var carouselCounter2 = 1;
        
        $(this).everyTime(10000, 2, function() {
         $("#projectCaroussel li.active").fadeOut(500).removeClass("active");
         $("#projectCaroussel a.active").removeClass("active");
        
         if (carouselCounter2 == carouselItems2) {
           carouselCounter2 = 1;
         } else {
           carouselCounter2 = carouselCounter2 + 1;
         }
         
         $("#projectCaroussel li.foto" + carouselCounter2).fadeIn(500).addClass("active");
         $("#projectCaroussel a.foto" + carouselCounter2).addClass("active");
        });
        
        var clickedElementClassName2 = null;
        
         $("#projectCaroussel .jcarousel-control2 a").click(function() {
         $(this).stopTime(2);
         
         $("#projectCaroussel li:visible:not(.active)").hide();
         
         clickedElementClassName2 = this.className.replace(' active', '');
         correspondingElement2 = $("#projectCaroussel li." + clickedElementClassName2);
         
         if (!correspondingElement2.is(":visible")) {
           $("#projectCaroussel li.active").fadeOut(500).removeClass("active");
           $("#projectCaroussel a.active").removeClass("active");
           
           $("#projectCaroussel li." + clickedElementClassName2).fadeIn(500).addClass("active");
           $("#projectCaroussel a." + clickedElementClassName2).addClass("active");
         }
         
         carouselCounter2 = clickedElementClassName2.replace('foto', '') * 1;
         
         $(this).everyTime(10000, 2, function() {
           $("#projectCaroussel li.active").fadeOut(500).removeClass("active");
           $("#projectCaroussel a.active").removeClass("active");
         
           if (carouselCounter2 == carouselItems2) {
             carouselCounter2 = 1;
           } else {
             carouselCounter2 = carouselCounter2 + 1;
           }
           
           $("#projectCaroussel li.foto" + carouselCounter2).fadeIn(500).addClass("active");
           $("#projectCaroussel a.foto" + carouselCounter2).addClass("active");
         });
         
         return false;
        });
 
    }
    
    
    // Uitgelicht switcher
    
    if($("#uitgelicht").length > 0) {
        
        var carouselItems3 = $("#uitgelicht li").size();
        var carouselCounter3 = 1;
        
        $(this).everyTime(10000, 2, function() {
         $("#uitgelicht li.active").fadeOut(500).removeClass("active");
         $("#uitgelicht a.active").removeClass("active");
        
         if (carouselCounter3 == carouselItems3) {
           carouselCounter3 = 1;
         } else {
           carouselCounter3 = carouselCounter3 + 1;
         }
         
         $("#uitgelicht li.foto" + carouselCounter3).fadeIn(500).addClass("active");
         $("#uitgelicht a.foto" + carouselCounter3).addClass("active");
        });
        
        var clickedElementClassName3 = null;
        
         $("#uitgelicht .jcarousel-control a").click(function() {
         $(this).stopTime(2);
         
         $("#uitgelicht li:visible:not(.active)").hide();
         
         clickedElementClassName3 = this.className.replace(' active', '');
         correspondingElement3 = $("#uitgelicht li." + clickedElementClassName3);
         
         if (!correspondingElement3.is(":visible")) {
           $("#uitgelicht li.active").fadeOut(500).removeClass("active");
           $("#uitgelicht a.active").removeClass("active");
           
           $("#uitgelicht li." + clickedElementClassName3).fadeIn(500).addClass("active");
           $("#uitgelicht a." + clickedElementClassName3).addClass("active");
         }
         
         carouselCounter3 = clickedElementClassName3.replace('foto', '') * 1;
         
         $(this).everyTime(10000, 2, function() {
           $("#uitgelicht li.active").fadeOut(500).removeClass("active");
           $("#uitgelicht a.active").removeClass("active");
         
           if (carouselCounter3 == carouselItems3) {
             carouselCounter3 = 1;
           } else {
             carouselCounter3 = carouselCounter3 + 1;
           }
           
           $("#uitgelicht li.foto" + carouselCounter3).fadeIn(500).addClass("active");
           $("#uitgelicht a.foto" + carouselCounter3).addClass("active");
         });
         
         return false;
        });
        
 
    }
	
    // Tabs op projecten site
    if($("#tabContainer").length > 0) {
        $('#tabContainer > ul').tabs();
    }
    
    // Nieuws ticker op homepage
    
    if($(".nieuws").length > 0) {
        $('.nieuws').innerfade({
            animationtype: 'fade',
            speed: 'fast',
            timeout: 5000,
            type: 'random'
		  });
    }
    
    // Regionale sites Gmaps implementatie
    
    if($("#regionaleSites").length > 0) {
    	$("#regionaleSitesContent").hide();
    	$("#regionaleSitesToggle").click(function () {
    		$("#regionaleSitesContent").toggle(200);
    		if($("#regionaleSitesToggle").hasClass("activeToggle")) {
    			$("#regionaleSitesToggle").removeClass("activeToggle");
    		} else {
    			$("#regionaleSitesToggle").addClass("activeToggle")
    		}
    		});
    }
    
    // Caroussel normal 
    if($(".carousel").length > 0) {
    	
		jQuery(".carousel").jcarousel({
        scroll: 1
    	});
		
		$(".jcarousel-item div").vAlign();
		
		
	}
	
	
});