var $j = jQuery.noConflict(); 


$j(document).ready(function(){

//Verander state van buttons in active of inactive	
		$j('#intro-content ul li a').click(function(){

		$j('#intro-content ul li a.active').removeClass("active");
				
		$j(this).removeClass("inactive");
		$j(this).addClass("active");

		Cufon.refresh();
	});

//Verander div die weergegeven wordt afhankelijk van de knop waarop geklikt wordt	  
	$j('#intro-content ul li#list-item-1 a').click(function(){	  
		$j('#intro-text div').hide();
		$j('#intro-text div.item-1').show();
		return(false);	
	});
	  
	$j('#intro-content ul li#list-item-2 a').click(function(){	  
		$j('#intro-text div').hide();
		$j('#intro-text div.item-2').show();
		return(false);	
	});
	
	$j('#intro-content ul li#list-item-3 a').click(function(){	  
		$j('#intro-text div').hide();
		$j('#intro-text div.item-3').show();
		return(false);	
	});

	$j('#intro-content ul li#list-item-4 a').click(function(){	  
		$j('#intro-text div').hide();
		$j('#intro-text div.item-4').show();
		return(false);	
	});
	
//Automatic div scroll 
//      if ( $j("#intro-content ul li a").hasClass("active") ) {

//		alert ("test");			
//   };



function doRotate(divNr){
	$j("#intro-text .item-" + divNr).hide()
	$j("#intro-text .item-1").show()
}


var i=1;
for (i=1;i<=4;i++)
{
	doRotate(i)
}
	


//Faq toggle active + open / close

    $j("a.question").click(function () {
      $j(this).next("p.answer").toggle();
      $j(this).toggleClass("active");
    });



//Show + hide extra opties & toggle meer / minder button	
	$j('a#meer').click(function() {
		$j('#other-faq').show()
	    $j(this).toggleClass("active");
	    $j('a#minder').toggleClass("active");	    
		return false;
	});

	$j('a#minder').click(function() {
		$j('#other-faq').hide()
	    $j(this).toggleClass("active");
	    $j('a#meer').toggleClass("active");			
		return false;		
	});

//Zoekinvoer default input en kleur

	$j('#zoeken #field').blur(function(){
		if($j(this).val() == '')
		{
			$j(this).val('Naam aanbieder/categorie');
			$j(this).css('color', '#a5a5a5');
		}
	});
	
	$j('#zoeken #field').focus(function(){
		$j(this).css('color', '#000');
	});

//Kleine zoekinvoer
	$j('div#location form #search').blur(function(){
		if($j(this).val() == '')
		{
			$j(this).val('Zoek een winkel...');
		}
	});
	
//Categorie uitklapmenu
	
	$j('div#sub ul#categorieen li a').hover(function(){
		$j(this).next('.categorie-toggle').toggleClass('hover');
	});
	
	$j('a.categorie-toggle').hover(function(){
		$j(this).prev().toggleClass('hover');
	});
	
	$j('a.categorie-toggle').click(function(){
		$j(this).toggleClass('active');
		$j(this).prev().toggleClass('active');
		$j(this).next('.subcategorie').slideToggle();
		return(false);
	});
	
	
//Hover nabootsen voor IE6
	if ($j.browser.msie && $j.browser.version.substring(0,1) == '6') {
		$j('div#sub ul#categorieen li a').each(function(){
			$j(this).next('.categorie-toggle').addClass('hover').removeClass('hover');
		});
	}
	
//Info popup openen
	
	$j('#goedgekeurd a').hover(function(){
		$j('#eerste_inlog').show();
	});

//Info popup sluiten
	
	$j('.info-close').click(function(){
		$j(this).parent().hide();
		return(false);
	});
	
// Favoriete aanbieders

$j("div#home-favoriete-aanbieders ul li").hover(function() {	
	$j(this).children('.favoriet-hover').stop("true" , "false").fadeIn("fast");
	$j(this).children('.favoriet-meerinfo').stop("true" , "false").fadeIn("fast");
},
function() {
	$j(this).children('.favoriet-hover').stop("true" , "false").fadeOut("fast");
	$j(this).children('.favoriet-meerinfo').stop("true" , "false").fadeOut("fast");
});

// Favoriet lange namen

	$j('.favoriet-hover .favoriet-h3').each(function(){
		var aanbieder = $j(this).text();
		if(aanbieder.length > 11)
		{
			$j(this).text(aanbieder.substring(0, 11) + '..');
		}
	});

// Favoriet verwijderen vanuit home
	$j('.favoriet-hover .favoriet-delete').click(function(){
		aanbiederId = $j(this).parents('li').attr('id');
		var aanbiederNaam = $j(this).parents('li').children('.favoriet').children('img').attr('alt');
		$j('#' + aanbiederId).children('.favoriet-hover').addClass('active');
		$j('#' + aanbiederId).children('.favoriet-meerinfo').addClass('active');
		
		$j.colorbox({
			href:'../XHTML/modular/favoriet_verwijderen.html',
			opacity: 0.10,
			scrolling: false,
			width: 400,
			height: 165,
			initialWidth: 200,
			initialHeight: 50,
			title: aanbiederNaam + " verwijderen als favoriet"
		});
		return false;
	});
	
//Ajaxcall aan element binnen de colorbox binden
	$j("#cboxLoadedContent a#verwijder").live("click", function () {
			$j.ajax({
				type: 'POST',
				url: 'ajax/ajax_favoriete_aanbieders.html',
				cache: false,
				data: 'actie=verwijderen&aanbiederId=' + aanbiederId                             
			});
			
			//List-item verwijderen
			$j.colorbox.close();
			$j('#' + aanbiederId).fadeOut(400, function(){
				$j('#favoriete-aanbieders li:nth-child(3n)').removeClass('third');
				$j('#' + aanbiederId).remove();	
				$j('#favoriete-aanbieders li:nth-child(3n)').addClass('third');
			});
			return false;
	});

//Colorbox sluiten
	$j("#cboxLoadedContent a#cancel").live("click", function () {
		$j.colorbox.close();
		return false;
	});
	
	$j(document).bind('cbox_closed', function(){
        $j('#' + aanbiederId).children('.favoriet-hover').removeClass('active');
		$j('#' + aanbiederId).children('.favoriet-meerinfo').removeClass('active');
	}); 
	
// Favoriet toevoegen/verwijderen
	
	$j('.favorite-button').click(function(){		
		var aanbiederId = $j(this).attr("id");
		
		if($j(this).hasClass('active')) {
			var favorietenActie = 'verwijderen'
			$j(this).removeClass('active');			
		}
		
		else {
			var favorietenActie = "toevoegen"
			$j(this).addClass('active');			
		}
		
		$j.ajax({
			type: "POST",
			url: "ajax/ajax_favoriete_aanbieders.html",
			cache: false,
			data: "actie=" + favorietenActie + "&aanbiederId=" + aanbiederId                             
		});
			
		return false;
	});
	
	$j("#wachtwoord_oud").val("");

//Validatie van invoervelden
	validatieVelden();
	$j(window).scrollTop(0);

});//End document ready


function ShowInfoIN(e,regels,wat){

	var IE = document.all?true:false
	if (!IE) document.captureEvents(Event.MOUSEMOVE)


	if (IE) { 
		//tempX = window.event.clientX
		//tempY = window.event.clientY
       // tempX = window.event.x+document.body.scrollLeft;
        // tempY = window.event.y+document.body.scrollTop;
		if(parseFloat(navigator.appVersion.split("MSIE")[1]) >= 8){
			tempX = document.body.clientWidth+document.body.scrollLeft;
			tempY = document.body.clientHeight+document.body.scrollTop+215;			
		}else{
			tempX = document.body.clientWidth+document.body.scrollLeft;
			tempY = document.body.clientHeight+document.body.scrollTop-665;		
		}
	} else {  
        if (!e) e = window.event;
	
		tempX = e.pageX
		tempY = e.pageY-20
	}  
	
	
	switch(wat)
	{
		case 'help_alletransacties':
			document.getElementById(wat).style.marginTop=(tempY-(regels*27)-290) + 'px';		
		break;    


		case 'help_openstaandsaldo':
			// is 2 regels
			document.getElementById(wat).style.marginTop=(tempY-(regels*27)-290) + 'px';		
		break;    


		case 'help_inafwachting':
			// is 3 regels!
			document.getElementById(wat).style.marginTop=(tempY-(regels*27)-290) + 'px';		
		break;    


		case 'help_aluitbetaald':
			// is maar één regel
			document.getElementById(wat).style.marginTop=(tempY-(regels*27)-290) + 'px';		
		break;    
	} 
	document.getElementById(wat).style.display='block';
	  
	//alert(tempY-377);

}

function ShowInfoOUTs2(wat2){
	document.getElementById(wat2).style.display='none';
}

function ShowInfoOUT(inhoud){
	setTimeout("ShowInfoOUTs2('" + inhoud + "')",500);
}

//Email validatie
function emailCheck (emailStr) {
	var emailPat=/^(.+)@(.+)$/
	var specialChars="\\(\\)<>@,;:\\\\\\\"\\.\\[\\]"
	var validChars="\[^\\s" + specialChars + "\]"
	var quotedUser="(\"[^\"]*\")"
	var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/
	var atom=validChars + '+'
	var word="(" + atom + "|" + quotedUser + ")"
	var userPat=new RegExp("^" + word + "(\\." + word + ")*$")
	var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$")
	
	var matchArray=emailStr.match(emailPat)
	if (matchArray==null) {
		return false
	}
	var user=matchArray[1]
	var domain=matchArray[2]
	
	if (user.match(userPat)==null) {
	    return false
	}
	
	var IPArray=domain.match(ipDomainPat)
	if (IPArray!=null) {
		  for (var i=1;i<=4;i++) {
		    if (IPArray[i]>255) {
			return false
		    }
	    }
	    return true
	}
	
	var domainArray=domain.match(domainPat)
	if (domainArray==null) {
	    return false
	}
	
	var atomPat=new RegExp(atom,"g")
	var domArr=domain.match(atomPat)
	var len=domArr.length
	if (domArr[domArr.length-1].length<2 || 
	    domArr[domArr.length-1].length>3) {
	   return false
	}
	
	if (len<2) {
	   return false
	}
	
	return true;
}


function check(naam)
{
	if (document.getElementsByName(naam)[0].value.length > 1)
	{
		document.getElementById(naam + 'img').src="../img/icons/validate_goed.png";
		
	}
	else
	{
		document.getElementById(naam + 'img').src='../img/icons/validate_fout.png';
	}	
}
	
function checkmail(naam)
{
	if (emailCheck(naam) == true)
	{
		document.getElementById('emailimg').src="../img/icons/validate_goed.png";
	}
	else
	{
		document.getElementById('emailimg').src='../img/icons/validate_fout.png';
	}	
}


//NIEUWE VALIDATIE FUNCTIES

//lijst samenstellen van alle te valideren velden
function validatieVelden()
{
	elementenArray = [ ];
	validatieArray = [ ];
	$j('form .verplicht').each(function (i)
	{
		elementenArray[i] = $j(this).attr('name'); 
		validatieArray[i] = false;
		// Als de invoervelden al een voorgevulde inhoud hebben wordt er een focus en blur gedaan om zo de check te triggeren. Anders moet de gebruiker eerst alle voorgevulde velden zelf een keer gefocust hebben om te kunnen submitten
		if($j(this).val())
		{
			$j(this).focus().blur();
		}
	});
}

function checkVeld(veld)
{
	var positionArray = $j.inArray(veld, elementenArray);
	if (document.getElementsByName(veld)[0].value.length > 1)
	{
		$j('#' + veld + '-img').attr('src', '../img/icons/validate_goed.png');
		validatieArray[positionArray] = true;
	}
	else
	{
			$j('#' + veld + '-img').attr('src', '../img/icons/validate_fout.png');
		validatieArray[positionArray] = false;
	}
	showSubmit();
}
	
function checkEmail(waarde, veld)
{
	var positionArray = $j.inArray(veld, elementenArray);
	if (emailCheck(waarde) == true)
	{
		$j('#' + veld + '-img').attr('src', '../img/icons/validate_goed.png');
		validatieArray[positionArray] = true;
	}
	else
	{
			$j('#' + veld + '-img').attr('src', '../img/icons/validate_fout.png');
		validatieArray[positionArray] = false;
	}	
	showSubmit();
}

function checkCheckBox(veld)
{
	var positionArray = $j.inArray(veld, elementenArray);
	if ($j('#' + veld).is(':checked'))
	{
		validatieArray[positionArray] = true;
	}
	else
	{
		validatieArray[positionArray] = false;
	}	
	showSubmit();
}

function checkPassword(veld, copy)
{
	var positionArray = $j.inArray(veld, elementenArray);
	if(copy == 0)
	{
		if (document.getElementsByName(veld)[0].value.length > 5)
		{
			$j('#' + veld + '-img').attr('src', '../img/icons/validate_goed.png');
			validatieArray[positionArray] = true;
		}
		else
		{
			$j('#' + veld + '-img').attr('src', '../img/icons/validate_fout.png');
			validatieArray[positionArray] = false;
		}
	}
	else
	{
		if(document.getElementsByName(veld)[0].value == document.getElementsByName('wachtwoord_nieuw')[0].value && document.getElementsByName(veld)[0].value.length > 5 )
		{
			$j('#' + veld + '-img').attr('src', '../img/icons/validate_goed.png');
			validatieArray[positionArray] = true;
		}
		else
		{
			$j('#' + veld + '-img').attr('src', '../img/icons/validate_fout.png');
			validatieArray[positionArray] = false;
		}
	}
	showSubmit();
}

function showSubmit(){
	var validatieStatus = $j.inArray(false, validatieArray);
	if(validatieStatus == -1){
		$j('img#submit-dis').hide();
		$j('a#submit').show();	
	}
	else
	{
		$j('img#submit-dis').show();
		$j('a#submit').hide();	
	}
}


function toggleTab(waarde){

	switch(waarde)
	{
		case 'alletransacties':
			loadminiXML('ajax_leden_transacties.asp','ajax-transacties',false);
			document.getElementById('t1').className='active';
			document.getElementById('t2').className='';
			document.getElementById('t3').className='';
			document.getElementById('last').className='';
		break;    


		case 'openstaandsaldo':
			loadminiXML('ajax_leden_transacties.asp?select=open','ajax-transacties',false);
			document.getElementById('t1').className='';
			document.getElementById('t2').className='active';
			document.getElementById('t3').className='';
			document.getElementById('last').className='';
		break;    


		case 'inafwachting':
			loadminiXML('ajax_leden_transacties.asp?select=afwachting','ajax-transacties',false);
			document.getElementById('t1').className='';
			document.getElementById('t2').className='';
			document.getElementById('t3').className='active';
			document.getElementById('last').className='';
		break;    


		case 'aluitbetaald':
			loadminiXML('ajax_leden_transacties.asp?select=uitbetaald','ajax-transacties',false);
			document.getElementById('t1').className='';
			document.getElementById('t2').className='';
			document.getElementById('t3').className='';
			document.getElementById('last').className='active';
		break;    
	} 
}



function loadminiXML(url, id, wacht)

	{
		if ((url.indexOf("?")) == "-1") 
		{
			url = url + "?" + Math.floor(Math.random()*1100000000)
		}
		else
		{	
			url = url + "&" + Math.floor(Math.random()*1100000000)
		}

	
	//if (wacht != 'true'){
	//	document.getElementById(id).innerHTML='<p>Een ogenblikje...<br/><br/></p>';
	//}
	
	x = false;
	if (window.XMLHttpRequest)
		{
		try
			{
			x = new XMLHttpRequest();
			}
		catch (e)
			{
			x = false;
			}
		}
	else if (window.ActiveXObject)
		{
		try
			{
			x = new ActiveXObject("Msxml2.XMLHTTP");
			}
		catch (e)
			{
			try
				{
				x = new ActiveXObject("Microsoft.XMLHTTP");
				}
			catch (e)
				{
				x = false;
				}
			}
		}
	if (x)
		{
		x.onreadystatechange = function()
			{
			if (x.readyState == 4 && x.status == 200)
				{
					document.getElementById(id).innerHTML = x.responseText;
				}
			}
		x.open("GET", url, true);
		x.send(null);
		}
	}

//	function CopyNav(){
//		document.getElementById('bovenkant').inner = document.getElementById('onderkant').innerHTML;
//	}