// VOORRAADMELDING
function setCart(id,qta){
	myinput =  document.getElementById('setCartQuantity'+id) ;
	myform = 'prodForm'+id ;
	var qt = myinput.value*1 ; 

	if (qt > qta ){
		myinput.value= qta;
		jAlert('Voorraadmelding','Van het geselecteerde product zijn er op dit moment nog '+qta+' voorradig. Druk op OK om deze toe te voegen aan uw winkelwagen.',"document.forms['"+myform+"'].submit();");
	}else{
		document.forms[myform].submit();
	}
}

function jAlert(title, content, callback){
	// div maken, vullen, in de dom hangen
	var dialog = $('<div>');
	dialog.attr({'id':'dialog-confirm','title':title});
	dialog.html('<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>'+content+'</p>');
	$('body').append(dialog);

	// dialog aan nieuwe div koppelen en knallen
	$("#dialog-confirm").dialog({
		resizable: true,
		modal: true,
		buttons: {
			'Ok': function() {
				// callback uitvoeren
				eval(callback);
				// dialog uit de dom mikken. en sluiten
				$(this).dialog('close');
				$('body').remove('#dialog-confirm');
			}
		}
	});
}

// cart items optellen
$(document).ready(function(){
	var total = 0;
	$('div.count_product').each(function(){
		var no =  parseInt($('.count_quantity', this).html())*parseFloat($('.count_price', this).html());
		if(!isNaN(no)){
			total += no;
		}
	});
	$('.count_total').html(total.toFixed(2));
});

//*********************
// SHOW/HIDE CAT/DOG
//*********************
function checkItems(el){
	var active = /_f2/i;	
	if(el){
		var cat = active.test($('#catFilter').attr('className'));
		var dog = active.test($('#dogFilter').attr('className'));
		//cat en dog 1:1 / 0:1 / 1:0  (0:0 -> 1:0 el = 1)
		if(el.className == $('#catFilter').attr('className')){ // we hebben op cat geklikt
			if(dog && cat){ // beide actief -> dog uit
				$('#dogFilter').removeClass('dog_f2');
			}else if(dog && !cat){// dog aan cat uit -> cat aan
				$('#catFilter').addClass('cat_f2');
			}else{// dog uit cat aan -> dog aan
				$('#dogFilter').addClass('dog_f2');
			}
		}else{// we hebben op de dog geklikt
			if(dog && cat){ // beide actief -> cat uit
				$('#catFilter').removeClass('cat_f2');
			}else if(!dog && cat){// dog uit cat aan -> dog aan
				$('#dogFilter').addClass('dog_f2');
			}else{// dog aan cat uit -> cat aan
				$('#catFilter').addClass('cat_f2');
			}
		}
	}
	
	// items tonen of niet
	var cat = active.test($('#catFilter').attr('className'));
	var dog = active.test($('#dogFilter').attr('className'));
	var regCat = /tcat/i;
	var regDog = /tdog/i;
	$(".productClass").each(function(i){	
		var pCat = regCat.test($(this).attr('className'));
		var pDog = regDog.test($(this).attr('className'));
		var fade = true;
		if(pDog && pCat){
			fade = true; //beide aan nooit faden
		}else{
			if(!dog && pDog){
				fade = false; //hond uit item uit
			}
			if(!cat && pCat){
				fade = false; // cat uit item uit
			}
		}	
		
		// aan de hand van de subkey
		var fade2 = false;
		var prodclass = $(this);
		$(".class_subkey_checkbox").each(function(i){
			var val = $(this).attr('value').replace(' ','_');
			val = val.replace(' ','_');
			if($(this).attr('checked')){
				var reg = new RegExp(val, "gi");		
				if(reg.test(prodclass.attr('className'))){					
					fade2 = true;
				}
			}
		});
		if(!fade2){
			fade = false;
		}			

		if(fade){
			$(this).show('slow',function(){$(this).css('display','');});
		}else{
			$(this).hide('slow');
		}				
	});
}

//*********************
// SHOWONLY
//*********************

// Hide all elements of type tagName,
// which are directly below an element with id parentId
// An element with id 'showId' is set to display.
//
// Hint: to hide all alements, give an non-existing id for showId
//
// Arguments:
//    showId    element to show
//    parentId  parent element to search in
//    tagName   type of tag to search for (default DIV)

function showOnly(showId, parentId, tagName) {
	var parObj = document.getElementById(parentId);
	var tagType = "DIV";
	if (tagName) {
		tagType = tagName.toUpperCase();
	}
	if (parObj) {
		var children = parObj.childNodes;
		// alert(db_DumpTree(children, ''));
		for(c = 0; c < children.length; c++) {
			if (children[c].nodeName == tagType ) {
				if (children[c].id == showId) {
					children[c].style.display = 'block';
				} else {
					children[c].style.display = 'none';
				}
			}
		}
	}
}

function inpFocus(obj, stdText) {
 if (obj.value == stdText) {
    obj.value = '';
 }
}

function inpBlur(obj, stdText) {
 if (obj.value == '') {
    obj.value = stdText;
 }
} 
