// Tijd voordat de header verspringt naar volgende img
var itemWait = 5000;

// Animatie snelheid van de header en de schuifmenu's
var animSpeed = 300;

// Alleen nummers 
function isNumberKey(evt)
{
	var charCode = (evt.which) ? evt.which : event.keyCode
	if (charCode > 31 && (charCode < 48 || charCode > 57))
	{
		return false;
	}
	return true;
}

// Alle categorieën in het submenu tonen
function showProducts(show)
{
	if(!show)
	{
		$("#productmenu").html(''); 
		$("#productmenu").hide();
	}
	else
	{
		$("#productmenu").show();
		getContent("products.php?page=menu", "#productmenu")
	}
}

// Het aantal divs bepalen
function isRight(div)
{
	// Als er geen rechter div moet komen...
	if(div == false)
	{
		$("#contentright").html(''); 
		$("#contentright").hide(); 
		$("#contentmiddle").width('530');
		$("#contentright").width('0');
	}
	// Als er wel een rechter div moet komen...
	else
	{
		$("#contentmiddle").width('260');
		$("#contentright").width('260');
	}
}

// De offerte legen
function emtpyOfferte(div)
{
	getContent("backend.php?page=empty", div);
}

// Een product aan een offerte toevoegen
function addOfferte(type_id, number, div)
{
	type_id = type_id;
	number = number;
	
	getContent("backend.php?page=offerte&type_id=" + type_id + "&number=" + number, div);
}

// Een persoon aan de mailinglist toevoegen
function addMailinglist(mailinglist_email, div)
{
	mailinglist_emailelement = document.getElementById('mailinglist_email');
	mailinglist_email = mailinglist_email;
	var error = 0;
	
	// Verplichte velden checken
	if(!check_lenght(mailinglist_email) || !check_email(mailinglist_email)) { error += 1; mailinglist_emailelement.style.background = "#CC0033"; } else { mailinglist_emailelement.style.background = "#FFFFFF"; }
	
	if(error <= 0)
	{
		getContent("backend.php?page=mailinglist&mailinglist_email=" + mailinglist_email, div);
	}
	
}

// Een persoon van de mailinglist verwijderen
function deleteMailinglist(mailinglist_email, div)
{
	mailinglist_emailelement = document.getElementById('mailinglist_email');
	mailinglist_email = mailinglist_email;
	var error = 0;
	
	// Verplichte velden checken
	if(!check_lenght(mailinglist_email) || !check_email(mailinglist_email)) { error += 1; mailinglist_emailelement.style.background = "#CC0033"; } else { mailinglist_emailelement.style.background = "#FFFFFF"; }
	
	if(error <= 0)
	{
		getContent("backend.php?page=uitschrijven&mailinglist_email=" + mailinglist_email, div);
	}
	
}

// Aanroepen wanneer het aantal-veld bij offerte focus verliest, zodat de aantal-wijziging word opgeslagen in de sessie
function siteNumberOfferte(item_id, numberof)
{
	item_id = item_id;
	numberof = numberof;
	
	getContent("backend.php?page=numberof&item_id=" + item_id + "&numberof=" + numberof);
}

// Een bepaald item uit de offerte verwijderen 
function deleteItemOfferte(item_id, div)
{
	item_id = item_id;

	getContent("backend.php?page=delete&item_id=" + item_id, div);
}

function check_lenght(value)
{
	if(value.length <= 0)
	{
		return false;
	}
	
	return true;
}

// Even alle troep uit de velder halen
function check_email(value){
	var filter = /^[\.\_\-A-Za-z0-9]+[@][A-Za-z0-9]+\.[\.A-Za-z]{2,4}/;
	return filter.test(value);
}

// Een mail via het contactformulier verzenden
function sendContact(contactname, contactemail, contacttext, div)
{
	var error = 0;
	
	contactnameelement = document.getElementById('contactname');
	contactemailelement = document.getElementById('contactemail');
	contacttextelement = document.getElementById('contacttext');
	
	// Verplichte velden checken
	if(!check_lenght(contactname)) { error += 1; contactnameelement.style.background = "#CC0033"; } else { contactnameelement.style.background = "#FFFFFF"; }
	if(!check_lenght(contactemail) || !check_email(contactemail)) { error += 1; contactemailelement.style.background = "#CC0033"; } else { contactemailelement.style.background = "#FFFFFF"; }
	if(!check_lenght(contacttext)) { error += 1; contacttextelement.style.background = "#CC0033"; } else { contacttextelement.style.background = "#FFFFFF"; }
	
	if(error <= 0)
	{
		getContent("backend.php?page=emailcontact&contactname=" + contactname + "&contactemail=" + contactemail + "&contacttext=" + contacttext, div);	
	}
}

// De offerte met persoonlijke gegevens verzenden
function sendOfferte(offertelocation, offertefloor, offertebuilddate, offertebuildhour, offertebuildminute, offertedestroydate, offertedestroyminute, offertedestroyhour, offerteeventdate, offerteinformation, offertename, offertecompany, offerteemail, offertetelephone, offertemobile, offertefax, div)
{
	var error = 0;
	
	offertenameelement = document.getElementById('offertename');
	offerteemailelement = document.getElementById('offerteemail');
	offertelocationelement = document.getElementById('offertelocation');
	leveringsvoorwaardenelement = document.getElementById('leveringsvoorwaarden');
	mailinglistnelement = document.getElementById('mailinglist');
	
	// Verplichte velden checken
	if(!check_lenght(offertename)) { error += 1; offertenameelement.style.background = "#CC0033"; } else { offertenameelement.style.background = "#FFFFFF"; }
	if(!check_lenght(offertelocation)) { error += 1; offertelocationelement.style.background = "#CC0033"; } else { offertelocationelement.style.background = "#FFFFFF"; }
	if(!check_lenght(offerteemail) || !check_email(offerteemail)) { error += 1; offerteemailelement.style.background = "#CC0033"; } else { offerteemailelement.style.background = "#FFFFFF"; }
	if(leveringsvoorwaardenelement.checked == false) { error += 1; alert ('U kunt alleen een offerte aanvragen als u het eens bent met onze leveringsvoorwaarden!'); }
	if(mailinglistnelement.checked == false) { mailinglistvar = "false"; } else { mailinglistvar = "true"; }
	
	if(error <= 0)
	{
		getContent("backend.php?page=emailofferte&mailinglist=" + mailinglistvar + "&offertelocation=" + offertelocation + "&offertefloor=" + offertefloor + "&offertebuilddate=" + offertebuilddate + "&offertebuildhour=" + offertebuildhour + "&offertebuildminute=" + offertebuildminute + "&offertedestroydate=" + offertedestroydate + "&offertedestroyminute=" + offertedestroyminute + "&offertedestroyhour=" + offertedestroyhour + "&offerteeventdate=" + offerteeventdate + "&offerteinformation=" + offerteinformation + "&offertename=" + offertename + "&offertecompany=" + offertecompany + "&offerteemail=" + offerteemail + "&offertetelephone=" + offertetelephone + "&offertemobile=" + offertemobile + "&offertefax=" + offertefax, div);	
		getContent("backend.php?page=nothingofferte", "#contentmiddle");
	}
}

function hideDatepicker()
{
	// Datepicker weghalen
	$(".datepicker").hide();
}

function showDatepicker()
{
	// Datepicker laten zien
	$(".datepicker").show();
}
	
// Content ophalen en in een bepaalde div zetten	
function getContent(url, div)
{
	hideDatepicker();
	
	
	if(div != "")
	{
		$.ajax({
		  url: url,
		  success: function(data) {
				$(div).stop(true,true).showHtml(data, animSpeed);
		  }
		})
	} 
	else
	{
		$.ajax({
		  url: url,
		  success: function(data) { }
		})
	}
}	

// Function om menu items kleur te geven
function MenuItems(id)
{
	var id = id;
	var i = 1;
	var topmenuitems = 4; // Aantal items in het bovenste menu
	var leftmenuitems = 5; // Aantal items in het onderste menu
	
	// Alle menu items doorlopen om ze een kleur te geven
	for (i = 1; i <= (topmenuitems + leftmenuitems); i++)
	{
		element = document.getElementById('menuitem' + i);		
		
		// Als een item een bovenstemenuitem is...
		if(i <= topmenuitems)
		{
			// De top menu items een kleur geven
			// Bij een geselecteerd item...
			if(i ==id)
			{
				$('#menuitem' + i).animate({
					opacity: 0.75
				});
				
				element.style.background = '#CCCCCC';
				element.style.color = '#333333';
			}
			// Bij een niet geselecteerd item...
			else
			{
				$('#menuitem' + i).animate({
					opacity: 1.00
				});
				
				element.style.background = '#999999';
				element.style.color = '#000000';
			}
		}
		// Als een item een linker menu item is...
		if(i > topmenuitems && i <= (topmenuitems + leftmenuitems))
		{
			// De top menu items een kleur geven
			// Bij een geselecteerd item...
			if(i !=id)
			{   
				$('#menuitem' + i).animate({
					width: '100%'
				});
				
				element.style.background = '#000000';
				element.style.color = '#FFFFFF';
			}
			// Bij een niet geselecteerd item...
			else
			{
				$('#menuitem' + i).animate({
					width: '240px'
				});
			
				element.style.background = '#000000';
				element.style.color = '#CC0033';
			}
		}
	}
}