//hoverimages horizontaalmenu vooruitladen
menu = new Image(); menu.src = "assets/images/menu_item1_active.jpg"; 
menu = new Image(); menu.src = "assets/images/menu_item2_active.jpg";
menu = new Image(); menu.src = "assets/images/menu_item3_active.jpg";
menu = new Image(); menu.src = "assets/images/menu_item4_active.jpg";
menu = new Image(); menu.src = "assets/images/menu_item5_active.jpg";
menu = new Image(); menu.src = "assets/images/menu_item6_active.jpg";

$(document).ready(function(){
						   
						   
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (anchor.getAttribute("href") &&
		anchor.getAttribute("rel") == "external")
		anchor.target = "_blank";
	}					   
   //homeplaatjes lichter maken bij hover
   $(".home_object").hover(
   	function ()
		{
			$(this).fadeTo("fast", 0.5);
		},
	function ()
		{
			$(this).fadeTo("fast", 1);
		}
	);
//brancheplaatjes lichter maken bij hover
   $(".branche,.branches_object").hover(
   	function ()
		{
			$(this).fadeTo("fast", 0.5);
		},
	function ()
		{
			$(this).fadeTo("fast", 1);
		}
	);
	
	//nieuwsplaatjes hover geven
	$("#testplaatje1").hover(
		function () {
			$("#testdiv1").css({'display':'block'});
		},
		function () {
			$("#testdiv1").css({'display':'none'});
		} 
	);
	$("#testplaatje2").hover(
		function () {
			$("#testdiv2").css({'display':'block'});
		},
		function () {
			$("#testdiv2").css({'display':'none'});
		} 
	);
	$("#testplaatje3").hover(
		function () {
			$("#testdiv3").css({'display':'block'});
		},
		function () {
			$("#testdiv3").css({'display':'none'});
		} 
	);
	$("#testplaatje4").hover(
		function () {
			$("#testdiv4").css({'display':'block'});
		},
		function () {
			$("#testdiv4").css({'display':'none'});
		} 
	);
	$("#testplaatje5").hover(
		function () {
			$("#testdiv5").css({'display':'block'});
		},
		function () {
			$("#testdiv5").css({'display':'none'});
		} 
	);
	$("#testplaatje6").hover(
		function () {
			$("#testdiv6").css({'display':'block'});
		},
		function () {
			$("#testdiv6").css({'display':'none'});
		} 
	);
});

//ajax

function loguit() {
	$.get("/main.php", { actie:'loguit' },function(data) {
		location.href='';
												   });
	location.href = '';
}


function subgroups(sector,main){ // subgroups met ajax ophalen (main.php) en laten zien
	$.get("/main.php", { sector: sector, main: main },
  function(data){
	 $('.gradientbalk>*').html('<a href="assortiment/'+sector+'/">'+sector+'</a>' + ' &gt; <a href="#" onclick="subgroups(\''+sector+'\',\''+main+'\'); return false;">' + main + '</a>');
	 $('.grootplaatje').remove();
    data = data.split(',');
	inhoud = '';
	for(a=0; a<data.length; a++) {
		inhoud += '<div class="kleinplaatje">                    <img src="assets/images/bakklein.jpg" height="40" width="74" alt="bak" />                    <span class="tekstassort"><a href="assortiment/'+sector+'/'+main+'/'+data[a]+'/">'+data[a]+'</a></span>                </div>';
	}
	$('#maindiv').html(inhoud);
	
	
  });
}

function subgroups2(main){ // subgroups met ajax ophalen (main.php) en laten zien voor totaalassortiment
	$.get("/main.php", { main: main },
  function(data){
	 $('.gradientbalk>*').html('<a href="#" onclick="subgroups2(\''+main+'\'); return false;">' + main + '</a>');
	 $('.grootplaatje').remove();
    data = data.split(',');
	inhoud = '';
	for(a=0; a<data.length; a++) {
		inhoud += '<div class="kleinplaatje">                    <img src="assets/images/bakklein.jpg" height="40" width="74" alt="bak" />                    <span class="tekstassort"><a href="totaalassortiment/'+main+'/'+data[a]+'/">'+data[a]+'</a></span>                </div>';
	}
	$('#maindiv').html(inhoud);
	$('.kruimelpad>span:first').html('<a href="/">Home</a> &gt; <a href="totaalassortiment/">Totaalassortiment</a>  &gt; <a href="#" onclick="subgroups2(\''+main+ '\'); return false;">'+ main + '</a>'); 

	
  });
}

function bestel1(aantal,code) {
	
	$('#m'+code).html((Math.round(Number(aantal * $('#e'+code).html())*100)/100).toFixed(2));
	ttp=0;
	$(".prijspa").each(function (i) {
		ttp+=Number((Math.round($(this).html()*100)/100).toFixed(2));
							});
	$('#ttp').html(ttp);
	$.get("/main.php", { aantal:aantal, code:code });
	
}

function users(username){ // username met ajax checken
	if(username > "") {
		if(username.match("'") || username.match("`") || username.match("\""))
		{
			 $('#userlog').html('<span class="red">Uw gebruikersnaam mag alleen letters en cijfers bevatten.</span>');
			 $('#user').addClass("error");
		}else
		{
			$.get("/main.php", { usern: username },
	  		function(data){
				 if (data=='1') {
					 $('#userlog').html('<span class="green">Deze gebruikersnaam is beschikbaar</span>');
				 } else if(data=='0') {
					 $('#userlog').html('<span class="red">Deze gebruikersnaam is niet beschikbaar</span>');
					 $('#user').addClass("error");
				 } else if(data=='2') {
					 $('#userlog').html('<span class="red">Uw gebruikersnaam moet minimaal 4 tekens zijn.</span>');
					 $('#user').addClass("error");
				 } else if(data=='3') {
					 $('#userlog').html('<span class="red">Uw gebruikersnaam mag alleen letters en cijfers bevatten.</span>');
					 $('#user').addClass("error");
				 }
			});
		}
	}
	else {
		$('#userlog').html('<span class="green">&nbsp;</span>');
	}
}

function favorieten(code,del) {
	$.get("/main.php", { actie:'favorieten',code: code,del:del },
  function(data){	
	if(data == 1) {
		$('#fav'+code).html('<a href="#" onclick="favorieten(\''+code+'\',\'delete\'); return false">Verwijder van uw favorieten</a>');
	}
	else {
		$('#fav'+code).html('<a href="#" onclick="favorieten(\''+code+'\'); return false">Voeg toe aan uw favorieten</a>');
	}
	//alert(data);
  });
}



/**
* Begin bestelsysteem
* Made by Karens Grigorjancs
* Last update: 11-11-2009
**/

mandje = []; // code
besteld = []; // aantal
prijzen = []; // prijs per stuk (niet nodig)
pro = []; // nummer in mandje (niet nodig)
bewerkknop = false;

function totaalprijs(mini) {
	var tprijs = 0;
	$(".prijzendiv>span").each( function(a) {
		if(this.innerHTML.replace(",",".") > 0) {
			tprijs += Number(this.innerHTML.replace(",","."));
		}
	});
	$('#totaalprijs').html((Math.round(tprijs*100)/100).toFixed(2));
	if (typeof mini=='undefined') {
		var codes = mandje.join(',');
		var aantallen = '';
		var prijz ='';
		var prox = '';
		for(var a=0; a<mandje.length; a++) {
			aantallen += besteld[mandje[a]] + ',';
			prijz += prijzen[mandje[a]] + ',';
			prox += pro[mandje[a]] + ',';
		}
		aantallen = aantallen.slice(0,-1);
		prijz = prijz.slice(0,-1);
		prox += prox.slice(0,-1);
		a=$('#bestellijst').html();
		$.post("/assets/functions/winkelwagen.php", { codes: codes, aantallen: aantallen, prijzen:prijz ,a:a, prox:prox },
			function(data){
				$(".afreken_knop").css('display', 'block');
				return data;
			});
	}
}

function voegtoe(code,aantal) {
	aantal = parseInt(aantal);
	if(aantal==0) { return; }
	
	
	if(!besteld[code]) { //als nog niet in bestellijst
		besteld[code] = Number(aantal);
		mandje.push(code);
		pro[code] = mandje.length;
		
		prijs = (Math.round($('#p' + code).html() * besteld[code]*100)/100).toFixed(2);
		aanb_prijs = (Math.round($('#ap' + code).html() * besteld[code]*100)/100).toFixed(2);
		
		if(Number($('#vv'+code).html()) <= aantal) {
			prijs = (prijs>aanb_prijs && aanb_prijs > 0 ) ? aanb_prijs : prijs;
		}
		prijs = (prijs=='0.00') ? '' : prijs;
		
		if(prijs>0.01) {
			cel3 = '<span>&euro; </span><span id="pro' + mandje.length + '">'+prijs +'</span>';
		} else {
			cel3 = '<span id="pro' + mandje.length + '">&nbsp;</span>';
		}
		
		// Winkelwagen regel opbouwen
		
		$('#bestellijst').append('<tr id="tr'+code+'"></tr>');		
		$('#tr'+code).append('<td width="40"><div class="normaal"><span id="aan' + pro[code] + '" >'+ besteld[code] + '</span><span>x</span></div></td>');
		$('#tr'+code).append('<td width="126"><div class="normaal">' + code.substr(2) + '</div></td>');
		$('#tr'+code).append('<td width="94" ><div class="normaal prijzendiv">'+cel3+'</div></td>');
		$('#tr'+code).append('<td width="15"><img style="cursor:pointer" src="assets/images/verwijder_item.png" id="ver' + mandje.length + '" onclick="verwijder_per1(' + mandje.length + ')" title="Verwijder" alt="Verwijder" /></td>');		
		prijzen[code] = Number(prijs)/Number(aantal);
		
	} else { //als al wel besteld
		besteld[code] += Number(aantal);
		prijs = (Math.round($('#p' + code).html() * besteld[code]*100)/100).toFixed(2);
		aanb_prijs = (Math.round($('#ap' + code).html() * besteld[code]*100)/100).toFixed(2);
		if(Number($('#vv'+code).html()) <= besteld[code] && Number($('#vv'+code).html()) != 0) {
			prijs = (prijs>aanb_prijs && aanb_prijs > 0 ) ? aanb_prijs : prijs;
			prijzen[code] = Number($('#ap'+code).html());
		}
		
		
		
		$('#tr' + code + ">*:eq(0)").html('<div class="normaal"><span id="aan' + pro[code] + '" >'+ besteld[code] + '</span><span>x</span></div>');
		if(prijs>0.01) {
			$('#tr' + code + "> *:eq(2)").html('<div class="normaal prijzendiv"><span>&euro; </span><span id="pro' + pro[code] + '">'+prijs +'</span></div>');	
		}
		
	}
	
	
	
	$("#winkelleeg").css('display', 'none');
	
	totaalprijs();
	return "true";
		/*r.cells[0].innerHTML = '<div class="normaal"><span id="aan' + pro[code] + '" >'+ besteld[code] + '</span><span>x</span></div>';
		if(prijs>0.01) {
			r.cells[2].innerHTML = '<div class="normaal prijzendiv"><span>&euro; </span><span id="pro' + pro[code] + '">'+prijs +'</span></div>';
		}*/
		// browser check voor ie7 en ie6 gebruik block
/*		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
 			var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
 
  			if (ieversion<8)
  				$('#tr' + code).css('display', 'block');
			else
				$('#tr' + code).css('display', 'table-row');

		}*/
		
	//}
	//totaalprijs();
}

function verwijder_per1(a) {
	keer = 0;
	var code = $("#aan"+a).parent().parent().parent().attr("id");
	
	// index in mandje ophalen
	for(b=0; b<mandje.length; b++) {
		if(mandje[b] == code.substr(2)) {
			key = b;
		}
	}
	
	besteld[code.substr(2)] = keer;
	mandje.splice(key,1);
	$("#aan"+a).parent().parent().parent().remove();
	prijs = (Math.round((keer * Number(prijzen[code.substr(2)]))*100)/100).toFixed(2);
	if(typeof prijs == 'string') {
		$('#pro'+a).html(prijs);
	}
	$('#aan'+a).html(keer);
	totaalprijs();
	if(mandje.length == "0")
	{
		$("#bestellijst").empty();
		mandje = [];
		besteld = [];
		prijzen = [];
		pro = [];
		//totaalprijs();
		$.post("/assets/functions/winkelwagen.php", { verwijder:"1"},
		function(data){
			//alert(data);	
		});
		$('#bestellijst').append('<tr id="winkelleeg"><td>Uw winkelwagen is leeg</td></tr>').fadeIn("slow");
		$(".afreken_knop").css('display', 'none');
	}
	
}


function bewerken() {
	if(bewerkknop === false && mandje.length > 0) { // naar het bewerken (inputs maken)
		for(var a=1; a<50; a++) {
			if($('#aan' + a).length>0) {
				var keer = Number($('#aan' + a).html());
				$('#aan' + a).html( '<input type="text" class="bewerkAantal" id="aani' + a + '" value="' + keer +'" size="1" maxlength="3" style="width:16px" />');
			}
		}
		bewerkknop = true;
		$('#bewerk').html('Opslaan');
	} else { // handelingen
		for(a=1; a<50; a++) {
			if($('#aan' + a).length>0) {
				keer = Number($('#aani' + a).val());
				var code = document.getElementById('aan' +a).parentNode.parentNode.parentNode.id;
				
				besteld[code.substr(2)] = keer;
				if(keer=='0' || keer==='') {
					document.getElementById('aan' + a).parentNode.parentNode.parentNode.style.display = 'none';
				}
				prijs = (Math.round((keer * Number(prijzen[code.substr(2)]))*100)/100).toFixed(2);
				if(typeof prijs == 'string') {
					$('#pro'+a).html(prijs);
				}
				$('#aan'+a).html(keer);
			}
		}
		bewerkknop = false;
		$('#bewerk').html('Bewerken');
		totaalprijs();
	}
}

function wissen() {
	jConfirm('Weet u het zeker dat u alle producten wilt verwijderen?', 'Bevestiging', function(r) {
		if(r) {												  
			
			$("#bestellijst").empty();
			mandje = [];
			besteld = [];
			prijzen = [];
			pro = [];
			//totaalprijs();
			$.post("/assets/functions/winkelwagen.php", { verwijder:"1"},
			function(data){
				//alert(data);	
			});
			$('#totaalprijs').html("0,00");
			$("#winkelleeg").fadeIn();
			$('#bestellijst').append('<tr id="winkelleeg"><td>Uw winkelwagen is leeg</td></tr>').fadeIn("slow");
			$(".afreken_knop").css('display', 'none');
		}
	});
}

function voorsub() {
	if(mandje.length > 0) {
		var codes = mandje.join(',');
		var aantallen = '';
		var comment = '';
		for(var a=0; a<mandje.length; a++) {
			aantallen += besteld[mandje[a]] + ',';
		}
		document.getElementById('code_string').value = codes;
		document.getElementById('aantal_string').value = aantallen.substr(0,aantallen.length-1);	
		document.getElementById('formulier').submit();
	}
}


/*!
 * jQuery xmlDOM Plugin v1.0
 * http://outwestmedia.com/jquery-plugins/xmldom/
 *
 * Released: 2009-04-06
 * Version: 1.0
 *
 * Copyright (c) 2009 Jonathan Sharp, Out West Media LLC.
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 */
(function($) {
	// IE DOMParser wrapper
	if ( window['DOMParser'] == undefined && window.ActiveXObject ) {
		DOMParser = function() { };
		DOMParser.prototype.parseFromString = function( xmlString ) {
			var doc = new ActiveXObject('Microsoft.XMLDOM');
	        doc.async = 'false';
	        doc.loadXML( xmlString );
			return doc;
		};
	}
	
	$.xmlDOM = function(xml, onErrorFn) {
		try {
			var xmlDoc 	= ( new DOMParser() ).parseFromString( xml, 'text/xml' );
			if ( $.isXMLDoc( xmlDoc ) ) {
				var err = $('parsererror', xmlDoc);
				if ( err.length == 1 ) {
					throw('Error: ' + $(xmlDoc).text() );
				}
			} else {
				throw('Unable to parse XML');
			}
		} catch( e ) {
			var msg = ( e.name == undefined ? e : e.name + ': ' + e.message );
			if ( $.isFunction( onErrorFn ) ) {
				onErrorFn( msg );
			} else {
				$(document).trigger('xmlParseError', [ msg ]);
			}
			return $([]);
		}
		return $( xmlDoc );
	};
})(jQuery);

/*function failsafeImg()
			{
				var badImg = new Image();
				badImg.src = 'assets/images/geen-foto.jpg';
				for(var i=0;i<document.images.length;i++)
				{
					var cpyImg = new Image();
					cpyImg.src = document.images[i].src;
					if(!cpyImg.width)
					{
						document.images[i].src = badImg.src;
					}
				}
			}
			onload = failsafeImg;
			*/
function kliktoe(id,a) {
	 getal = parseInt($('#'+id).val());
	 getal  = getal+a > 0 ? getal : 1;
	 $('#'+id).val(getal+a);

}