var y,l,s,n,d;

//AJAX SUPPORT
function updateTarget(url, parameters, target)
{
	if (window.XMLHttpRequest)
	{
		xmlhttp = new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
	}
	else
	{
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // code for IE6, IE5
	}
	xmlhttp.open("POST",url,false);
	if(parameters != null) {
		xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	    xmlhttp.setRequestHeader("Content-length", parameters.length);
	    xmlhttp.setRequestHeader("Connection", "close");  
    }
	xmlhttp.send(parameters);
	document.getElementById(target).innerHTML = xmlhttp.responseText;
	//alert(xmlhttp.responseText);
}

function updateFormSelect(url, parameters, target)
{
	if (window.XMLHttpRequest)
	{
		xmlhttp = new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
	}
	else
	{
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // code for IE6, IE5
	}
	xmlhttp.open("POST",url,false);
	if(parameters != null) {
		xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	    xmlhttp.setRequestHeader("Content-length", parameters.length);
	    xmlhttp.setRequestHeader("Connection", "close");  
    }
	xmlhttp.send(parameters); 

	theArray = xmlhttp.responseText.split("--");
	
	document.getElementById(target).options[0] = new Option("","",null,null);
	
	for (var i = 1; i < theArray.length; ++i) {
		var tempObject = JSON.parse(theArray[i-1]);
		document.getElementById(target).options[i] = new Option(tempObject.text,tempObject.value,null,null);
	}
	
	theArray.length = 0;
	
	/* document.photoform.city.options[0] = new Option("Schagen",22,null,null);
	document.photoform.city.options[1] = new Option("'t Veld",22,null,null);
	document.photoform.city.options[2] = new Option("'t Zand",22,null,null);
	document.photoform.city.options[3] = new Option("Schagerbrug",22,null,null);
	document.photoform.city.options[4] = new Option("Papoejwz",22,null,null); */
}


//SHOPPING CART SUPPORT
function addToCart(n) {
	var x1 = document.photoform.city.selectedIndex;
	var l = document.photoform.city.options[x1].value;
	var x2 = document.photoform.year.selectedIndex;
	var y = document.photoform.year.options[x2].value;
	var x3 = document.photoform.serie.selectedIndex;
	var s = document.photoform.serie.options[x3].value;
	var x4 = document.photoform.day.selectedIndex;
	var d = document.photoform.day.options[x4].value;
	
	if(s == 0 && y != 0 && l != 0 && d==0) {
		var parameters = "y="+y+"&l="+l+"&p="+currentPageNumber+"&n="+n;
	}
	else if(s == 0 && y != 0 && l != 0 && d!=0) {
		var parameters = "y="+y+"&l="+l+"&d="+d+"&p="+currentPageNumber+"&n="+n;
	}
	else {
		var parameters = "y="+y+"&l="+l+"&s="+s+"&p="+currentPageNumber+"&n="+n;
	}
	
	var url = "script/addToCart.php";
	
	if (window.XMLHttpRequest)
	{
		xmlhttp = new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
	}
	else
	{
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // code for IE6, IE5
	}
	xmlhttp.open("POST",url,false);
	if(parameters != null) {
		xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	    xmlhttp.setRequestHeader("Content-length", parameters.length);
	    xmlhttp.setRequestHeader("Connection", "close");  
	}
	xmlhttp.send(parameters);
	
	updateTarget("script/cart.php", "", "cart");
	
	//document.getElementById("cart").innerHTML += y + " " + l + " " + s + " " + n + "<br />";
}

function recalculatePrice(i) {
	var newAmount = document.getElementById('cartPhotoAmount'+i).value;
	var x = document.getElementById('cartPhotoSize'+i).selectedIndex;
	var newSize = document.getElementById('cartPhotoSize'+i).options[x].value;
	var parameters = "a="+newAmount+"&s="+newSize+"&i="+i;
	var url = "script/recalculatePrice.php";
	
	if (window.XMLHttpRequest)
	{
		xmlhttp = new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari
	}
	else
	{
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); // code for IE6, IE5
	}
	xmlhttp.open("POST",url,false);
	if(parameters != null) {
		xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	    xmlhttp.setRequestHeader("Content-length", parameters.length);
	    xmlhttp.setRequestHeader("Connection", "close");  
	}
	xmlhttp.send(parameters);
	
	updateTarget("script/cart.php", "", "cart");
}

//PHOTOS SUPPORT
function updateYear() {
	document.photoform.city.options.length = 0;
	document.photoform.serie.options.length = 0;
	document.photoform.day.options.length = 0;
	
	var x = document.photoform.year.selectedIndex;
	var y = document.photoform.year.options[x].value;
	updateFormSelect("script/city.php", "y="+y, "city");
}

function updateCity() {
	document.photoform.serie.options.length = 0;
	document.photoform.day.options.length = 0;

	var x1 = document.photoform.city.selectedIndex;
	var l = document.photoform.city.options[x1].value;
	var x2 = document.photoform.year.selectedIndex;
	var y = document.photoform.year.options[x2].value;
	updateFormSelect("script/day.php", "y="+y+"&l="+l, "day");
	updateFormSelect("script/serie.php", "y="+y+"&l="+l, "serie");
	currentPageNumber = 1;
	updateNumbers();
	setCurrentPage(1);
	updatePhotos();
}

function updateSerie() {
	document.photoform.day.selectedIndex = 0;
	currentPageNumber = 1;
	updateNumbers();
	setCurrentPage(1);
	updatePhotos();
}

function updateDay() {
	document.photoform.serie.selectedIndex = 0;
	currentPageNumber = 1;
	updateNumbers();
	setCurrentPage(1);
	updatePhotos();
}

function updatePhotos() {
	var x1 = document.photoform.city.selectedIndex;
	var l = document.photoform.city.options[x1].value;
	var x2 = document.photoform.year.selectedIndex;
	var y = document.photoform.year.options[x2].value;
	var x3 = document.photoform.serie.selectedIndex;
	var s = document.photoform.serie.options[x3].value;
	var x4 = document.photoform.day.selectedIndex;
	var d = document.photoform.day.options[x4].value;
	
	if(s == 0 && y != 0 && l != 0 && d==0) {
		updateTarget("script/photoView.php", "y="+y+"&l="+l+"&p="+currentPageNumber, "photos");
	}
	else if(s == 0 && y != 0 && l != 0 && d!=0) {
		updateTarget("script/photoView.php", "y="+y+"&l="+l+"&d="+d+"&p="+currentPageNumber, "photos");
	}
	else {
		updateTarget("script/photoView.php", "y="+y+"&l="+l+"&s="+s+"&p="+currentPageNumber, "photos");
	}
}

//PAGE SUPPORT
var currentPageNumber = 1;
var numberOfPages = 30;

function updateNumbers() {
	i = currentPageNumber - 3;
	if(i < 1) { i = 1; }
	n = 1;
	while(n <= 7) {
		document.getElementById("a"+n).innerHTML = i;
		++i;
		++n;
	}
}

function nextPage() {
	if(currentPageNumber < 4) {
		document.getElementById("a"+currentPageNumber).style.backgroundImage = "none";
		document.getElementById("a"+currentPageNumber).style.color = "#d8b2ab";
		++currentPageNumber;
		document.getElementById("a"+currentPageNumber).style.backgroundImage = "url(images/active_bg.png)";
		document.getElementById("a"+currentPageNumber).style.color = "white";
	}
	else {
		++currentPageNumber;
		updateNumbers();
	}
	
	updatePhotos();
}

function previousPage() {
	if(currentPageNumber == 1) {
		return;
	}
	
	if(currentPageNumber <= 4) {
		document.getElementById("a"+currentPageNumber).style.backgroundImage = "none";
		document.getElementById("a"+currentPageNumber).style.color = "#d8b2ab";
		--currentPageNumber;
		document.getElementById("a"+currentPageNumber).style.backgroundImage = "url(images/active_bg.png)";
		document.getElementById("a"+currentPageNumber).style.color = "white";
	}
	else {
		--currentPageNumber;
		updateNumbers();
	}
	
	updatePhotos();
}

function setCurrentPage(thePage) {
	if(currentPageNumber < 4) {
		document.getElementById("a"+currentPageNumber).style.backgroundImage = "none";
		document.getElementById("a"+currentPageNumber).style.color = "#d8b2ab";
	}
	
	if(currentPageNumber >= 4) {
		currentPageNumber += thePage - 4;
		if(currentPageNumber >= 4) {
			document.getElementById("a4").style.backgroundImage = "url(images/active_bg.png)";
			document.getElementById("a4").style.color = "white";
		}
		else {
			document.getElementById("a4").style.backgroundImage = "none";
			document.getElementById("a4").style.color = "#d8b2ab";
			document.getElementById("a"+currentPageNumber).style.backgroundImage = "url(images/active_bg.png)";
			document.getElementById("a"+currentPageNumber).style.color = "white";
		}
	}
	else {
		currentPageNumber = thePage;
		if(currentPageNumber >= 4) {
			document.getElementById("a4").style.backgroundImage = "url(images/active_bg.png)";
			document.getElementById("a4").style.color = "white";
		}
		else {
			document.getElementById("a4").style.backgroundImage = "none";
			document.getElementById("a4").style.color = "#d8b2ab";
			document.getElementById("a"+currentPageNumber).style.backgroundImage = "url(images/active_bg.png)";
			document.getElementById("a"+currentPageNumber).style.color = "white";
		}
	}
	 
	updateNumbers();
	updatePhotos();
}