/**
 * Javascripts voor deRidderBv
 * 
 * @author Direct-effect
 * @version 1.0
 * @package DeRidder
 */
 
$(function(){
	// click handlers maken voor meting bij bekijken video
	$("a.instructievideo").click(function(){
		// click meten
		var url = base_url + "handleactions.php?action=meet_videoclick&video="+$(this).attr("id");
		$.get(url);
	});
	
	$("a.download_link").click(function(){
		// click meten
		var url = base_url + "handleactions.php?action=meet_download&download="+$(this).attr("id");
		$.get(url);
	});
	
	$("input.searchfield").keyup(function(){
		$("div.overzicht").html('<center><img src="images/ajax-loader.gif"></center>');
		var data = $("#fr_filter").serialize();
		$("div.overzicht").load("ajax.artikelen.php?"+data);//$(this).val();						
	});
	$("#resetArtikelen").click(function(){
		$("div.overzicht").html('<center><img src="images/ajax-loader.gif"></center>');
		$("input.searchfield").val("");			
		var data = $("#fr_filter").serialize();
		$("div.overzicht").load("ajax.artikelen.php?"+data);
	});
	
/**
 *  Acties voor het zoeken via productgegevens
 */
	$(".zoek-product select[name=product-categorie]").change(function(){
		$(".zoek-product select[name=producten]").load("ajax.items.php?categorie="+$(this).val());															  
	});

	// na klik op item, dan zoeken van items
	$(".zoek-product select[name=producten]").change(function(){
		$("div.overzicht").load("ajax.artikelen.php?product="+$(this).val());
	});
	

	$('.foto-viewer').before('<div id="nav" class="cycle-nav">').cycle({fx:'fade', speed:"fast", timeout: 3000, pager:  '#nav' });
	
	//voeg message toe voor het vergroten van een afbeelding
	if($('.foto-viewer a.thickbox').size() > 0){
		$('.foto-viewer a.thickbox').after('<div id="viewer-message"><span class="ui-icon ui-icon-zoomin"></span>Klik op de foto voor een vergroting</div>').hover(function(){ $("#viewer-message").show(); }, function(){ $("#viewer-message").hide();} )
	}
	
	/**
	 *  Indien een wachtwoord vergeten formulier is toegevoegd, wachtwoord vergeten tonen nadat op de knop is geklikt
	 */	
	$("a.askpass").click(function(){
		$(this).hide();
		$(".fr-askpass").show();
	});	

	
});
 
 function searchArtikelen(){
		 
 }
 
 function initAddModal(){
	 	// handler voor cancel knop toevoegen (modal box sluiten)
		$("a.button#cancel").click(function(){
			tb_remove();							 
		}); 
		
		// handler voor submit knop toevoegen
		$("a.button#submit").click(function(){
			
			if(isInteger($(".aantal").val())){
				// geldige waarde
				var artikel = $(".artikel_id").val();
				var aantal = $(".aantal").val();
				var url = "handleactions.php?action=CART_ADD&item="+artikel+"&aantal="+aantal+"&ajax=true";
				
				$.get(url, function(data){
					tb_remove();
					switch (data){
						case "OK":
							$(".winkelwagentje").html('<img src="images/loader.gif">');
							$(".winkelwagentje").load("ajax.cart.php", function(){
								// scroll naar het winkelmandje
								$().scrollTo('.winkelwagentje', 800 );
							});
						break;
						default:
							$(".message").html("Bewerking kan niet worden uitgevoerd");
							$(".message").fadeIn("slow");
						break;
					}
				});
			}else{
				// ongeldig, melding tonen
			}
			
		});
 }
 
 function initCart(action){
		
		var cart_url = "ajax.cart.php";
		if(action){
			cart_url = cart_url+"?action="+action;
		}
		
		$(".winkelwagentje").load(cart_url, function(){
			//initCartOptionHandlers();			
			$("a.set-voucher").UiButton();
		});
		
		
 }
 
 function initCartOptionHandlers(){
		
		$("a.button#empty_cart").click(function(){
			if(confirm("Winkelmandje leegmaken?")){
				// winkelwagentje leegmaken
				initCart("CLEAR");
			}
		});
		$("a.button#place_order").click(function(){
							
		});
		
		$("span.deleteItem").click(function(){
			var artikel = $(this).attr("id");
			deleteItem(artikel)
		});
		
		// scriptsc voor invoer voucher code
		$(".voucher-invoer").voucherInvoer();
		$(".delete-voucher").voucherInvoer({action:"delete"});
		
		$("a.ui-box").click(function(){
			$url = $(this).attr("href");
			$("a.ui-box").after('<div id="ui-box-info" style="text-align:left; display:none;"></div>');
			$("#ui-box-info").load($url, function(){
				$titel = $("#ui-box-info h1.paginaTitel");
				$titel.hide();
				$(this).dialog({title:$titel.html(), minHeight:450, width:650, modal:true, close:function(){ $(this).remove(); }});
			});
			return false;
		});

 }
 
 function deleteItem(artikel){
 	var url = "handleactions.php?action=CART_DEL&item="+artikel+"&ajax=true";
				
	$.get(url, function(data){
		switch (data){
			case "OK":
				$(".winkelwagentje").html('<img src="images/loader.gif">');
				$(".winkelwagentje").load("ajax.cart.php");
			break;
			default:
				$(".message").html("Bewerking kan niet worden uitgevoerd");
				$(".message").fadeIn("slow");
			break;
		}
	});
 }
 
 function tb_reinit(type){
	$("a.thickbox, area.thickbox, input.thickbox").unbind("click");
	tb_init(type); 
 }
 
/**
 *  Simple accordion
 */
$.fn.voucherInvoer = function(options) {  
 	var defaults = {  
		action:"add"
	};  
	
	var $container = $(this);
	
	// extend options with the default options
	var options = $.extend(defaults, options);  
	return this.each(function(){ 
		
		if(options.action == "delete"){
			$(this).click(function(){
				// controleer de gegevens
				$.getJSON("handleactions.php?a="+timestamp(), {action:'CART_VOUCHER_VERWIJDEREN'}, function(data){
					$("div.voucher-message").html(data.status);
					if(data.status == "error"){
						alert(data.message);
					}else if(data.status == "OK"){
						$("div.voucher-message").html(data.message);
						initCart();
					}
				});
			});
		}else{							  
			$(this).children("a.show-voucher").click(function(){
				$("div.voucher-invoeren").show();
				$(this).hide();
			});
			if($("input[name=vouchercode]").val() == ""){
				$(this).children("div.voucher-invoeren").hide();
			}else{
				$("div.voucher-invoeren").hide();
			}
			
			$("input[name=vouchercode]").bind("change blur focus", voucher_koppelen);
			$("a.set-voucher").click(voucher_koppelen);
		}
		
		function voucher_koppelen(){
			$("div.voucher-message").ajaxError(function(event, request, settings) {
			  $(this).html('Fout bij het controleren van de voucher code');
			});
			
			// controleer de gegevens
			$.getJSON("handleactions.php?a="+timestamp(), {action:'CART_VOUCHER_KOPPELEN', vouchercode:$("input[name=vouchercode]").val()}, function(data){
				
				if(data.status == "ERROR"){
					$("div.voucher-message").html(data.message);
				}else if(data.status == "OK"){
					$("div.voucher-message").html(data.message);
					initCart($("#cart-action").val());
				}
			});
																		
		}
		
		return this;
	});  
};

function timestamp(){
	$date = new Date();
	return $date.getTime();
}

/**
 *  Ui-button "Class"
 */
$.fn.UiButton = function(options) {  
 	var defaults = {  
		over_class: "ui-state-hover",	// naam van de display component	
		mousedown_class: "ui-state-active",
		mouseup_class: "ui-state-active"
	};  
	
	// extend options with the default options
	var options = $.extend(defaults, options);  
	return this.each(function(){ 
		if(!$(this).hasClass("bs-ui-button")){
			$(this).addClass("bs-ui-button");
		}
		$(this).addClass("ui-corner-all").addClass("ui-state-default").hover(function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		).mousedown(function(){
			$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
				$(this).removeClass("ui-state-active");
		});

		
		return this;
	});  
};