(function($) {
  var cache = [];
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.preLoadImages("http://www.breedbandwinkel.nl/images/site/blok-bg.png","http://www.breedbandwinkel.nl/images/site/pcc-bg.png");

$(document).ready(function() {
	$('#zoek').attr('autocomplete', 'off');
	$('#zbal').attr('autocomplete', 'off');
	$('#zoek-cus').attr('autocomplete', 'off');
	$('#zbal-cus').attr('autocomplete', 'off');
});

function menuSw(obj, item, state)
{
	obj.src = 'http://www.breedbandwinkel.nl/images/site/menu_'+item+'_'+state+'.png';
}

function menuSu(state)
{
	switch(state)
	{
		case 'y':
			document.getElementById('abo_sub').style.visibility = "visible";
			break;
		case 'n':
			document.getElementById('abo_sub').style.visibility = 'hidden';
			break;		
	}
}

var lastSeach = '';
function autoComplete(comp, form, go, field)
{
	if(($('#'+field).val() != lastSeach || lastSeach == '') && selectActive != true)
	{
	    lastSeach = $('#'+field).val();	
	    
		$.get('http://www.breedbandwinkel.nl/includes/autocomplete?form='+form+'&field='+field+'&q='+$('#'+field).val(), function(data) {
		
		    if(data.length > 0)
		    {
		    	$('#'+comp).html(data);
		    	$('#'+field).addClass('topradius');
		    	$('#'+comp).show();
		    }
		    else
		    {
    	   		autoRemove(comp, form, go, field);
		    }
  		
		});
		
		var mouse_in_search = false;
    	$('#'+comp).hover(function(){ 
    	    mouse_in_search = true; 
    	}, function(){ 
    	    mouse_in_search = false; 
    	});
    	
    	$('body').mousedown(function(){ 
    	   	if(!mouse_in_search)
    	   		autoRemove(comp, form, go, field);
    	});
    }
}

function autoRemove(comp, form, go, field)
{
	$('#'+comp).hide();
	$('#'+field).removeClass('topradius');
}

function autoSubmit(el, form, field)
{
	$('#'+field).val($(el).attr('query'));
	$('#'+form).submit();
}

function autoSelect(el)
{
	$('.sug').removeClass('selected');	
	$(el).addClass('selected');
}

$(document).keydown(function(e){
	if(($('#autoc').html() != '' && $('#autoc').is(':visible')) || ($('#autoc-cus').html() != '' && $('#autoc-cus').is(':visible')))
	{
    	if(e.keyCode == 40 || e.keyCode == 38)
		{
    	   	e.preventDefault();
       		return false;
    	}
    	return true;
    }
});

selectActive = false;
$(document).keyup(function(e) {

	if($('#autoc').html() != '' && $('#autoc').is(':visible'))
	{
		var acField = 'zbal';
		var acForm = 'zoek';
	}
	else if($('#autoc-cus').html() != '' && $('#autoc-cus').is(':visible'))
	{
		var acField = 'zbal-cus';
		var acForm = 'zoek-cus';
	}

	if(acField != '' && acForm != '')
	{
    	var $hlight = $('.sug.selected')
    	var $div = $('.sug');

    	if(e.keyCode == 40) 
    	{
    		$hlight.removeClass('selected').next().addClass('selected');

    	   	if($hlight.next().length == 0) 
    	   	{
    	   		$div.eq(0).addClass('selected');
    	    }

    	    $('#'+acField).val($('.sug.selected').attr('query'));
    	   	$('#'+acField).blur();
    	   	$('#'+acField).focus();
    	   	selectActive = true;
    	} 
    	else if(e.keyCode == 38) 
    	{
    	    $hlight.removeClass('selected').prev().addClass('selected');
    	    
    	    if ($hlight.prev().length == 0) 
    	    {
    	        $div.eq(-1).addClass('selected');
    	    }
    	    
    	    $('#'+acField).val($('.sug.selected').attr('query'));
    	    $('#'+acField).blur();
    	    $('#'+acField).focus();
    	    selectActive = true;
    	} 
    	else if(e.keyCode == 13) 
    	{
    	    $('#'+acForm).submit();
    	    selectActive = true;
    	}  
    	else
    	{
    		selectActive = false;
    	}  	
       	
    }
});

function floatElem(page)
{
	if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) === false) 
	{
		switch(page)
		{
			case 'vergelijk':
				$(window).scroll(function(e){ 
					floatVergelijk();
				});
				floatVergelijk();	
				break;
			case 'specificaties':
				$('#besteltop').height($('#specbestel').height());
				$(window).scroll(function(e){ 
					floatSpecificaties();
				});
				floatSpecificaties();	
				break;			
		}
	}
}

function floatVergelijk()
{
	if($(this).scrollTop() > $('#vergelijk').offset().top)
	{ 
	    $('#topcon').css({'position': 'fixed', 'top': '0px'});
	    $('#abocon').css({'position': 'fixed', 'top': '94px'});
	    $('#editcon').css({'position': 'fixed', 'top': '0px'});
	}
	else
	{
	    $('#topcon').css({'position': 'absolute', 'top': 'auto'}); 
	    $('#abocon').css({'position': 'absolute', 'top': 'auto'}); 
	    $('#editcon').css({'position': 'absolute', 'top': 'auto'});
	}
}

function floatSpecificaties()
{
	if($(this).scrollTop() > $('#besteltop').offset().top)
	{ 
	    $('#specbestel').css({'position': 'fixed', 'top': '0px'});
	}
	else
	{
	    $('#specbestel').css({'position': 'static', 'top': 'auto'}); 
	}
}

function pop(url,name,w,h,s) 
{
var littlewin = null;
Left= (screen.width) ? (screen.width-w) /2:0;
Top= (screen.height) ? (screen.height-h) /2:0;
sett='width='+w+',height='+h+',top='+Top+',left='+Left+',scrollbars='+s+',status=no';
	littlewin = window.open(url,name,sett);
}

function formatPrice(price)
{
	//return price.toFixed(2).replace('.',',').replace(',00',',-');
	return price;
}

function showSl(version, id)
{
	$('.sl-'+version).hide();
	$('#'+version+'-'+id).show();
	
	$('.sl-'+version+'tit').removeClass("sele1");
	$('.sl-'+version+'tit').removeClass("sele2");
	$('#sl-'+version+'-'+id).addClass("sele1");
}

function showPcc(id)
{
	if($('.sl-pcc:visible').attr('id') != 'pcc-'+id)
	{
		var height = $('.sl-pcc:visible').height();
		
		$('.sl-pcc:visible').fadeOut(200, function() { 
		
			$('#sl-height').height(height+"px");
		
			$('#sl-height').animate({height: $('#pcc-'+id).height()+"px"}, 200, function() {
				$('#pcc-'+id).fadeIn(200); 
			});
		});
	}
	
}

function Popup(theURL,winName,features) 
{
  window.open(theURL,winName,features);
}

function wisSelectie(id,page) 
{
	$('#abonnementenDyn input').prop('checked', false);
	
	abColor(id,page);
}

function abColor(id,page)
{
	var total = $("#abonnementenDyn input:checked:visible").length;

	if(total > 0)
	{
		$('#vergelijk-button,.stpverg').addClass('checked');
		
		$('.wissel').show();
		
		if(total > 3)
		{
			if(id != '')
				document.getElementById(id).checked = false;
				
			kill();	
			msg = "U kunt maximaal 3 abonnementen tegelijk selecteren om te vergelijken.";
			alert(msg);
		}
	}
	else
	{
		$('.wissel').hide();
	
		$('#vergelijk-button,.stpverg').removeClass('checked');	
	}

	var checkArray = $('#abonnementenDyn input:checked:visible').map(function() { return this.id; }).get();

	$.ajax({
	    type: 'POST',
	  	url: 'http://www.breedbandwinkel.nl/scripts/view.php',
	    data: 'action=checks&page='+page+'&checks='+checkArray
	});

	return true;
}
		
function showFaq(obj)
{
    $(obj).next().slideToggle(100); $(obj).toggleClass('hg');
}
		
function aanContent(mode) 
{
	switch(mode)
	{
		case 'show':
			$(".aancon").slideDown();
			$("#lees").fadeOut();
			break;
		case 'hide':
			$(".aancon").slideUp();
			$("#lees").fadeIn();
			break;
	}

}		
			
function vergelijkCheck(form, subPag)
{
var total = 0;
var el, e = 0;
detSelString = '';

while (el = form.elements[e++]) 
{
	if (el.type == 'checkbox' && el.checked == true)
	{ 
		total+= 1; 
		detSelString = detSelString + '/' + el.name;
	}
}

	if (total < 1 )
	{
		msg = "Selecteer minimaal 1 abonnement door deze aan te vinken.\n";
		alert(msg);		
		return (false);
	}

	if(subPag != '')
		subPag = '?ref='+subPag;
		
	document.location.href = 'http://www.breedbandwinkel.nl/abonnement' + detSelString + subPag;
	return (false);
}

function upperCase(event, field) 
{
	$(field).val($(field).val().toUpperCase());
}

field_length = 0;
function autoTab(event, object, length, next_field) 
{
	field_length = object.value.length;
	if(field_length == length && event.keyCode != '16' && event.keyCode != '9') 
	{
		if(/iPhone|iPad|iPod/i.test(navigator.userAgent) === false) 
		{
			$(next_field).focus();
			$(next_field).val($(next_field).val());
		}
	}
}

function backSpace(event, object, prev_field)
{
	field_length = object.value.length;
		
	if(field_length == 0 && event.keyCode == '8') 
	{
		if(/iPhone|iPad|iPod/i.test(navigator.userAgent) === false) 
		{	
			$(prev_field).focus();
			$(prev_field).val($(prev_field).val());
		}
	}	
}

function validatePcc(formN) 
{
	var varPcg = formN.pcg.value;
	var varPcl = formN.pcl.value;
	var varHn  = formN.hn.value;
	
	var expPcg = /([0-9]{4})/;
	var expPcl = /([A-Za-z]{2})/;
	var expHn = /[1-9]/;
  	
	if((!expPcg.test(varPcg) || !expPcl.test(varPcl.toUpperCase())) && (!expHn.test(varHn)))
	{
	    alert("U heeft een ongeldige postcode- en huisnummercombinatie ingevuld, controleer a.u.b. uw gegevens.");
	    return false;
	}
     
	if((!expPcg.test(varPcg)) || (!expPcl.test(varPcl)))
	{
	    alert("U heeft een ongeldige postcode ingevuld, controleer a.u.b. uw gegevens.");
	    return false;
	}
	
	if(!expHn.test(varHn))
	{
	    alert("U heeft een ongeldig huisnummer ingevuld, controleer a.u.b. uw gegevens.");
	    return false;
	}
	
	return true;
}

function zoekDef(form, field)
{
	if(document.getElementById(field).value == 'Zoeken')
		document.getElementById(field).value = '';	
		
   	$('#'+field).css('color','#000000');
}

function selectRadio(theObj,theObjValue) 
{
	for(var i=0; i < theObj.length; i++) 
	{
		if(theObj[i].value == theObjValue) 
		{
			theObj[i].checked = true;
		}
	}
}

function chBg(formVal,field)
{
var el, e = 0;

	while (el = formVal.elements[e++]) 
	{
		if (el.type == 'text' && el.name) 
		{
			if(field != 'reset' && field == el.name)
			{
				el.style.backgroundColor = '#fffaea';
			}
			else
			{
				el.style.backgroundColor = '#ffffff';
			}
		}
		else if(el.type == 'textarea' && el.name) 
		{
			if(field != 'reset' && field == el.name)
			{
				el.style.backgroundColor = '#fffaea';
			}
			else
			{
				el.style.backgroundColor = '#ffffff';
			}
		}		
	}
}

function slideDiv(id, page)
{
	if($('.hid'+id).is(":hidden")) 
	{
		$('#ab'+id).removeClass('rbot');	
		$('.hid'+id).slideDown('fast');
		$('#oc'+id).removeClass('closed');
		$('#oc'+id).addClass('open');
		$('input[name=hid'+id+']').val('true');
	} 
	else 
	{
		$('.hid'+id).slideUp('fast', function() { $('#ab'+id).addClass('rbot'); });
		$('#oc'+id).removeClass('open');
		$('#oc'+id).addClass('closed');
		$('input[name=hid'+id+']').val('false');
	}
	
	$.ajax({
	    type: 'POST',
	    url: 'http://www.breedbandwinkel.nl/scripts/view.php',
	    data: 'action=state&id='+id
	});
}

function formatList(listvar,forceHide)
{
	switch(listvar)
	{
		case 'min':
			$("#upsell").hide();
			$(".slide").hide();
			$(".aanbexl").hide();
			$(".aanbnoexl").hide();
			$(".stp").hide();
			$(".ininf").show();
			$(".aborow table").removeClass('rtop');	
			$(".aborow table").removeClass('rbot');	
			$(".aborow:visible:first table").addClass('rtop');	
			$(".aborow:visible:last table").addClass('rbot');	
			$(".abogroup .abonn:first-child table").addClass('rtop');
			$(".abogroup .abonn:last-child table").addClass('rbot');	
		break;
		case 'in':
			if(forceHide == true)
			{
				$(".slide").hide();
				$(".aanbcon").addClass('rbot');
				$(".abuk").removeClass('open');
				$(".abuk").addClass('closed');
			}
			$(".ininf").hide();
			$("#upsell").show();
			$(".aanbexl").show();
			$(".aanbnoexl").show();	
			$(".stp").show();
			$(".aborow table").addClass('rtop');
			$(".aborow table").removeClass('rbot');	
		break;
		case 'uit':
			if(forceHide == true)
			{		
				$(".slide").show();
				$(".aanbcon").removeClass('rbot');
				$(".abuk").removeClass('closed');	
				$(".abuk").addClass('open');						
			}
			$(".ininf").hide();
			$("#upsell").show();
			$(".aanbexl").show();
			$(".aanbnoexl").show();	
			$(".stp").show();
			$(".aborow table").addClass('rtop');	
			$(".aborow table").removeClass('rbot');	
		break;
	}
}

var viewState = '';

function viewList(listvar, getAbo)
{
	viewState = listvar;
	
	$(".opti").removeClass('selec');	
	$("#opti-"+listvar).addClass('selec');

	if(getAbo == 1)
		getAbonnementen(0, undefined, true);

	$.ajax({
	    type: 'POST',
	    url: 'http://www.breedbandwinkel.nl/scripts/view.php',
	    data: 'action=view&view='+listvar
	});
}

function sortList(sort)
{
	if(sort != document.aboFilt.sort.value)
	{
		document.aboFilt.order.value = 'asc';
	}
	else
	{
		switch(document.aboFilt.order.value)
		{
			case 'asc':
				document.aboFilt.order.value = 'desc';
				break;
			case 'desc':
				document.aboFilt.order.value = 'asc';
				break;
		}
	}

	document.aboFilt.sort.value = sort;
		
	getAbonnementen(2);
}

function setFilters()
{
	if($('#uitgebreid').prop('checked') == true)
	{
		$(".uitgebreid").slideDown('fast');	
			
		$.ajax({
		    type: 'POST',
	  	  	url: 'http://www.breedbandwinkel.nl/scripts/view.php',
		    data: 'action=uitgebreid&uitgebreid=true'
		});
		
	} 
	else 
	{
		$(".uitgebreid").slideUp('fast');
		
		$.ajax({
		    type: 'POST',
	  	  	url: 'http://www.breedbandwinkel.nl/scripts/view.php',
		    data: 'action=uitgebreid&uitgebreid=false'
		});
		
	}
	getAbonnementen();
}

function resetFilters()
{
	document.location.href = 'http://www.breedbandwinkel.nl/vergelijken/' + $('input[name=sub]').val() + '?filter=reset';
	return true;
}

function setDiensten()
{
	var diensten = $('input[name=pakketten]:checked').val();
	
	switch(diensten)
	{
		case 'all':
			if($('#filt-internet').is(":hidden")) 
				$("#filt-internet").slideDown('fast');		
			if($('#filt-telefonie').is(":hidden")) 
				$("#filt-telefonie").slideDown('fast');
			if($('#filt-digitaletelevisie').is(":hidden")) 
				$("#filt-digitaletelevisie").slideDown('fast');
			break;
		case 'i':
			if($('#filt-internet').is(":hidden")) 
				$("#filt-internet").slideDown('fast');		
			if(!$('#filt-digitaletelevisie').is(":hidden")) 
				$("#filt-digitaletelevisie").slideUp('fast');
			if(!$('#filt-telefonie').is(":hidden")) 
				$("#filt-telefonie").slideUp('fast');
			break;			
		case 'it':
			if($('#filt-internet').is(":hidden")) 
				$("#filt-internet").slideDown('fast');		
			if($('#filt-telefonie').is(":hidden")) 
				$("#filt-telefonie").slideDown('fast');
			if(!$('#filt-digitaletelevisie').is(":hidden")) 
				$("#filt-digitaletelevisie").slideUp('fast');
			break;
		case 'id':
			if($('#filt-internet').is(":hidden")) 
				$("#filt-internet").slideDown('fast');		
			if(!$('#filt-telefonie').is(":hidden")) 
				$("#filt-telefonie").slideUp('fast');
			if($('#filt-digitaletelevisie').is(":hidden")) 
				$("#filt-digitaletelevisie").slideDown('fast');	
			break;			
		case 'itd':
			if($('#filt-internet').is(":hidden")) 
				$("#filt-internet").slideDown('fast');
			if($('#filt-telefonie').is(":hidden")) 
				$("#filt-telefonie").slideDown('fast');
			if($('#filt-digitaletelevisie').is(":hidden")) 
				$("#filt-digitaletelevisie").slideDown('fast');	
			break;
		case 'd':
			if(!$('#filt-internet').is(":hidden")) 
				$("#filt-internet").slideUp('fast');	
			if(!$('#filt-telefonie').is(":hidden")) 
				$("#filt-telefonie").slideUp('fast');		
			if($('#filt-digitaletelevisie').is(":hidden")) 
				$("#filt-digitaletelevisie").slideDown('fast');
			break;
	}
}

function setRm()
{
/*
	var diensten = $('input[name=pakketten]:checked').val();

	switch(diensten)
	{
		case 'i':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/internet');
			break;			
		case 'it':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/alles-in-een-pakketten/internet-bellen');
			break;
		case 'id':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/alles-in-een-pakketten/internet-tv');
			break;			
		case 'itd':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/alles-in-een-pakketten/internet-bellen-tv');			
			break;
		case 'd':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/digitale-televisie');
			break;
		case 'l':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/mobiel-internet/usb-modem');
			break;
		case 's':
			$("#rmframe").attr("src", 'http://www.breedbandwinkel.nl/scripts/rm/mobiel-internet/sim-only');
			break;
	}
*/
}

function fade(field,stat)
{
	switch(stat)
	{
		case 'on':
			document.getElementById(field).style.display = "block";
			break;
		case 'off':
			document.getElementById(field).style.display = "none";
			break;
		case 'switch':
			if(document.getElementById(field).style.display != "block")
			{
				document.getElementById(field).style.display = "block";
			}
			else
			{
				document.getElementById(field).style.display = "none";
			} 
			break;
	}
}

function detSubmit(subPag)
{
	var det0 = document.getElementById('dropval-1').value;
	var det1 = document.getElementById('dropval-2').value;
	var det2 = document.getElementById('dropval-3').value;
	
	var detString = '';

		if(det0 != '')
			detString = detString + '/' + det0;

		if(det1 != '')
			detString = detString + '/' + det1;

		if(det2 != '')
			detString = detString + '/' + det2;

	if(subPag != '')
		subPag = '?ref='+subPag;
		
	document.location.href = 'http://www.breedbandwinkel.nl/abonnement' + detString + subPag;
}

var hideDrops = false;
var dropOpened;
function dropIt(nmb)
{
	if(hideDrops != true || dropOpened != nmb)
	{
		if($('#drop-'+nmb).is(':visible'))
		{
			$('#drop-'+nmb).hide();
		}
		else
		{
		
			if(navigator.userAgent.indexOf("Safari") > -1)
				$('#drop-'+nmb).attr('src', $('#drop-'+nmb).attr('src'));
					
			$('.drop').hide();
			$('#drop-'+nmb).show();
			dropOpened = nmb;
		}
	}
	else
	{
		hideDrops = false;
	}		
}

function updatePos(ver)
{
	var padding = 99;
	var abonnement = padding;
	var kolommen = padding + 20;
	
	if($('.ininf').is(':visible'))
		abonnement = padding + 24;
		
	if(ver == '' || ver == undefined)
	{
		var verg = '.verg';
		var ver = '';
	}
	else
	{
		var verg = '.verg.'+ver;
		var ver = '-'+ver;
	}
	
	if($("#wzcol"+ver).width() > 0)
	{
		$(".verg,.columns,.wzcat").hide();
		$(verg).css('width', ($("#wzcol"+ver).width()-abonnement)+'px');
		$(".columns").css('width', ($("#wzcol"+ver).width()-kolommen)+'px');
		$("#wzcat"+ver).css('width', $("#wzcol"+ver).width()+'px');
		$(".verg,.columns,.wzcat").show();
	}	
}

function updateCols(elem, col, page, reload)
{

var colArray = new Array();
var colSubArray = new Array();

	for(i=0; i < document.colform.elements.length; i++)
	{	
		if(document.colform.elements[i].type == 'checkbox' && document.colform.elements[i].checked == true  && document.colform.elements[i].disabled == false)
		{
			if(document.colform.elements[i].name != 'snelheid-verwacht')
				colArray.push(document.colform.elements[i].name);
		}
	}
	
	if(colArray.length > 3)
	{
	    kill();	
		msg = "U kunt maximaal 3 extra kolommen selecteren om op te sorteren.";
	    alert(msg);
	    return false;
	}
	else
	{
		if($('#col-snelheid-verwacht').is(':checked'))
			colArray.push('snelheid-verwacht');

		if(elem.checked)
		{
			$(".c-"+col).show();
		}
		else
		{
			$(".c-"+col).hide();
		}
/*
		if($('#col-snelheid').is(':checked'))
		{

		}
		else
		{
			$(".c-snelheid-normaal").hide();
			$(".c-snelheid-verwacht").hide();
		}
*/
		if(col == 'snelheid' && elem.checked)
		{
			$('.snelheid-keuze').slideDown('fast');

			if($('#col-snelheid-verwacht').is(':checked'))
			{
			    $(".c-snelheid-normaal").hide();
			    $(".c-snelheid-verwacht").show();
			}
			else if($('#col-snelheid-verwacht').not(':checked'))
			{
			    $(".c-snelheid-verwacht").hide();
			    $(".c-snelheid-normaal").show();
			}
		}
		else if(col == 'snelheid')
		{
			$('.snelheid-keuze').slideUp('fast');
		}
		
		$.ajax({
		    type: 'POST',
	  	  	url: 'http://www.breedbandwinkel.nl/scripts/view.php',
		    data: 'action=columns&page='+page+'&columns='+colArray,
		    success: function() {
		    	if(reload == true)
		    		getAbonnementen(1);		    
		    }
		});
	
		updatePos('');
		return true;
	}
}


function editCols()
{
var mouse_in_edit = false; 

	if($("#editcols").is(':visible'))
	{
		$("#editcols").slideUp('fast');
	}
	else
	{
		$("#editcols").slideDown('fast');
	}

    $('#editcols').hover(function(){ 
        mouse_in_edit = true; 
    }, function(){ 
        mouse_in_edit = false; 
    });
    
    $('body').mousedown(function(){ 
       	if(!mouse_in_edit) $('#editcols').slideUp('fast');
    });
}

function dropBlur()
{
	if(document.getElementById('drop-1').style.display == "block" ||
	document.getElementById('drop-2').style.display == "block" ||
	document.getElementById('drop-3').style.display == "block")
	{
		hideDrops = true;
	}
	else
	{
		hideDrops = false;
	}
	
	document.getElementById('drop-1').style.display = "none";
	document.getElementById('drop-2').style.display = "none";
	document.getElementById('drop-3').style.display = "none";
}

function addLoadEvent(func) 
{ 
var oldonload = window.onload; 

	if (typeof window.onload != 'function') 
	{ 
		window.onload = func; 
	} 
	else 
	{ 
		window.onload = function() 
		{ 
			oldonload(); 
			func(); 
		} 
	} 
} 

function getForm(frm) {
var poststr;
var poststr_array = [];

	for (i=0;i<frm.elements.length;i++)
	{
		var elem = frm.elements[i];
		if (elem.nodeName.match(/SELECT/i)) 
		{
			poststr_array[poststr_array.length] = elem.name+'='+elem.options[elem.selectedIndex].value;
		}
		else 
		{
			if(elem.type == 'checkbox' && !elem.checked) 
			{
				poststr_array[poststr_array.length] = elem.name+"=";
			}
			else if(elem.type != 'radio' || (elem.type == 'radio' && elem.checked)) 
			{
				poststr_array[poststr_array.length] = elem.name+"="+elem.value;
			}
		}
	}

	getstr = poststr_array.join("&");
	return getstr;
}

function checkLijn()
{
	// isdn
	if($('#aansluitingen-kpn').is(":checked") && !$('#kpn-isdn').is(":visible")) 
	{
		$("#kpn-isdn").slideDown('fast');
	}
	else if(!$('#aansluitingen-kpn').is(":checked") && $('#kpn-isdn').is(":visible")) 
	{
		$("#kpn-isdn").slideUp('fast');
	}

	return true;
}

function isOutView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewTop) && (elemBottom <= docViewBottom));
}

function getAbonnementen(state,highlightClass,forceHide)
{
	if(state == 1)
	{
		$('#topcon').hide();
		$('#abonnementenDyn').html('<DIV id="loader"></DIV>');
		showLoader();
	}
	else if(state < 1)
	{	
		$("#geenpcc").slideUp('fast');
		state = 0;
	}
	
	var xmlHttp;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
	    {
			try
			{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				// geen AJAX ondersteuning
				document.getElementById('noajax').style.display = 'block';
				return false;
			}
	    }
	}

	//GET STRING OPBOUWEN
	var filtStr = getForm(document.aboFilt);

	xmlHttp.onreadystatechange=function()
	{
		if(xmlHttp.readyState == 1)
		{
			//document.getElementById('subloading').style.visibility = 'visible';
		}
	
		if(xmlHttp.readyState == 4)
		{
			var aantalAbonnementen = 0;
			var useSub = false;
			if(aboMatches = xmlHttp.responseText.match(/ABOSHOW/g))
			{
				var aantalAbonnementen = aboMatches.length; 
			}
			else if(xmlHttp.responseText.search("curSub") > 0)
			{
				eval(xmlHttp.responseText);
				aantalAbonnementen = curSub;
				useSub = true;
			}
			
			if(aantalAbonnementen > 0)
				$("#abonnementenDyn").show();
			
			if(aantalAbonnementen == 1)
			{				
				if(state > 0)
				{
					$('#vergelijk-top').hide();
					$('#options').show();
					$('#geenabo').hide();					
				}
				else
				{
					$('#vergelijk-top').fadeOut('fast');
					$('#options').fadeIn('fast');
					$('#geenabo').fadeOut('fast');
				}
			}
			else if(aantalAbonnementen > 1)
			{
				if(state > 0)
				{
					$('#vergelijk-top').show();
					$('#options').show();
					$('#geenabo').hide();					
				}
				else
				{
					$('#vergelijk-top').fadeIn('fast');
					$('#options').fadeIn('fast');
					$('#geenabo').fadeOut('fast');
				}
			}
			
			if(useSub == true)
			{
				if(aantalAbonnementen > 0)
				{				
					delArr = delSub.split(',');
					addArr = addSub.split(',');

					for (var n = 0; n < delArr.length; n++)
					{
						if(delArr[n] > 0)
						{
							$("#"+delArr[n]).prop('checked', false);
							$("#abo-"+delArr[n]).slideUp(200, function() {  $(".aborow:visible:last .stp").hide(); });
						}
					}
						
					for (var n = 0; n < addArr.length; n++)
					{
						if(addArr[n] > 0)
							$("#abo-"+addArr[n]).slideDown(200, function() { $(".aborow:visible:last .stp").hide(); });
					}
				}
			}
			else
			{
				$('#abonnementenDyn').html(xmlHttp.responseText);
				$('#topcon').show();
			}
			
			formatList(viewState, forceHide);
			updatePos('');
			floatElem('vergelijk');
			
			if(aantalAbonnementen > 0)
			{
				$('#topcon').show();
				
				if(aantalAbonnementen == 1)
				{			
					$('.stp').slideUp('fast');
					$('.check').hide();	
				}
				else if(aantalAbonnementen > 1)
				{
					if(viewState == 'min')
					{
						$('.stp').slideUp('fast');	
					}
					else
					{
						$('.stp').show();
					}

					$('#fspa').hide();

					$('.check').show();					
				}
			}			
			else if(aantalAbonnementen == 0)
			{				
				$('#vergelijk-top').hide();
				$('#topcon').hide();
				
				if(xmlHttp.responseText == "[ERROR:NO_SESSION]")
				{
					$('#geensessie').slideDown('fast');
				}
				else
				{	
					$('#geenabo').fadeIn('fast');
					$('#options').hide();
					$('.stp').slideUp('fast');
					focusProvider('hide');
				}
								
				$(".abonn").slideUp('fast');
				$("#abonnementenDyn").hide();
			}
			
			$(".aborow:visible:last .stp").hide();
			
			$('#totabo').html('<SPAN class="hg">'+aantalAbonnementen+'</SPAN>');

			document.getElementById('aboaantal').style.visibility = 'visible';
				
			kill();
			abColor('',document.aboFilt.sub.value);

			if(highlight !== undefined && highlight != '')
				highlight(highlightClass);

			var wait = setInterval(function() {
				if( !$("#abonnementenDyn").is(":animated") ) {
					clearInterval(wait);
			
					if(aantalAbonnementen > 0 && $("#abonnementenDyn").is(':visible'))
					{
						if(isOutView('#abonnementenDyn'))
						{
							$('#upabo').html(aantalAbonnementen);
							if(aantalAbonnementen == 1)
							{
								$('#upenk').show();
								$('#upmeer').hide();
							}
							else
							{
								$('#upenk').hide();
								$('#upmeer').show();								
							}						
							$('#scrollup').fadeIn('fast');
						}
						else
						{
							$('#scrollup').fadeOut('fast');
						}
					}
					else
					{
						$('#scrollup').fadeOut('fast');
					}
				}
			}, 200);			
		}
	}
	
xmlHttp.open("GET","http://www.breedbandwinkel.nl/scripts/abonnementen?state="+state+"&"+filtStr,true);
xmlHttp.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
xmlHttp.setRequestHeader("Cache-Control", "no-cache");
xmlHttp.send(null);
}
 
function focusProvider(state)
{
	switch(state)
	{
		case 'show':
			$('#focuspro').show();
		break;
		case 'hide':
			$('#focuspro').hide();
		break;
	}
} 
 
function slideZoek(cat)
{
	if($('#'+cat+'-hid').is(':visible'))
	{
		$('#'+cat+'-but').removeClass('open');
		$('#'+cat+'-but').addClass('closed');
		$('#'+cat+'-hid').slideUp('fast');
	} 
	else 
	{
		$('#'+cat+'-but').removeClass('closed');
		$('#'+cat+'-but').addClass('open');
		$('#'+cat+'-hid').slideDown('fast');		
	}
}

function modalWin(status,page,id)
{
	var modalSrc, modalWidth, modalHeight;
	
	switch(status)
	{
		case 'default':
			modalSrc = page;
			modalWidth = 560;
			modalHeight = 570;
			modalScroll = 'auto';
			break;
		case 'open':
			modalSrc = 'http://www.breedbandwinkel.nl/postcodecheck-modal?v='+page+'&id='+id;
			modalWidth = 530;
			modalHeight = 342;
			modalScroll = 'auto';
			break;
		case 'zenders':
			modalSrc = page;
			modalWidth = 836;
			modalHeight = 'auto';
			modalScroll = 'yes';
			break;
		case 'databundel-abonnement':
			modalSrc = page;
			modalWidth = 600;
			modalHeight = 706;
			modalScroll = 'no';
			break;
		case 'databundel-vergelijken':
			modalSrc = page;
			modalWidth = 600;
			modalHeight = 706;
			modalScroll = 'no';
			break;
		case 'uitleg-video':
			modalSrc = page;
			modalWidth = 722;
			modalHeight = 517;
			modalScroll = 'no';
			break;
		case 'infographic':
			modalSrc = page;
			modalWidth = 900;
			modalHeight = 'auto';
			modalScroll = 'yes';
			break;
	}

	if(status == 'close')
	{
		//$('html').css({'overflow':'visible'});
		
		$('#modal').hide();
		$('#overlay').hide();
		$('#modalframe').hide();
		$('#modalframe').attr('src', 'https://secure.breedbandwinkel.nl/images/site/trans.gif');
	}
	else
	{
		//$('html').css({'overflow':'hidden'});
		
		if(modalHeight == 'auto')
		{
			modalHeight = $(window).height() - 100;
			
			$(window).resize(function() {
				$('#modal').css('height', ($(window).height() - 100)+'px');
				$('#modalwrapper').css('height', ($(window).height() - 100)+'px');
				$('#modalframe').css('height', ($(window).height() - 100)+'px');
				$('#modal').css('marginTop', '-'+(($(window).height() - 100) / 2)+'px');
			});
		}
		else
		{
			$(window).off('resize');
		}

		$('#modal').html('<DIV id="close" onclick="modalWin(\'close\');"><B>Sluiten</B></DIV><DIV id="modalwrapper" style="width: '+modalWidth+'px; height: '+modalHeight+'px; overflow: auto; -webkit-overflow-scrolling: touch;"><IFRAME src="https://secure.breedbandwinkel.nl/images/site/trans.gif" name="modalframe" width="0" height="0" scrolling="'+modalScroll+'" frameborder="0" id="modalframe"></IFRAME></DIV>');

		$('#modal').css('width', modalWidth+'px');
		$('#modal').css('height', modalHeight+'px');
		$('#modal').css('marginTop', '-'+(modalHeight / 2)+'px');
		$('#modal').css('marginLeft', '-'+(modalWidth / 2)+'px');

		$('#modalframe').attr('src', modalSrc);
		$('#modalframe').css('width', modalWidth+'px');
		$('#modalframe').css('height', modalHeight+'px');

		$('#modal').show();
		$('#overlay').show();
		$('#modalframe').show();
	}
	
	return false;
}

function countdown(url)
{
	var currentsecond=document.getElementById('count').innerHTML;
	if (currentsecond>1)
	{
		currentsecond-=1;
		document.getElementById('count').innerHTML = currentsecond;
	}
	else
	{
		if(parent.document.getElementById('modalframe').style.visibility != "hidden")
			parent.document.location.href=url;
		return;
	}
	setTimeout("countdown('"+url+"')",1000);
}	

function highlight(tdclass) 
{
    $('<div class="hl"></div>').prependTo('.'+tdclass);
    $('.hl').fadeOut(1000);
}