var $j = jQuery.noConflict();	

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

	/*Paginering opties*/
	$j('.rangschikkingcontainer .prijsoplopend').click(function(){
		
		/*$j.get('/includes/AJAX/request-handler.asp?strActie=SetProductSortering&strSortField=Prijs&strSortOrder=ASC');
		*/
		$j('#strZoekSortField').val("PRIJS");
		$j('#strZoekSortOrder').val("ASC");
		document.forms.frmSort.submit();
		return false;
	});
	$j('.rangschikkingcontainer .prijsaflopend').click(function(){
		
		/*$j.get('/includes/AJAX/request-handler.asp?strActie=SetProductSortering&strSortField=Prijs&strSortOrder=DESC');
		*/
		$j('#strZoekSortField').val('PRIJS');
		$j('#strZoekSortOrder').val('DESC');
		document.forms.frmSort.submit();
		return false;
	});
	$j('.rangschikkingcontainer .merkoplopend').click(function(){
		
		/*$j.get('/includes/AJAX/request-handler.asp?strActie=SetProductSortering&strSortField=Merk&strSortOrder=ASC');
		*/
		$j('#strZoekSortField').val('MERK');
		$j('#strZoekSortOrder').val('ASC');
		document.forms.frmSort.submit();
		return false;
	});
	$j('.rangschikkingcontainer .merkaflopend').click(function(){
		
		/*$j.get('/includes/AJAX/request-handler.asp?strActie=SetProductSortering&strSortField=Merk&strSortOrder=DESC');
		*/
		$j('#strZoekSortField').val('MERK');
		$j('#strZoekSortOrder').val('DESC');
		document.forms.frmSort.submit();
		return false;
	});

	/*$j('.zoekresultatenpaginanummerindicatie .next').click(function(e){
		$j.post('/includes/AJAX/request-handler.asp', {
			strActie: 'IncrementHuidigePagina'
		},
		function(data){
			window.location = window.location;
		});

		return false;
	});
	$j('.zoekresultatenpaginanummerindicatie .previous').click(function(e){
		$j.post('/includes/AJAX/request-handler.asp', {
			strActie: 'DecrementHuidigePagina'
		},
		function(data){
			window.location = window.location;
		});

		return false;
	});*/

	/*Laat het mail-a-friend formulier zien en verberg de divs waar het formulier voor in de plaats komt.*/
	$j('.optie.mailafriend').click(function(e){
		e.preventDefault();
		/*
		$j('.productdetailpagina-productomschrijving, .productdetailpagina-bestelknop, .productdetailpagina-banner-container').hide();
		$j('.productdetailpagina-sendafriend-container').show();
		*/
		
		
	});
	
	/*Verberg het mail-a-friend formulier en laat de originele divs weer zien*/
	$j('.productdetailpagina-sendafriend-button-terug').click(function(e){
		e.preventDefault();
		/*
		$j('.productdetailpagina-productomschrijving, .productdetailpagina-bestelknop, .productdetailpagina-banner-container').show();
		$j('.productdetailpagina-sendafriend-container').hide();
		*/
	});
	
	/*Controleer of alle verplichte mail-a-friend velden zijn ingevuld en of er geldige emailadressen zijn ingevuld*/
	$j('.productdetailpagina-sendafriend-button-verzenden').click(function(e){
		e.preventDefault();
		var valid = true;
		
		$j('#strMafNaam, #strMafEmail, #strMafNaamVriend, #strMafEmailVriend, #strMafTekst').each(function(){
			if ($j(this).val() == '')
			{
				$j(this).css({'background-color':'#e20026'});
				valid = false;
			}
			else
			{
				$j(this).css({'background-color':'#fff'});
			}
		});
		
		var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
		$j('#strMafEmail,#strMafEmailVriend').each(function(){
			if ($j(this).val().search(emailRegEx) == -1)
			{
				$j(this).css({'background-color':'#e20026'});
				valid = false;
			}
			else
			{
				$j(this).css({'background-color':'#fff'});
			}
		});
		
		if(valid) {$j('#mailafriendform').submit()};
	});
	
	/* Open een popup venster met info over een bepaalde productgroep */
	$j(".productgroepinfo").click(function(e){
		e.preventDefault();
		
		var lngProductgroepID = $j(this).attr('id').replace("productgroepinfo_", "");
		
		$j.post(
			'/includes/AJAX/request-handler.asp',
			
			{
				strActie:'GetPopupTextBijProductgroep',
				lngProductgroepID:lngProductgroepID
			},
		
			function(response){
				//$j('#popup .popup-titel p').html("Info");
				$j('#popup .popup-content').html(response);

				$j("#popup").fadeIn("fast");
				$j("#overlay").show();
			}
		);
	});
	
	$j(".popup-button-venstersluiten").click(function(e){
		e.preventDefault();
		$j("#overlay").hide();
		$j("#popup, #mailafriendpopup").fadeOut("fast");
		$j("#popup").removeClass("hyves").removeClass("facebook");
	});
	
	$j(".zoompopup-button-venstersluiten").click(function(e){
		e.preventDefault();
		$j("#overlay, #zoomiframe").hide();
		$j("#popup").removeClass("hyves").removeClass("facebook");
		$j("#zoom").fadeOut("fast");
	});
});

	function sluitPopup(){
		$j("#overlay").hide();
		$j("#popup").fadeOut("fast");
	}
	
	function resizeHyvesPopup() {
		$j("#popup").css({
			'margin-top' : '-225px',
			'height': '550px'
		});
		$j("#popup-content").css('height', '500px');
	}
	
	var objKoopFrame = null;
	var objPagineringFrame = null;
	var objTransparant = null;
	var intAantalVergelijk = 0 
	
	///////
	// Koop product
	///////
	function KoopProduct(lngProductID, blnToonPopup) 
	{
		var strToonPopup = blnToonPopup?'true':'false';
		if(blnToonPopup) ToggleTransparant(true);
		if((lngProductID!='') &&  (objKoopFrame))
		{
			objKoopFrame.src = '/iframe_koopproduct.asp?lngProductID='+ lngProductID+'&blnToonPopup=' + strToonPopup;
		} 
	}
	
	///////
	// Init voor product gerelateerde paginas
	///////	
	function InitProducten()
	{
		objKoopFrame = document.getElementById('frmKoopProduct');
		objPagineringFrame = document.getElementById('frmPagineringProducten');
		objTransparant = document.getElementById('ProductDetailTransparant');
		intAantalVergelijk = 0;
		
		// uncheck alle checkboxes (als aanwezig)
		var objCheck = null
		var arrChecks = document.getElementsByName('lngVergelijkProductIDs');
		
		for(var i=0; i<arrChecks.length; i++)
		{
			arrChecks[i].checked = false;
		}
	}
	
	///////
	// Toggle transparant layer
	///////	
	function ToggleTransparant(blnShow)
		{
		if(objTransparant)
		{
			if(blnShow)
			{
				document.body.style.overflow = 'hidden';
				objTransparant.style.display = 'block';
			}
			else
			{
				document.body.style.overflow='';
				objTransparant.style.display = 'none';
			}
		}
	}
	
	///////
	// Pas sortering aan
	///////	
	function SorteerProducten(strSortField, strSortOrder)
	{
		objPagineringFrame.src = '/iframe_paginering.asp?strSortField=' + strSortField + '&strSortOrder=' + strSortOrder;
	}
	
	///////
	// Paginering
	///////	
	function GaNaarPagina(intPagina)
	{
		objPagineringFrame.src = "/iframe_paginering.asp?intPagina=" + intPagina;
	}
	
	function WijzigAantalGetoondeProducten(objSelect)
	{
		objPagineringFrame.src = "/iframe_paginering.asp?intAantalProducten=" + objSelect.value;
	}

	///////
	// Vergelijk producten
	///////	
	function ClickCheckVergelijk(objCheck)
	{
		if(objCheck.checked)
		{
			intAantalVergelijk++;
			if(intAantalVergelijk>3)
			{
				intAantalVergelijk=3;
				alert('U kunt maximaal 3 producten selecteren')
				objCheck.checked = false;
			}
		}
		else
		{
			intAantalVergelijk--;
			if(intAantalVergelijk<0) intAantalVergelijk=0;
		}
	}
	
	function VergelijkCheck()
	{
		if(intAantalVergelijk<2)
		{
			alert('U moet minstens 2 producten selecteren om te vergelijken.');
			return false;
		} 
		if(intAantalVergelijk>3)
		{
			alert('U mag maximaal 3 producten selecteren om te vergelijken.');
			return false;
		} 
		return true;
	}
	
	///////
	// Show vergelijken
	///////	
	function ShowVergelijk()
	{
		var arrCheckboxes = document.getElementsByName('lngVergelijkProductIDs');
		var strResult = '';
		var frmVergelijken = document.getElementById('frmVergelijken');
		
		for(var i=0; i<arrCheckboxes.length; i++)
		{
			if(arrCheckboxes[i].checked)
			{
				if(strResult!=''){ strResult+=',';}
				strResult+=arrCheckboxes[i].value;
			}
		}
		
		if(frmVergelijken)
		{
			frmVergelijken.submit();
		}	
		ShowVergelijkPopup(true);
	}
	
	///////
	// Show Vergelijk Popup
	///////
	function ShowVergelijkPopup(blnShow)
	{
		var objVergelijkContainer 	= document.getElementById('ProductVergelijkContainer');
		
		if(objVergelijkContainer)
		{
			ToggleTransparant(blnShow);
			if(blnShow)
			{
				objVergelijkContainer.style.display = 'block';
			}
			else
			{
				objVergelijkContainer.style.display = 'none';
			}
		}
	}