var thumbsPerPage = 6;
var page = 0;
var pages = 0;
var category = "";

function afterSearch(query){
	$("#videos").show();
	$("#videos").html('<div class="load"><img src="/img/load.gif" /></div>');
	$.get("/includes/ajax/searchVideos.php", {
		"query" : query,
		"page": 1
	}, function(data) {
		$("#videoplayer").html("");
		var videos = $("#videos");
		videos.text("");
		$.each(data.videos, function(i, item) {
			var div = $("<div></div>");

			var image = $("<img></img>");
			image.attr("src", "http://i1.ytimg.com/vi/"+item.youtube_id+"/default.jpg");

			div.append(image);

			div.append("<br/><span class=\"title\">"+item.titel+"</span>");
			div.append("<br/><a href=\"/mijn+kliksafe/handige+links/videoportal/video+bestaat+niet/?id="+item.youtube_id+"\" title=\"Meld dat deze video niet meer beschikbaar is\" class=\"bestaatnietlink\" id=\""+item.youtube_id+"\" ></a>");
			div.data("json", item);
			div.addClass("videoHolder");

			videos.append(div);
		});

		pages = Math.ceil(data.count / 6);
		page = 1;

		if(data.count == 0) {
			videos.append("<p>Er zijn geen resultaten bij \""+query+"\"</p>");
		}

		var pageNumberHolder = $("#pageNumbers");
		pageNumberHolder.text("");

		for(i = 1; i <= pages; i++) {
			if(i > 1) {
				pageNumberHolder.append(" ");
			}
			var style = (i == page) ? "class=\"current\"" : (i > 11) ? "style=\"display: none;\"" : "";
			pageNumberHolder.append("<span "+style+">"+i+"</span>");
		}
		if(pages <= 1) {
			$("#pageNavigation .hideOnLast").css("visibility", "hidden");
		} else {
			$("#pageNavigation .hideOnLast").css("visibility", "visible");
		}
		$("#pageNavigation .hideOnFirst").css("visibility", "hidden");

	}, "json");
}

function navigateToPage(pageNumber) {
	pageNumber = parseInt(pageNumber);
	var start = (thumbsPerPage * pageNumber) - thumbsPerPage;
	var end = thumbsPerPage * pageNumber;

	//$("#videoplayer").html("");
	$("#videos div.videoHolder").hide();

	var pageNumbers = $("#pageNumbers span");
	pageNumbers.hide();
	for(i = (pageNumber > 10) ? pageNumber-10 : 1; i <= pageNumber+10 && i <= pages; i++) {
		pageNumbers.eq(i-1).show();
	}

	if(pages > 1) {
		if(pageNumber != pages)
			$("#pageNavigation .hideOnLast").css("visibility", "visible");
		else
			$("#pageNavigation .hideOnLast").css("visibility", "hidden");

		if(pageNumber != 1)
			$("#pageNavigation .hideOnFirst").css("visibility", "visible");
		else
			$("#pageNavigation .hideOnFirst").css("visibility", "hidden");
	}
	if(typeof searchVideo == 'undefined' || searchVideo == false){
		displayVideos(category, pageNumber);
	}else{
		searchVideos(query, pageNumber);
	}
}

function displayVideos(category, page) {
	searchVideo=false;
	$("#videos").html('<div class="load"><img src="/img/load.gif" /></div>');
	$.get("/includes/ajax/getVideos.php", {
		"category" : category,
		"page": page
	}, function(data) {
		showVideos(data);
	});
}

function searchVideos(query, page) {
	searchVideo=true;
	$("#videos").html('<div class="load"><img src="/img/load.gif" /></div>');
	$.get("/includes/ajax/searchVideos.php", {
		"query" : query,
		"page": page
	}, function(data) {
		showVideos(data);
	});
}
function showVideos(data){
	//$("#videoplayer").html("");
	var videos = $("#videos");
	videos.text("");

	$.each(data.videos, function(i, item) {
		var div = $("<div></div>");

		var image = $("<img></img>");
		image.attr("src", "http://i1.ytimg.com/vi/"+item.youtube_id+"/default.jpg");

		div.append(image);

		div.append("<br/><span class=\"title\">"+item.titel+"</span>");
		div.append("<br/><a href=\"/mijn+kliksafe/handige+links/videoportal/video+bestaat+niet/?id="+item.youtube_id+"\" title=\"Meld dat deze video niet meer beschikbaar is\" class=\"bestaatnietlink\" id=\""+item.youtube_id+"\" ></a>");
		div.data("json", item);
		div.addClass("videoHolder");

		videos.append(div);
	});
}

function setServicedeskMeter(){
	$.get("/includes/ajax/serviceDeskValues.php", {
		"rand" : (1 + Math.floor(Math.random() * 1000))
	}, function(data) {
		$("#servicedesk-meter div").attr("id", "nr"+data);
	});
}

$(document).ready(function(){

	/**
	 * for each list element,
	 * we show the submenu when hovering and
	 * expand the span element (title) to 510px
	 */
	var $menu = $('#ldd_menu');
	$menu.children('li').each(function(){
		var $this = $(this);
		var $span = $this.children('a');
		$span.data('width',$span.width());
		
		$this.bind('mouseenter',function(){
			$(this).addClass('hover');
			$menu.find('.ldd_submenu').stop(true,true).hide();
			$span.stop().animate(300,function(){
				$this.find('.ldd_submenu').slideDown(300);
			});
		}).bind('mouseleave',function(){
			$(this).removeClass('hover');
			$this.find('.ldd_submenu').stop(true,true).hide();
			$span.stop().animate({'width':$span.data('width')+'px'},300);
		});
	});
	
	/*
	 * Glasvezel en NOD actie formulier
	 */
	$("#glasvezelaanvraag, #aanmeldenForm").validationEngine({promptPosition : "centerRight"});

	$(".nummerbehoud").hide();
	$("#pakket_internetbellen_snel,#pakket_internetbellen_heelsnel,#pakket_internetbellen_supersnel").prev().click(function(){
		$(".nummerbehoud").show();
		$("#glasvezelaanvraag").validationEngine("updatePromptsPosition")
	});
	$("#pakket_internet_snel,#pakket_internet_heelsnel,#pakket_internet_supersnel").prev().click(function(){
		$(".nummerbehoud").hide();
		$("#glasvezelaanvraag").validationEngine("updatePromptsPosition")
	});
	
	$(".name-overstappen").click(function(){
		if($(this).next().attr("id") == "overstappen_geen" || $(this).next().attr("id") == "overstappen_andere"){
			$("#nieuw_e-mailadres").addClass("validate[required]");
			$("#wachtwoord").addClass("validate[required,custom[strongPassword]]");
		} else {
			$("#nieuw_e-mailadres").removeClass("validate[required]").validationEngine('hidePrompt');
			$("#wachtwoord").removeClass("validate[required,custom[strongPassword]]").validationEngine('hidePrompt');
		}
		if($("#overstappen_andere").is(":checked")){
			$("#aflooptijdHuidigeProvider").addClass("validate[required,custom[date]]");
		} else {
			$("#aflooptijdHuidigeProvider").removeClass("validate[required,custom[date]]");
			$("#aflooptijdHuidigeProvider").validationEngine('hidePrompt');
		}
	});
	
	$("#glasvezelaanvraag .radiobutton, #glasvezelaanvraag .checkboxbutton").click(function(){
		console.log("fd");
		var inputName = $(this).next().attr("name");
		$("input[name=" + inputName + "]").each(function(){
			console.log("validate: " + "#" + $(this).attr("id"));
			$("#glasvezelaanvraag").validationEngine('validateField', "#" + $(this).attr("id"))
		});
	});
	
	$(".name-nummerbehoud").click(function(){
		if($(this).next().attr("id")=="nummerbehoud_huidig"){
			$("#nummer1").addClass("validate[required]");
			$("#provider").addClass("validate[required]");
		} else {
			$("#nummer1").removeClass("validate[required]").validationEngine('hidePrompt');
			$("#provider").removeClass("validate[required]").validationEngine('hidePrompt');
		}
	});

	$(function(){
		$("ul#ticker01").liScroll();
	});

	$("a.fancybox").fancybox();

    function createCookie(name,value,hours) {
        if (hours) {
            var date = new Date();
            date.setTime(date.getTime()+(hours*60*60*1000));
            var expires = "; expires="+date.toGMTString();
        }
        else var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
    }

    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
    }

    function eraseCookie(name) {
        createCookie(name,"",-1);
    }


    if($.browser.msie && $.browser.version < 7){
        var ie6 = true;
    }else{
        var ie6 = false;
    }
	
	if($("#servicedesk-meter").length > 0){
		setServicedeskMeter();
		setInterval(function(){
			setServicedeskMeter();
		}, 5000);
	}

	/*
	 * Get first image of #actiejan2011, after 5000 miliseconds fade in next, uses alt of image as link
	 */
	if($("#actiejan2011").length > 0){
		
		//makes first image show as default
		$("#actiejan2011").css("cursor","pointer").children("img:first").addClass("active").show();
		
		//Adds buttons to the header
		$("#actiejan2011").children("img").each(function(){
			$("#actiejan2011 .button_holder").append("<div class='header-button'></div>");
		});
		$("#actiejan2011 .button_holder").children(":eq(0)").css("background-position","bottom");
		
		//Set interval for continue fade in next image
		headerIntervalId = setInterval(function(){
			fadeTo("next");
		}, 5000);
		
		//action when user clicks on the image
		$("#actiejan2011 img").click(function(){
			window.location = 'http://www.kliksafe.nl/' + $("#actiejan2011 img.active").attr("alt");
		});
		
	}
	
	/*
	 * When user click on .header-button
	 */
	$(".header-button").click(function(){
		clearInterval(headerIntervalId);
		index = $(this).parent().children().index($(this));
		fadeTo($("#actiejan2011 img").eq(index + 1))
		headerIntervalId = setInterval(function(){
			fadeTo("next");
		}, 5000);
	});

	/*
	 * Function which is being called for the #actiejan2011 header, fades in next image. 
	 * If there's no next images, it searches for the first image
	 */
	function fadeTo (fadeTo) {
		
		elm = $("#actiejan2011 img.active");
		
		if(fadeTo == "next"){
			if (elm.next().length > 0) {
				nextElm = elm.next();
			} else {
				nextElm = elm.parent().children("img:first");
			}
		} else {
			nextElm = fadeTo;
		}
		
		elmPos = elm.parent().children("img").index(elm);
		nextElmPos = elm.parent().children("img").index(nextElm);
		
		if (nextElmPos > elmPos) {
			nextElm.fadeIn(500, function(){
				elm.hide();
			});
		} else {
			nextElm.show();
			elm.fadeOut(500);
		}
		
		$("#actiejan2011 .button_holder div").css("background-position","top");
		$("#actiejan2011 .button_holder").children(":eq("+ nextElmPos +")").css("background-position","bottom");
		nextElm.addClass("active");
		elm.removeClass("active");
	}

	/* UITKLAP MODULE */
	$('.slideHead').toggle(function(){
		$(this).next().stop(true, true).slideDown(500);
		$(this).addClass('open');
	}, function(){
		$(this).next().stop(true, true).slideUp(500);
		$(this).removeClass('open');
	});
	
    /*
     * External to target blank
     **/
    $("a[rel=external]").attr("target", "blank");

    /*TARGET BLANK*/
    $("a[href^='http://'],a[href^='www.'],a[href^='https://'],a[rel='external']").not("a[href^='http://www.kliksafe.nl'],a[href^='http://kliksafe.nl']").attr('target','_blank');
    $("a[href$='.pdf']").attr('target','_blank');
    /*EINDE TARGET BLANK*/

    //hover menu
    $("#menu ul li").mouseenter(function(){
        $(this).children("ul").stop(true,true).slideDown("slow");
    });
    $("#menu ul li").mouseleave(function(){
        $(this).children("ul").stop(true, true).hide();
    });
    $("#menu ul li ul").hover(function(){
        $(this).parents("li").children("a").addClass("hover");
    },function() { 
        $(this).parents("li").children("a").removeClass("hover");
    });

    $(".enquete div.hide").hide();
    //enquete formulier vragen hiden en showen
    $(".enquete .radiobutton ").click(function(){
        var className = "";
        var classes = "";
        if($(this).next().hasClass("hide")){
            className = $(this).next().attr("class").replace("required radio hide vraag-","").replace(" input_radio","").replace(" ie7_class9", "");
            $("div.vraag-" + className).hide();
            $("div.vraag-" + className).children("input").removeClass("required");
        }
        if($(this).next().hasClass("show")){
            className = $(this).next().attr("class").replace("required radio show vraag-","").replace(" input_radio","").replace(" ie7_class9", "");
            $("div.vraag-" + className).show();
            if($("div.vraag-" + className).children("input:first").hasClass("required")){

            } else {
                classes = $("div.vraag-" + className).children("input:first").attr("class");
                $("div.vraag-" + className).children("input").attr("class","required " + classes);
            }
        }

        if($(this).next().hasClass("welk-pakket")){
            $(".adsl-bellen, .filterbox, .adsl, .inbelverbinding").hide()
            $("div.adsl-bellen, div.filterbox, div.adsl").children("input").removeClass("required");
            if($(this).next().val()=="Kliksafe-ADSL+bellen"){
                $(".adsl-bellen").show();
                $("div.adsl-bellen").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
            if($(this).next().val()=="Kliksafe-filterbox"){
                $(".filterbox").show();
                $("div.filterbox").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
            if($(this).next().val()=="Kliksafe-ADSL"){
                $(".adsl").show();
                $("div.adsl").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
            if($(this).next().val()=="Kliksafe-inbelverbinding"){
                $(".inbelverbinding").show();
                $("div.inbelverbinding").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
        }

        if($(this).next().hasClass("zelf-filter")){
            $(".zelffilter-ja, .zelffilter-nee").hide()
            $("div.zelffilter-ja, div.zelffilter-nee").children("input").removeClass("required");
            if($(this).next().val()=="ja"){
                $(".zelffilter-ja").show();
                $("divzelffilter-ja").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
            if($(this).next().val()=="ja, hier wacht ik al een tijd op"){
                $(".zelffilter-ja").show();
                $("div.zelffilter-ja").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
            if($(this).next().val()=="nee, ik wil zelf die keuze niet"){
                $(".zelffilter-nee").show();
                $("div.zelffilter-nee").children("input").each(function(){
                    classes = $(this).attr("class");
                    $(this).attr("class","required " + classes);
                });
            }
        }
    });
    $(".enquete div.hide").children("input").removeClass("required");

    /*Classes meegeven aan formulier elementen*/
    $("input[type=text], input[type=password]").addClass("input_tekst");
    $("input[type=radio]").addClass("input_radio");
    $("input[type=checkbox]").addClass("input_checkbox");
    $("input[type=image], input[type=submit]").addClass("input_button");
    $("label[for]").each(function(){
        if($('#'+$(this).attr('for')).attr('type')=='checkbox')
        {
            $(this).addClass("labelforcheckbox");
        }
    });
    
    //meerinfo uitklap 
    $("#meerinfobutton").click(function(){
        if ($("#meerinfocontent").is(":hidden")) {
            $("#meerinfocontent").css({
                'display':'inline'
            });
        } else {
            $("#meerinfocontent").css({
                'display':'none'
            });
        }
    });
    
    //productkader lijst stylen
    $(".productkader ul li:empty").addClass('empty');
    $(".normal").each(function(){
        hoogte = $(this).height() + 25;
        $(this).nextAll(".productkader div.pro, .productkader div.plus").css("top", hoogte);
    })
    $("#page .productkader div.plus, #page .productkader div.pro").css("display","block");
    $(".productkader span.pro, .productkader span.plus").click(function(){
        if($(this).hasClass("plus")){
            $(this).parent().children(".selected").removeClass("selected");
            $(this).addClass("selected");
            $(this).nextAll("div.pro").hide();
            $(this).nextAll("div.plus").show();
        }else if($(this).hasClass("pro")){
            $(this).parent().children(".selected").removeClass("selected");
            $(this).addClass("selected");
            $(this).nextAll("div.plus").hide();
            $(this).nextAll("div.pro").show();
        }
    });
	$("span.nieuwe-gebruiker, span.upgrade").click(function(){
        if($(this).hasClass("upgrade")){
            $(this).parent().children(".selected").removeClass("selected");
            $(this).addClass("selected");
            $(this).parent().parent().find("div.nieuwe-gebruiker").hide();
            $(this).parent().parent().find("div.upgrade").show();
        }else if($(this).hasClass("nieuwe-gebruiker")){
            $(this).parent().children(".selected").removeClass("selected");
            $(this).addClass("selected");
            $(this).parent().parent().find("div.upgrade").hide();
            $(this).parent().parent().find("div.nieuwe-gebruiker").show();
        }
    });

    $("#registratieCode").hide();
    $("span.name-product").eq(0).click(function(){
        $("#registratieCode").hide();
    });
    $("span.name-product").eq(1).click(function(){
        $("#registratieCode").show();
    });
	
	//hoogte van productkaders bepalen
	$(".productkader-levels").each(function(){
		var hoogte = 0;
		var hoogte2 = 0;
		var hoogte3 = 0;
		$(this).children().children("div.pro").each(function () {
			if ( $(this).height() > hoogte ) {
				hoogte=$(this).height();
			}
		});
		$(this).children().children("div.plus").each(function () {
			if ( $(this).height() > hoogte ) {
				hoogte=$(this).height();
			}
		});
		$(this).children().children("div.normal").each(function () {
			if ( $(this).height() > hoogte2 ) {
				hoogte2 = $(this).height();
			}
		});
		$(this).children(".productkader").children().children("div.tekst").each(function(){
			hoogte3 = $(this).parent().height() + $(this).parent().parent().children(".normal").height();
			$(this).height($(this).height() + hoogte + hoogte2 - hoogte3);
		});
		$(this).children().children("div.plus").hide();
		$(this).children(".productkader").css("min-height", hoogte + hoogte2 + 25);
		//alert("hoogte: "+hoogte+" hoogte2: "+hoogte2+" hoogte3: "+hoogte3);
	});

    $("#service #tabje").click(function() {

        if($("#service").hasClass("uitgeklapt")){
            $("#service").removeClass("uitgeklapt");
            $(".wrapper").animate({
                width: 0
            });
            $("#service_vak").animate({
                width: 20
            });
        }else{
            $("#service").addClass("uitgeklapt");
            $("#service_vak").animate({
                width: 186
            });
            $(".wrapper").animate({
                width: 175
            });
        }
    });

    $("#service #close").click(function(){
        if($("#service").hasClass("uitgeklapt")){
            $("#service").removeClass("uitgeklapt");
            $(".wrapper").animate({
                width: 0
            });
            $("#service_vak").animate({
                width: 20
            });
        }
    });

    $(window).load(function() {
        $(".gsc-tabsArea").height(23);
        $(".gsc-resultsbox-visible").css("padding","10px");
        $(".gsc-resultsbox-visible").css("border","1px solid #eee");
    });

    $("#page #tekstkader td").mouseover(function(){
        $("#page #tekstkader td").css("background-color","#ffffff");
        $(this).parent().children().css("background-color","#e5e5e5");
    });
    $("#page #tekstkader td").mouseleave(function(){
        $("#page #tekstkader td").css("background-color","#ffffff");
    });

    /*
     * Videoportal
     */
    $(".videocategories li").click(function(e) {
        searchVideo=false;
        e.preventDefault();
        category = $(this).text();
        $("#videos").show();
        $("#videos").html('<div class="load"><img src="/img/load.gif" /></div>');
        $.get("/includes/ajax/getVideos.php", {
            "category" : category,
            "page": 1
        }, function(data) {
            //$("#videoplayer").html("");
            var videos = $("#videos");
            videos.text("");

            $.each(data.videos, function(i, item) {
                var div = $("<div></div>");

                var image = $("<img></img>");
                image.attr("src", "http://i1.ytimg.com/vi/"+item.youtube_id+"/default.jpg");

                div.append(image);

                div.append("<br/><span class=\"title\">"+item.titel+"</span>");
                div.append("<br/><a href=\"/mijn+kliksafe/handige+links/videoportal/video+bestaat+niet/?id="+item.youtube_id+"\" title=\"Meld dat deze video niet meer beschikbaar is\" class=\"bestaatnietlink\" id=\""+item.youtube_id+"\" ></a>");
                div.data("json", item);
                div.addClass("videoHolder");

                videos.append(div);
            });

            pages = Math.ceil(data.count / 6);
            page = 1;

            if(data.count == 0) {
                videos.append("<p>Er zijn momenteel geen video's in deze categorie beschikbaar.</p>");
            }

            var pageNumberHolder = $("#pageNumbers");
            pageNumberHolder.text("");

            for(i = 1; i <= pages; i++) {
                if(i > 1) {
                    pageNumberHolder.append(" ");
                }
                var style = (i == page) ? "class=\"current\"" : (i > 11) ? "style=\"display: none;\"" : "";
                pageNumberHolder.append("<span "+style+">"+i+"</span>");
            }
            if(pages <= 1) {
                $("#pageNavigation .hideOnLast").css("visibility", "hidden");
            } else {
                $("#pageNavigation .hideOnLast").css("visibility", "visible");
            }
            $("#pageNavigation .hideOnFirst").css("visibility", "hidden");

        }, "json");
    });

    var code =null;
    $('input[name=videozoeken]').keypress(function(e)
    {
        code= (e.keyCode ? e.keyCode : e.which);
        if (code == 13){
            e.preventDefault();
            query=$(this).val();
            searchVideo=true;
            afterSearch(query);
            
        }
    }).parents("form").bind("submit", function(event) {
        event.preventDefault();
    });
	
    $(".videozoeken").click(function(){
        query=$(this).prev().val();
        searchVideo=true;
        afterSearch(query);
    });

    $("#pageNumbers span").live("click", function() {

        $("#pageNumbers span").removeClass("current");
        $(this).addClass("current");

        page = $(this).text();
        navigateToPage(page);
    });

    $("#pageNavigation .first").click(function() {
        $("#pageNumbers span").removeClass("current");

        page = 1;

        $("#pageNumbers span").eq((page-1)).addClass("current");

        navigateToPage(page);
    });

    $("#pageNavigation .previous").click(function() {
        $("#pageNumbers span").removeClass("current");

        page = page-1;

        $("#pageNumbers span").eq((page-1)).addClass("current");

        navigateToPage(page);
    });

    $("#pageNavigation .next").click(function() {
        $("#pageNumbers span").removeClass("current");

        page = page+1;

        $("#pageNumbers span").eq((page-1)).addClass("current");

        navigateToPage(page);
    });

    $("#pageNavigation .last").click(function() {
        $("#pageNumbers span").removeClass("current");

        page = pages;

        $("#pageNumbers span").eq((page-1)).addClass("current");

        navigateToPage(page);
    });

    $(".videoHolder a.bestaatnietlink").live("click", function(){
        event.stopPropagation()
    });

    $(".videoHolder").live("click mouseover mouseout", function(event) {
        if(event.type == 'click'){
            var item = {};
            if($(this).hasClass("static")) {
                item = {};
                item.youtube_id = ($(this).attr("id")).replace("youtube-", "");
            } else {
                item = $(this).data("json");
            }

            $.fancybox({
                'padding'		: 0,
                'autoScale'		: false,
                'transitionIn'	: 'none',
                'transitionOut'	: 'none',
                'title'			: this.title,
                'width'		: 680,
                'height'		: 495,
                'href'			: "http://www.youtube.com/v/" + item.youtube_id + "&rel=0",
                'type'			: 'swf',
                'swf'			: {
                    'wmode'		: 'transparent',
                    'allowfullscreen'	: 'true'
                }
            });


        //            var div = $("<div></div>");
        //            videoplayer.append(div);
        //
        //            div.flash({
        //                "height": 344,
        //                "width": 425
        //            },
        //            {
        //                "version": 8
        //            },
        //            function(htmlOptions) {
        //                var $this = $(this);
        //                htmlOptions.src = "http://www.youtube.com/v/" + item.youtube_id + "&rel=0";
        //                $this.before($.fn.flash.transform(htmlOptions));
        //            });
        //            var tellAFriend = $("<span>Aanbevelen bij een vriend</span>");
        //            div.append(tellAFriend);
        //            tellAFriend.click(function() {
        //                var $popup = $("<div></div>");
        //                $popup.css({
        //                    'position' : 'absolute',
        //                    'z-index' : '500',
        //                    'width' : '400px',
        //                    'height' : '200px',
        //                    'top' : ($(window).height()-200)/2,
        //                    'left' : ($(window).width()-400)/2,
        //                     'background-color' : '#ccc'
        //                });
        //                $(window).resize(function(){
        //                    console.log($(window).height());
        //                    console.log($(window).width());
        //                    $popup.css({
        //                        'top' : ($(window).height()-200)/2,
        //                        'left' : ($(window).width()-400)/2
        //                    });
        //                });
        //                $("body").append($popup);
        //                $popup.fadeTo(0, 0.1);
        //            });
        //            $("#videos").css({
        //                "border-bottom":"0px",
        //                "-webkit-border-bottom-right-radius":"0",
        //                "-webkit-border-bottom-left-radius":"0",
        //                "-moz-border-radius-bottomright":"0",
        //                "-moz-border-radius-bottomleft":"0",
        //                "border-bottom-left-radius":"0",
        //                "border-bottom-right-radius":"0"
        //            });
        }else if(event.type == 'mouseover'){
            $(this).css("background-color","#f4f4f4");
        }else{
            $(this).css("background-color","#fff");
        }
    });

    /*
     * Topsites
     */
    $("#topsites ul li.head, ul.videocategories, div.videoHolder").mouseenter(function(){
        $(this).css("background-color","#f4f4f4");
    });
    $("#topsites ul li.head, ul.videocategories, div.videoHolder").mouseleave(function(){
        $(this).css("background-color","#fff");
    });

    //weerpagine -> weer inladen via Ajax
    $("#weer_load").html('<div><img src="/img/load.gif" /></div>');
    $("#weer_load").load("/includes/paginas/mijnkliksafe/weer_load.php", {
        regio: 0
    });
    $("select[name='regio']").prev().children(".listdiv").children(".option").click(function(){
        con = $(this).index();
        value = $("select[name='regio']").children("option").eq(con).val();
        value = parseInt(value);
        $("#weer_load").html('<div><img src="/img/load.gif" /></div>');
        $("#weer_load").load("/includes/paginas/mijnkliksafe/weer_load.php", {
            regio: value
        });
    });

    // multi-column plugin
    $(".topsites_alfabetisch").each(function() {

        $(this).removeClass("topsites_alfabetisch");

        var container = $(".overzichtholder");

        var children = $(this).children();
        var columns = 3;
        var childrenPerColumn = Math.ceil(children.length / columns);

        for(var i = 1; i <= columns; i++) {
            var start = (i-1) * childrenPerColumn;
            var end = (i * childrenPerColumn);

            var content = children.slice(start, end);
            var ul = $("<ul></ul>");
            ul.addClass("overzicht");
            ul.addClass("topsites_alfabetisch");
            ul.append(content);
            container.append(ul);
        }

        $(this).remove();
    });
    
    var kfs = {
        id : "#kfs",
        fieldset : ".kfs",
        description : ".description",
        button : ".kfsnext"
    }
    kfs.init = function () {
        
        $(this.fieldset, this.id).not(":first").hide();
        $(this.button, this.id).click(kfs.volgende);

        $(this.description, this.id).each(function() {
            var $label = $(this).prev().prev("label");

            if($label.length == 1) {
                $(this).hide();
                var $this = $(this);

                $label.click(function(){
                    $(kfs.description, kfs.id).hide().removeClass("displayed");
                    $this.show().addClass("displayed");
                    kfs.reposition();
                }).css("cursor", "help");
            }
        });        
    };

    kfs.instantie = function() {
        var val = $(this).val();
        if(val == "school") {
            $("input.max-11").data("chain").remove();
            $(".max-11").remove();
            kfs.reposition();
        }
    }

    kfs.volgende = function (evt) {
        var $kfs = $(this).parent();
        if($(this).hasClass("kfssecond")) {
            if(!kfs.validateInput(evt)) {
                return false;
            }
        }
        $kfs.hide();
        $kfs.next().show();
        kfs.reposition();
        return true;
    }
    kfs.reposition = function () {
        $(":radio").each(function(){
            var radiopos = $(this).position();
            $(this).prev("span").css({
                "left": + (radiopos.left),
                "top": + (radiopos.top)
            });
        });
    }
    kfs.lastButton = function() {
        $.get("/includes/ajax/berekenkosten.php", $("#form2").serialize(),
            function(data) {
                $(".kostenoverzicht").html(data);
            });
    }
    kfs.fillAantal = function() {
        var aantal = $(this).val();
        if(aantal > 10) {
            $("input.max-11").data("chain").remove();
            $(".max-11").remove();
        }
        if(aantal > 75) {
            $("input.max-75").data("chain").remove();
            $(".max-75").remove();
        }
        if(aantal > 100) {
            var i = 1;
            $("input.max-100").each(function() {
                $(this).data("chain").remove();//.remove();
            });
            $(".max-100").remove();
        }
        kfs.reposition();
        $(".aantal-pcs").html("<strong>"+aantal+"</strong>");
    }
    kfs.filteringType = function() {
        var filterType = $(this).text();
        $(".filter-type").html("<strong>"+filterType+"</strong>");
    }
    kfs.getFilterType = function(val) {
        if(val == "white")
            return "Whitelist";
        else if(val == "blackcontent")
            return "Blacklisting";
        else if(val == "whiteblackcontent")
            return "White- en blacklisting";
        else
            return "";
    }
    kfs.validateInput = function(evt) {
        $(".filter-type").html("<strong>"+kfs.getFilterType($("select[name='filteringType']").val())+"</strong>");
        var aantalInput = $("input[name='aantal']");
        var aantal = aantalInput.val();
        if(isNaN(aantal) || aantal.length == 0) {
            
            if(!aantalInput.prev("label").hasClass("red")) {
                aantalInput.prev("label").addClass("red");
            }

            evt.preventDefault();
            return false;
        } else {
            return true;
        }
    }
    $("input[name='aantal']").change(kfs.fillAantal);
    $("select[name='filteringType']").prev().children(".listdiv").children("li").click(kfs.filteringType);
    $(".kfslast").click(kfs.lastButton);
    $("input[name='instantie']").blur(kfs.instantie);
    kfs.init();

    $("#filteraanvraag #aanvragenblokkeren261").prev("ul").children(".listdiv").click(function(){
        var waarde = $("#filteraanvraag #aanvragenblokkeren261").val();
        if(waarde=="blokkeren")
        {
            $("#filteraanvraag").attr("action","");
        }
        else
        {
            $("#filteraanvraag").attr("action","/kcds/aanvraagsite_kcds.php?id=category");
        }
    });

    $(".fancybox").fancybox();
	
    $("a[name]").addClass("anchorlink");

    function loadBanner(holder, type, subheight) {
	
        if(!type)
            type = "big";
	
        var file = $("a", holder).html();
		var file = file.replace("<!--", "");
		var file = file.replace("-->", "");
        var url = $("a", holder).attr("href");

        holder.parent().css("position", "relative");
        var pos = holder.position();

        var overlay = $("<a></a>");
        overlay.attr({
            "href" : url,
            "target" : "blank"
        });
		
        var width;
        var height;
        if(type == "big") {
            width = 468;
            height = 60;
        } else if(type == "sub") {
            width = 120;
            height = subheight;
        }
        overlay.css({
            "width" : width + "px",
            "height" : height + "px",
            "position" : "absolute",
            "display" : "block",
            "cursor" : "pointer",
            "top" : pos.top,
            "left" : pos.left
        });
        overlay.html("<img src='/img/pixel.gif' height='"+height+"' alt='' />");
        holder.parent().append(overlay);
        holder.html("");
        holder.flash({
            src: file,
            'width': width,
			'height': height,
            wmode : "transparent"
        });
        holder.removeClass(holder.attr("class"));
    }
    
    if($(".displayBannerLater").length > 0) {
		 $(".displayBannerLater").each(function(){
			 loadBanner($(this));
		 });
    }
	
    if($(".displaySubBannerLater60, .displaySubBannerLater90").length > 0) {
		$(".displaySubBannerLater60").each(function(){
			loadBanner($(this), "sub", 60);
		});
		$(".displaySubBannerLater90").each(function(){
			loadBanner($(this), "sub", 90);
		});
    }
	
	//Ticker eerste nieuw aangesloten klant
	$('#eerste_klant .wrapper').bxSlider({
		ticker: true,
		tickerSpeed: 1000
	  });
	  
	  //Masked input Kliktime aanmelden
	  $("input.registratieCode").mask("****-****-****-****");

});