var page = 1;
var resultsPerPage = 20;
var adjacentPages = 2;
var documentLocation = document.location.href.split('pagina.php');

$(document).ready(function() {
	if ($('.letter').length != 0) {
		$('.letter').hide();
		$('.abc').click(function() {
			var abcLetter = $(this).attr('id').split('_');
			if ($('#abcLetter_'+abcLetter[1]).css('display') == 'none') {
				$('#abcLetter_'+abcLetter[1]).slideDown();
			} else {
				$('#abcLetter_'+abcLetter[1]).slideUp();
			}
		});
	}
	
	if ($("div.extraCustInfo").length > 0)	{
		handleExtraTextCustomer();
	}
	

	//back link from productdetail to searchresult
	if ($('a#bpLink').length != 0)	{
		var curLink = $('a#bpLink').attr('href');
		//check for real link
		var cLink = curLink.split('.');
		if (cLink[1].substring(0,4) == 'html' || cLink[1].substring(0,3) == 'php')	{
			//check if the p get var is incomming
			var getP = getVar('p');
			var getFb = getVar('fb');
			if(getP != '')	{
				//oke, generate the link
				if (cLink[1].substring(0,4) == 'html')	{
					var newLink = curLink + '?bp='+getP;
				}else	{
					var newLink = curLink + '&bp='+getP;
				}
				//replace
				$('a#bpLink').attr('href',newLink);
				//for the brand pages
			}else if (getFb != '' && getFb == 't')	{
				//oke, generate the link
				var newLink = 'Javascript:history.back()';
				//replace
				$('a#bpLink').attr('href',newLink);
			}
		}
	}

	//productfilter
	if ($('#filter').length != 0) {
		$.getScript('/handleFilterSession.php?action=loadSession', function() {
			$.getJSON('/json/products_'+currentProductGroupID+'.json', false, function(data, textStatus){
				var tagsAdded = new Array();
				var sizesAdded = new Array();
				var productCount = 0;
				$.each(data.products, function() {
					//voorkomende tags toevoegen aan de style fieldset
					if (this.tags != undefined) {
						$.each(this.tags, function(i, val) {
							if (!in_array(i, tagsAdded)) {
								tagsAdded[tagsAdded.length] = i;
								$('#stylesFieldset').append('<input class="checkbox floatLeft" type="checkbox" name="style[]" id="style_' + i + '" value="' + i + '" onclick="handleSearch()"><label class="active" for="style_' + i + '">' + val.naam + '</label><br>');
								if (sessionStyles != undefined && sessionStyles != 'undefined') {
									if (in_array(i, sessionStyles)) {
										$('#style_'+i).attr('checked', true);
									}
								}
							}
						});
					}

					//voorkomende maten toevoegen aan de size fieldset
					//if (this.artikelen != undefined) {
//						$.each(this.artikelen, function (i, val) {
//							if (!in_array(i, sizesAdded)) {
//								sizesAdded[sizesAdded.length] = i;
//								$('#sizesFieldset').append('<input class="checkbox floatLeft" type="checkbox" name="size[]" id="size_' + i + '" value="' + i + '" onclick="handleSearch()"><label class="active" for="size_' + i + '">' + val.artikelnaam + '</label><br>');
//								if (sessionSizes != undefined) {
//									if (in_array(i, sessionSizes)) {
//										$('#size_'+i).attr('checked', true);
//									}
//								}
//							}
//						});
//					}

					//if (this.artikelen != undefined) {
//						$.each(this.artikelen, function (i, val) {
//							if (!in_array(val.artikelnaam, sizesAdded)) {
//								sizesAdded[sizesAdded.length] = val.artikelnaam;
//								$('#sizesFieldset').append('<input class="checkbox floatLeft" type="checkbox" name="size[]" id="size_' + val.artikelnaam + '" value="' + val.artikelnaam + '" onclick="handleSearch()"><label class="active" for="size_' + val.artikelnaam + '">' + val.artikelnaam + '</label><br>');
//								if (sessionSizes != undefined) {
//									if (in_array(val.artikelnaam, sessionSizes)) {
//										$('#size_'+val.artikelnaam).attr('checked', true);
//									}
//								}
//							}
//						});
//					}

					productCount++;
				});
				$.each(data.brands, function(i, val) {
					$('#brandsFieldset').append('<input class="checkbox floatLeft" type="checkbox" name="brand[]" id="brand_' + i + '" value="' + i + '" onclick="handleSearch()"><label class="active" for="brand_' + i + '">' + val + '</label><br>');
					if (sessionBrands != undefined) {
						if (in_array(i, sessionBrands)) {
							$('#brand_'+i).attr('checked', true);
						}
					}
				});
				if (sessionStock != undefined) {
					if (sessionStock[0] == 1) {
						$('#stock').attr('checked', true);
					}
				}

				if (sessionNew != undefined) {
					if (sessionNew[0] == 1) {
						$('#new').attr('checked', true);
					}
				}

				//check for a diff page
				var difP = getVar('bp');
				if (difP != '')	{
					//number?
					var filter=/^[0-9]+$/i
					if (filter.test(difP)) 	{
						handleSearch(difP, true);
					}else	{
						handleSearch(1, true);
					}
				}else	{
					handleSearch(1, true);
				}
	        });//end getJSON
		});//end getScript
	}

	addFormAction();
	
	handleFormValidate();

});

function showResultsPerPage(results)
{
	$('#productsPerpage').val(results);
	$('#theFilterForm').submit();
}

function handleFormValidate()
{
	if ($("form.formElement").length > 0 && $(".isReq").length > 0)	{		
		//validate the fields
		$("form.formElement").submit(function()	{
			//check the fields
			var foundError = false;
			$(".isReq").each(function()	{
				if ($(this).val() == '')	{
					$(this).css("border", "1px solid red");
					foundError = true;
				}else	{
					$(this).css("border", "1px solid #7F9DB9");
				}
			})
			if (foundError)	{
				$("p.errorForm").show();
				return false;
			}else	{
				return true;
			}
		})
	}
}

function handleExtraTextCustomer()
{
	//check the hash
	var wHash = window.location.hash;
	if (wHash != "") {
		$.ajax({
			url: "/javascript/ajaxRequests/extraCustText.php",
			type: "POST",
			data: "wHash="+wHash,
			dataType: "html",			
			success: function(data) {								
				$("div.extraCustInfo").html(data);				
			}
		});
	}
		
}


function handleSearch(currentPage, isFirst)
{
	if (isFirst == undefined) {
		$('#loadingFilter').css('opacity', '0.6');
		$('#loadingFilter').fadeIn(100);
		$('#loadingProducts').css('opacity', '0.6');
		$('#loadingProducts').fadeIn(100);
	}
	if (currentPage == undefined) {
		page = 1;
	} else {
		page = currentPage;
	}

	var checkedBoxes = '';
	var checkedBrands = $('#brandsFieldset > input:checked');
	checkedBrandIDs = new Array();
	$.each(checkedBrands, function (i, val) {
		checkedBrandIDs[checkedBrandIDs.length] = val.value;
		checkedBoxes += '&brands[]=' + val.value;
	});
	var checkedStyles = $('#stylesFieldset > input:checked');
	checkedStyleIDs = new Array();
	$.each(checkedStyles, function (i, val) {
		checkedStyleIDs[checkedStyleIDs.length] = val.value;
		checkedBoxes += '&styles[]=' + val.value;
	});
	var checkedSizes = $('#sizesFieldset > input:checked');
	checkedSizesIDs = new Array();
	$.each(checkedSizes, function (i, val) {

		checkedSizesIDs[checkedSizesIDs.length] = val.value;
		checkedBoxes += '&sizes[]=' + val.value;
	});
	var checkedStock = $('#stockFieldset > input:checked');
	checkedStockIDs = new Array();
	$.each(checkedStock, function (i, val) {
		checkedStockIDs[checkedStockIDs.length] = val.value;
		checkedBoxes += '&stock[]=' + val.value;
	});
	var checkedNew = $('#newFieldset > input:checked');
	checkedNewIDs = new Array();
	$.each(checkedNew, function (i, val) {
		checkedNewIDs[checkedNewIDs.length] = val.value;
		checkedBoxes += '&new[]=' + val.value;
	});

	//save checked items to session through ajax
	$.ajax({
		url: "/handleFilterSession.php",
		type: "POST",
		data: 'action=saveSession' + checkedBoxes,
		dataType: "html",
		cache: false
	});

	//load products in this productgroup
	$.getJSON('/json/products_'+currentProductGroupID+'.json', false, function(data, textStatus){
		var productHTML = headerHTML = '';
		var productCountTotal = productCountFound = 0;
		var teller = 1;
		$.each(data.products, function() {
			//merk gevonden in aangevinkte brands
			if (checkedBrandIDs.length == 0 || in_array(this.info.merk, checkedBrandIDs)) {
				//product doorzoeken op tags
				stylesFound = 0;
				if (checkedStyleIDs.length > 0) {
					if (this.tags != undefined) {
						$.each(this.tags, function (i, val) {
							if (in_array(i, checkedStyleIDs)) {
								stylesFound++;
							}
						});
					}
				}

				//stijl gevonden in aangevinkte stijlen
				if (checkedStyleIDs.length == 0 || stylesFound > 0) {
					//doorzoeken van producten op maten
					sizesFound = 0;
					if (checkedSizesIDs.length > 0) {
						if (this.artikelen != undefined) {
							$.each(this.artikelen, function (i, val) {
								//alert(val.artikelnaam);
								if (in_array(val.artikelnaam, checkedSizesIDs)) {
									sizesFound++;
								}
							});
						}
					}

					//maat gevonden
					if (checkedSizesIDs.length == 0 || sizesFound > 0) {

						//doorzoeken van producten op voorraad
						stockFound = 0;
						if (checkedStockIDs.length > 0) {
							if (this.artikelen != undefined) {
								$.each(this.artikelen, function (i, val) {
									if (val.voorraad > 0) {
										stockFound++;
									}
								});
							}
						}

						//doorzoeken van producten op new
						newFound = 0;
						if (checkedNewIDs.length > 0) {
							if (this.info.isNew > 0) {
								newFound++;
							}
						}

						//@TODO voorraad telling fout

						//alle maten die zijn aangevinkt zijn op voorraad
						//if (checkedStockIDs.length == 0 || stockFound > 0) {
						if (checkedNewIDs.length == 0 || newFound > 0) {
							//if (productCountTotal == 0) {
								if ( (productCountFound >= ( (page-1) * resultsPerPage) )
									&& (productCountFound < (page * resultsPerPage) )
								)
								{
									if (teller == 4) {
										productLastClass = ' product_last';
										teller = 0;
									} else {
										productLastClass = '';
									}
									if (documentLocation.length == 1) {
										currentLink = this.info.link_static + '?p='+page;
									} else {
										currentLink = this.info.link_dynamic + '&p='+page;
									}
									//product toevoegen aan het overzicht als > start < start+8
									productHTML += '<div class="product_wrap' + productLastClass + '">';
									productHTML += '<div class="head2">';
									productHTML += '<a href="' + currentLink + '" title="' + this.info.merknaam + ' ' + this.info.productnaam + '">' + this.info.merknaam + ' ' + this.info.productnaam + '&raquo;</a>';
									productHTML += '</div>';
									productHTML += '<div class="box2 box2_product">';
									productHTML += '<a class="img" href="' + currentLink + '" title="' + this.info.merknaam + ' ' + this.info.productnaam + '" class="imgLink">';
									productHTML += '<img src="/media/224x168/' + this.info.voorzijde + '" alt="' + this.info.merknaam + ' ' + this.info.productnaam + '"  id="img_front_' + this.info.structuurID + '">';// onmouseover="showBack(\'img_front_' + this.info.structuurID + '\',\'img_back_' + this.info.structuurID + '\');"
									if (this.info.achterzijde != undefined && this.info.achterzijde != '') {
										productHTML += '<img src="/media/130x208/' + this.info.achterzijde + '" alt="' + this.info.merknaam + ' ' + this.info.productnaam + '" style="display: none;" id="img_back_' + this.info.structuurID + '" onmouseout="hideBack(\'img_front_' + this.info.structuurID + '\',\'img_back_' + this.info.structuurID + '\');">';
									}
									productHTML += '</a>';
									productHTML += '<div class="inhoud">';
									productHTML += '<div class="tekst">';
									if (this.info.productNewSale != '' ) {
										productHTML += '<span class="new">' + this.info.productNewSale + '</span> ';
									}
									productHTML += this.info.korte_omschrijving;

									if (this.info.prijs_van != '' && this.info.prijs_van != undefined) {
//										productHTML += '<div class="prijs"><span class="euro_van">&euro; ' + this.info.prijs_van + '</span></div>';
									}
									productHTML += '<div class="prijs"><span class="euro">' + this.info.prijs + '</span></div>';

									productHTML += '</div>';
									productHTML += '<a class="more" href="' + currentLink + '" title="' + this.info.merknaam + ' ' + this.info.productnaam + '">&nbsp;</a>';
									productHTML += '</div>';
									productHTML += '<div class="clear">&nbsp;</div>';
									productHTML += '</div>';
									productHTML += '</div>';

									teller++;
								}
							//}
							productCountFound++;
						}
					}
				}
			}
			productCountTotal++;
		});
		pagingHTML = $.getPaging(page, productCountFound, resultsPerPage);
		$('.pageNr').html(pagingHTML);
		$('.content_bb').html(productHTML + '<div class="clear"></div><div class="pageNr">'  + pagingHTML + '</div>');
		$('#loadingFilter').fadeOut(200);
		$('#loadingProducts').fadeOut(200);
	});
}

$.getPaging = function(page, productCountFound, resultsPerPage)
{
	//alert(page + ',' + productCountFound + ',' + resultsPerPage);
	var prev = page - 1;                            					//previous page is page - 1
	var next= page + 1;                            						//next page is page + 1
	var lastpage = Math.ceil(productCountFound / resultsPerPage);       //lastpage is = total pages / items per page, rounded up.
	var lpm1 = lastpage - 1;                      						//last page minus 1

	var pagingHTML = '';
	if (lastpage > 1) {
		//previous button
		if (page > 1) {
			pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + prev + ');" class="page_next">Vorige</a>';
		} else {
			pagingHTML += '<span class="disabled">Vorige</span>';
		}

		//don't break up
		if (lastpage < 7 + (adjacentPages * 2)) {
			for (i = 1; i <= lastpage; i++) {
				if (i == page)	{
		            pagingHTML += '<span class="current">' + i + '</span>';
				} else {
		            pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + i + ');">' + i + '</a>';
				}
			}
		} else if (lastpage > 5 + (adjacentPages * 2) ) {//enough pages to hide some
		    //close to beginning; only hide later pages
		    if(page < 1 + (adjacentPages * 2)) {
		        for (i = 1; i < 4 + (adjacentPages * 2); i++) {
		            if (i == page)	{
		                pagingHTML += '<span class="current">' + i + '</span>';
					}else	{
		                pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + i + ');">' + i + '</a>';
					}
		        }
		        pagingHTML += '<strong>...</strong>';
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + lpm1 + ');">' + lpm1 + '</a>';
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + lastpage + ');">' + lastpage + '</a>';
		    } else if(lastpage - (adjacentPages * 2) > page && page > (adjacentPages * 2)) {

	    		//in middle; hide some front and some back
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(1)">1</a>';
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(2)">2</a>';
		        pagingHTML += '<strong>...</strong>';
		        for (i = page - adjacentPages; i <= page + adjacentPages; i++)
		        {
		            if (i == page)	{
		                pagingHTML += '<span class="current">' + i + '</span>';
					}else	{
		                pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + i + ')">' + i + '</a>';
					}
		        }
		        pagingHTML += '<strong>...</strong>';
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' +  lpm1 + ')">' + lpm1 + '</a>';
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + lastpage + ')">' + lastpage + '</a>';
		    } else {
	    		//close to end; only hide early pages
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(1)">1</a>';
		        pagingHTML += '<a href="#cartoverview" onclick="handleSearch(2)">2</a>';
		        pagingHTML += '<strong>...</strong>';
		        for (i = lastpage - (2 + (adjacentPages * 2)); i <= lastpage; i++)
		        {
		            if (i == page)	{
		                pagingHTML += '<span class="current">' + i + '</span>';
					}else	{
		                pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + i + ')">' + i + '</a>';
					}
		        }
		    }
		}

		//next button
		if ( next <= lastpage) {
			pagingHTML += '<a href="#cartoverview" onclick="handleSearch(' + next + ');" class="page_next">Volgende</a>';
		} else {
			pagingHTML += '<span class="disabled">Volgende</span>';
		}
	}
	return pagingHTML;
}

function getVar( name )
{
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	var regexS = "[\\?&]"+name+"=([^&#]*)";
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null ) {
		return "";
	} else {
		return results[1];
	}
}

function checkStock(number, articleID)
{
	if (articleID > 0) {
		$.getJSON('/json/products_'+currentProductGroupID+'.json', false, function(data, textStatus){
			var validStock = false;
			var stockFound = 0;
			$.each(data.products, function() {
				if (this.artikelen != undefined) {
					$.each(this.artikelen, function (i, val) {
						if (i == articleID) {
							if (number <= val.voorraad) {
								validStock = true;
							} else {
								stockFound = val.voorraad;
							}
						}
					});
				}
			});
			if (!validStock) {
				if (stockFound == 0) {
					alert('Er zijn helaas geen artikelen op voorraad!');
				} else if (stockFound == 1) {
					alert('Er is helaas nog maar ' + stockFound + ' artikel op voorraad!');
				} else {
					alert('Er zijn helaas nog maar ' + stockFound + ' artikelen op voorraad!');
				}
				$('#quantity').val(stockFound);
			}
		});
	}
}

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
	$("<img>").attr("src", arguments[i]);
  }
}

function showResultsPerPage(results)
{
	$('#productsPerpage').val(results);
	$('#theFilterForm').submit();
}

function submitFilterForm()
{
	$('#page').val('1');
	$('#theFilterForm').submit();
}

//add action to filterform
function addFormAction()
{
	$('#theFilterForm').submit(function() {
		//display loadingdiv
		$("#loadingFilter").css('opacity', '0.5');
		$("#loadingFilter").css('display','block');
		$("#loadingProducts").css('opacity', '0.5');
		$("#loadingProducts").css('display','block');
		var inputs = $("#theFilterForm :input");
		var filterUrl = '';
		//create filterAjaxurl
		inputs.each(function(i){
			if ($(this).attr('type') == 'checkbox' && $(this).attr('checked') == true) {
				if (filterUrl == '') {
					filterUrl =  $(this).attr('name') + '=' + $(this).val()
				} else {
					filterUrl =  filterUrl + '&' + $(this).attr('name') + '=' + $(this).val()
				}
			} else if ($(this).attr('type') == 'text' || $(this).attr('type') == 'hidden') {
				if (filterUrl == '') {
					filterUrl =  $(this).attr('name') + '=' + $(this).val()
				} else {
					filterUrl =  filterUrl + '&' + $(this).attr('name') + '=' + $(this).val()
				}
			}
 		});

 		//process ajaxrequest
		$.ajax({
			url: "/filterProducts.php",
			type: "POST",
			data: filterUrl,
			dataType: "html",
			//cache: false,
			success: function(responseHtml) {
				var $holder = $('<div/>').html(responseHtml);
				//update filterDiv
				$('#productFilter').html($('#productFilter', $holder).html());
				//update productresultdiv
				$('.content_bb').html($('#productsFound', $holder).html());

				$("#loadingFilter").css('display','none');
				$("#loadingProducts").css('display','none');
				addFormAction();
			}
		});
		return false;
	});
}

function showLoginError(elementName){

	var element = document.getElementById(elementName);

	$.modal($(element),{

    	minHeight:17,
		containerCss:{backgroundColor:"#fff",height:130,padding:0,width:322},

		onOpen: function(dialog)
		{
			dialog.overlay.fadeIn('fast', function () {
				dialog.container.slideDown('normal', function () {
					dialog.data.fadeIn('normal');

					element.style.visibility = 'visible';


				});
			});
		},
		onClose: function(dialog)
		{
			dialog.overlay.fadeOut('fast', function () {
				dialog.container.fadeOut('fast', function () {
					dialog.data.fadeOut('fast', function () {

						$.modal.close(); // must call this!
						$("#klantLoginFoutMeldingen").remove(); // and this too!

					});
				});
			});
		}

	});
}


function showHideFilter()
{
	if ($("#filter").css('display') == 'block') {
		$("#filter").slideUp('slow', function() {
			$("#headFilter").css('margin-bottom', '10px');
		});
		$("#headFilter > a").removeClass('in_uitklap_active');
		$("#headFilter > a").addClass('in_uitklap');
	} else {
		$("#headFilter").css('margin-bottom', '0px');
		$("#filter").slideDown('slow');
		$("#headFilter > a").addClass('in_uitklap_active');
		$("#headFilter > a").removeClass('in_uitklap');
	}
}

function showResultPage(number)
{
	$('#page').val(number);
	$('#theFilterForm').submit();
}

function uncheckFilter(id)
{
	$('#' + id + 'Fieldset > input').attr('checked', false);
	$('#theFilterForm').submit();
}

// check whether fieldvalue is unique or not
function checkFieldValue( structuurid, eigenschapnaam, element ){

		// error span verwijderen
		var id = $(element).attr('id') + '_error';
		var value = element.value;

		if (value.length > 0) {

			filterUrl =  'action=checkduplicate&id='+ structuurid + '&esnaam=' + eigenschapnaam + '&value=' + value;

 			//process ajaxrequest
			$.ajax({
				url: "/ajaxrequests.php",
				type: "POST",
				data: filterUrl,
				dataType: "html",
				cache: false,
				success: function(responseHtml) {


					if (responseHtml != 'false') {

						$("#"+id+"").remove();
						// add span
						$(element).after('<span id="' + id +'" class="error">' + responseHtml + '</span>');
						//for (var x in element ) alert(x);

					}
				}
			});

		}
}

// check length of field value
function checkFieldLength( element, min, max ){

		// error span verwijderen
		var id = $(element).attr('id') + '_error';
		var value = element.value;

		$("#"+id+"").remove();

		if ((value.length < min) || (value.length > max)){
			// add span
			$(element).after('<span id="' + id +'" class="error">Aanbevolen lengte is tussen ' + min + ' en ' + max + '.</span>');
			//for (var x in element ) alert(x);

		}
}


//laden van netto prijzen, in structuurIDPrices zitten 1 of meerdere structuren met hun prijs structuurID:prijs;structuurID2;prijs2
function loadDiscountPrices(structuurIDPrices)
{
	$.ajax({
		url: "/ajaxrequests.php",
		type: "POST",
		data: 'action=loadDiscountPrices&structuurIDPrices='+structuurIDPrices,
		dataType: "html",
		success: function(responseHtml) {
			var $holder = $('<div/>').html(responseHtml);
			var $children = $holder.children('div');
			$.each($children, function(val, i) {
				$('#' + i.id).html(i.innerHTML);
			});
		}
	});

}