// Arrays
var url = "producten?";
var urlparams=new Array(); 
urlparams[0]="categorie";
urlparams[1]="merk";
urlparams[2]="collectie";
urlparams[3]="maat";
urlparams[4]="kleur";
urlparams[5]="q";
urlparams[6]="prijs";

jQuery(document).ready(function(){
	
	// Hokje hovers
	jQuery(".categorie_content_left li.notactive").live('mosueover',function(){
		jQuery(this).find("img").prop("src","/skin/frontend/default/zubi/images/hover_geselecteerd.jpg");
	});  
	
	jQuery(".categorie_content_left li.notactive").live('mouseout',function(){
		jQuery(this).find("img").prop("src","/skin/frontend/default/zubi/images/niet_geselecteerd.jpg");
	});  
	
	jQuery(".categorie_content_left li.active").live('mosueover',function(){
		jQuery(this).find("img").prop("src","/skin/frontend/default/zubi/images/niet_geselecteerd.jpg");
	});  
	
	jQuery(".categorie_content_left li.active").live('mouseout',function(){
		jQuery(this).find("img").prop("src","/skin/frontend/default/zubi/images/geselecteerd.jpg");
    }); 
	
	// Ajax
	
	// Klikken op filter optie toevoegen
	jQuery(".categorie_content_left li.notactive a").live('click',function(event){
		event.preventDefault();
		var type = jQuery(this).attr("attr-type");
		var waarde = jQuery(this).attr("attr-waarde");
		
		if (getUrlVars(filterurl)[type] !== undefined){
			BuildURL(type,getUrlVars(filterurl)[type] + "," + waarde)
		}else {
			BuildURL(type,waarde);
		}
		
		jQuery(this).parent().removeClass("notactive").addClass("active");
		jQuery(this).parent().find("img").prop("src","/skin/frontend/default/zubi/images/niet_geselecteerd.jpg");
		
		LoadFilterProduction();
	});
	
	// Klikken op filter optie weghalen
	jQuery(".categorie_content_left li.active a").live('click',function(event){
		event.preventDefault();
		var type = jQuery(this).attr("attr-type");
		var waarde = jQuery(this).attr("attr-waarde");
		
		if (getUrlVars(filterurl)[type] !== undefined){
			
			var huidig = getUrlVars(filterurl)[type];
			var waardes = huidig.split(',');
			var huidignieuw = "";
			
			// Nieuwe categorie filter bouwen
			for(var i=0; i<waardes.length; i++) {
				if (waardes[i] != waarde){
					huidignieuw = huidignieuw + "," + waardes[i];
				}
			}
			
			if (huidignieuw == ","){huidignieuw = "";}
			
			BuildURL(type,huidignieuw);
		}else {
			BuildURL(type,waarde);
		}
		
		jQuery(this).parent().removeClass("active").addClass("notactive");
		jQuery(this).parent().find("img").prop("src","/skin/frontend/default/zubi/images/geselecteerd.jpg");
		
		LoadFilterProduction();
	});
	
	// Klikken op kleur optie toevoegen
	jQuery(".categorie_content_left .kleurnotactive a").live('click',function(event){
		event.preventDefault();
		var type = jQuery(this).attr("attr-type");
		var waarde = jQuery(this).attr("attr-waarde");
		
		if (getUrlVars(filterurl)[type] !== undefined){
			BuildURL(type,getUrlVars(filterurl)[type] + "," + waarde)
		}else {
			BuildURL(type,waarde);
		}
		
		jQuery(this).parent().removeClass("kleurnotactive").addClass("kleuractive");
		
		LoadFilterProduction();
	});
	
	// Klikken op kleur optie weghalen
	jQuery(".categorie_content_left .kleuractive a").live('click',function(event){
		event.preventDefault();
		var type = jQuery(this).attr("attr-type");
		var waarde = jQuery(this).attr("attr-waarde");
		
		if (getUrlVars(filterurl)[type] !== undefined){
			
			var huidig = getUrlVars(filterurl)[type];
			var waardes = huidig.split(',');
			var huidignieuw = "";
			
			// Nieuwe kleur filter bouwen
			for(var i=0; i<waardes.length; i++) {
				if (waardes[i] != waarde){
					huidignieuw = huidignieuw + "," + waardes[i];
				}
			}
			
			if (huidignieuw == ","){huidignieuw = "";}
			
			BuildURL(type,huidignieuw);
		}else {
			BuildURL(type,waarde);
		}
		
		jQuery(this).parent().removeClass("kleuractive").addClass("kleurnotactive");
		
		LoadFilterProduction();
	});
	
	// Klikken op een prijs filter
	jQuery(".prijzen option").live('click',function(event){
		var selected = jQuery(this).attr("attr-active");
		//var waarde = jQuery(this).attr("attr-waarde");
		
		if (selected == "1"){
			// Verwijderen
			
			var huidig = "";
			jQuery(".prijzen option:selected").each(function () {
				huidig += jQuery(this).attr("attr-waarde") + ",";
              });
			
			BuildURL("prijs",huidig);
				
			jQuery(this).attr("attr-active","0");
			jQuery(this).removeAttr("selected");
		}else {
			
			// Toevoegen

			var huidig = "";
			jQuery(".prijzen option:selected").each(function () {
				huidig += jQuery(this).attr("attr-waarde") + ",";
              });
			
			BuildURL("prijs",huidig);
			
			jQuery(this).attr("attr-active","1");
			jQuery(this).attr("selected",true);
		}
		
		LoadFilterProduction();
		
	});
	
	// Quickpager
	ShowQuickPager();
	
	// Active menu item
	var activeurl = window.location.pathname;
	var fullurl = window.location.href;
	fullurl = fullurl.replace(/^.*\/\/[^\/]+/, '');
	
	// Loopen menu items en kijken of deze active moet
	jQuery(".menu li").removeClass("active");
	jQuery(".menu li").each(function(){
		var thisliurl = jQuery(this).find("a").attr("href");
		if (activeurl == thisliurl || fullurl == thisliurl){
			jQuery(this).addClass("active");
		}
		
	});
	
	if (activeurl == "/"){
		jQuery(".menu li:nth-child(1)").addClass("active");
	}
	
	// Toon alles
	jQuery(".toon_alles a").click(function(event){
		event.preventDefault();
		
		jQuery(".simplePagerNav").html("");
		//jQuery(".toon_alles").html("");
		jQuery(".categorie_content_right_bottom ul").quickPager({pageSize :"10000"});
	});
	
});  

function ShowQuickPager(){
	jQuery(".categorie_content_right_bottom ul").quickPager({pageSize :"4"});
	//var pager = jQuery(".simplePagerNav").html();
	jQuery(".pagercontainer").html("");
	
	//jQuery(".pagercontainer").html(pager);
}


function LoadFilterProduction(){
	if (url){
		
		jQuery(".categorie_content_right_bottom").html("<br/><center><img src='/js/zubi/ajax-loader.gif' alt='Loading'/></center>");
		jQuery(".categorie_header_left").html("<br/><center><img src='/js/zubi/ajax-loader.gif' alt='Loading'/></center>");
		
		
		jQuery(".hidden_load").load(filterurl + " .categorie_content",function(){
			var html = jQuery(".hidden_load").find(".categorie_content_right_bottom").html();
			jQuery(".categorie_content_right_bottom").html(html);
			
			var html = jQuery(".hidden_load").find(".categorie_header_left").html();
			jQuery(".categorie_header_left").html(html);
			
			jQuery(".hidden_load").html("");
			ShowQuickPager();
		});
	}
}

function getUrlVars(filterurl)
{
    var vars = [], hash;
    var hashes = filterurl.slice(filterurl.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }  
    return vars;
}

function BuildURL(type,nieuw){
	if (getUrlVars(filterurl)["categorie"] !== undefined){
		urlparams[0] = "categorie="+getUrlVars(filterurl)["categorie"];
	}
	if (type == "categorie"){
		urlparams[0] = "categorie="+nieuw;
	}
	
	if (getUrlVars(filterurl)["merk"] !== undefined){
		urlparams[1] = "merk="+getUrlVars(filterurl)["merk"];
	}
	if (type == "merk"){
		urlparams[1] = "merk="+nieuw;
	}
	
	if (getUrlVars(filterurl)["collectie"] !== undefined){
		urlparams[2] = "collectie="+getUrlVars(filterurl)["collectie"];
	}
	if (type == "collectie"){
		urlparams[2] = "collectie="+nieuw;
	}
	
	if (getUrlVars(filterurl)["maat"] !== undefined){
		urlparams[3] = "maat="+getUrlVars(filterurl)["maat"];
	}
	if (type == "maat"){
		urlparams[3] = "maat="+nieuw;
	}
	
	if (getUrlVars(filterurl)["kleur"] !== undefined){
		urlparams[4] = "kleur="+getUrlVars(filterurl)["kleur"];
	}
	if (type == "kleur"){
		urlparams[4] = "kleur="+nieuw;
	}
	
	if (getUrlVars(filterurl)["q"] !== undefined){
		urlparams[5] = "q="+getUrlVars(filterurl)["q"];
	}
	if (type == "zoekterm"){
		urlparams[5] = "q="+nieuw;
	}
	
	if (getUrlVars(filterurl)["prijs"] !== undefined){
		urlparams[6] = "prijs="+getUrlVars(filterurl)["prijs"];
	}
	if (type == "prijs"){
		urlparams[6] = "prijs="+nieuw;
	}
	
	filterurl = url + urlparams[0] + "&" + urlparams[1] + "&" + urlparams[2] + "&" + urlparams[3] + "&" + urlparams[4] + "&" + urlparams[5] + "&" + urlparams[6];
}