var ie=document.all;
	var nn6=document.getElementById&&!document.all;

var o = nn6 ? 0.3 : 30;
var hufter = nn6 ? 0.9 : 90;

// Opent het popup scherm

function createXMLHttpRequest() // Zorgt dat AJAX werkt met explorer of andere browsers
{
	if(window.ActiveXObject)
	{
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else if(window.XMLHttpRequest)
	{
		xmlHttp = new XMLHttpRequest();
	}
}

function handleStateChange_Slideshow() // controleert de dataoverdracht is dit ok, dan wordt de opdracht opgehaald
{
	if(xmlHttp.readyState == 4)
	{
		if(xmlHttp.status == 200)
		{			
			//alert(xmlHttp.responseText);
			
			document.getElementById("div_slideshowpic_curton").style.display = "block";	
			
			var obj_array = new Array();
			var obj_array = xmlHttp.responseText.split('x');			
			
			var height = obj_array[0];
			var width = obj_array[1];
			var src = obj_array[2];
			var aantalimages = obj_array[3];
			var no_pic = obj_array[4];
			
			var div_width = Math.floor(parseInt(width) / 20) * 20;
			var div_height = Math.floor(parseInt(height) / 20) * 20;
			
			var equal = false;
			
			if((document.getElementById("svd_width").value == div_width) && (document.getElementById("svd_height").value == div_height)) 
			{
				equal = true;
			}

			document.getElementById("svd_width").value = div_width;
			document.getElementById("svd_height").value = div_height;
			document.getElementById("svd_src").value = src;
			document.getElementById("svd_aantalimages").value = aantalimages;
			document.getElementById("svd_nopic").value = no_pic;
			document.getElementById("slideshow_pic").style.display = "none";
			
			document.getElementById("slideshow_pic").src = src;
			
			
			if(equal == false)
			{
				setTimeout("openslideshowDiv()", 10);
			}
			else
			{
				setTimeout("openslideshowDiv('cleur')", 10);	
			}

			equal = false;
		}
	}
}

var width = 0;
var height = 0;
var height_clr = "no";
var width_clr = "no";
var slidemenuheight = 0;

function openslideshowDiv(hoi)
{		
	if(width == 20 && height == 20)
	{
		document.getElementById("div_slideshow").style.border = "1px solid #636363";
		document.getElementById("div_slideshow").style.display = "block";
	}
	
	var svd_width = parseInt(document.getElementById("svd_width").value);	
	var svd_height = parseInt(document.getElementById("svd_height").value);
	
	if(hoi == "cleur")
	{
		width_clr = "yes";
		height_clr = "yes";
	}	
	
	if(width <= svd_width && width_clr == "no") 	
	{		
		if(width <= svd_width && width_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.width = width + "px"; 
			document.getElementById("div_slideshow").style.width = width + "px"; width = parseInt(width) + 20;
		} 
		else if(width >= svd_width && width_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.width = width + "px"; 
			document.getElementById("div_slideshow").style.width = width + "px"; width = parseInt(width) - 20;
		} 
		else 
		{ 
			width_clr = "yes"; 
		}
		
		if(width > svd_width && svd_width != 0) { width_clr = "yes"; }
		
	}
	else if(width >= svd_width && width_clr == "no")
	{	
		if(width >= svd_width && width_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.width = width + "px"; 
			document.getElementById("div_slideshow").style.width = width + "px"; width = parseInt(width) - 20;
		} 
		else if(width <= svd_width && width_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.width = width + "px"; 
			document.getElementById("div_slideshow").style.width = width + "px"; width = parseInt(width) + 20;
		} 
		else 
		{ 
			width_clr = "yes"; 
		}

		if(width < svd_width && svd_width != 0) { width_clr = "yes"; }

	}
	
	if(height <= svd_height && height_clr == "no") 	
	{		
		if(height <= svd_height && height_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.height = height + "px"; 
			document.getElementById("div_slideshow").style.height = height + "px"; height = parseInt(height) + 20;
		} 
		else if(height >= svd_height && height_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.height = height + "px"; 
			document.getElementById("div_slideshow").style.height = height + "px"; height = parseInt(height) - 20;
		} 
		else 
		{ 
			height_clr = "yes"; 
		}

		if(height > svd_height && svd_height != 0) { height_clr = "yes"; }
		
	}
	else if(height >= svd_height && height_clr == "no")
	{		
		if(height >= svd_height && height_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.height = height + "px"; 
			document.getElementById("div_slideshow").style.height = height + "px"; height = parseInt(height) - 20;
		} 
		else if(height <= svd_height && height_clr == "no") 
		{ 
			document.getElementById("div_slideshowpic").style.height = height + "px"; 
			document.getElementById("div_slideshow").style.height = height + "px"; height = parseInt(height) + 20;
		} 
		else 
		{
			height_clr = "yes"; 
		}
		
		if(height < svd_height && svd_height != 0) { height_clr = "yes"; }
	
	}
	
	if(document.getElementById("div_slideshowpic_curton").style.display == "block" && width_clr == "yes" && height_clr == "yes")
	{
		var browser = nn6 ? "ff" : "ie";
		document.getElementById("slideshow_pic").style.display = "block";
		
		if(browser == "ff")
		{																						
			if(hufter > 0.3) 
			{		
				document.getElementById("div_slideshowpic_curton").style.opacity = hufter;
				hufter = (Math.round(hufter * 10) / 10) - 0.1;			
				setTimeout("openslideshowDiv()", 20);
			}
			else
			{
				document.getElementById("div_slideshowpic_curton").style.display = "none";
				setTimeout("openslideshowDiv()", 20);
			}										
		}
		else if (browser == "ie")
		{											
			if(hufter > 30) 
			{		
				document.getElementById("div_slideshowpic_curton").style.filter = "alpha(opacity=" + hufter + ")";
				hufter = hufter - 10;
				setTimeout("openslideshowDiv()", 20);
			}
			else
			{
				document.getElementById("div_slideshowpic_curton").style.display = "none";
				setTimeout("openslideshowDiv()", 20);
			}
		}	

	}
	else if(width_clr == "yes" && height_clr == "yes")
	{
		document.getElementById("slideshow_pic").style.display = "block";
		if(slidemenuheight < 26)
		{
			document.getElementById("div_slideshowmenu").style.display = "block";
			document.getElementById("div_slideshowmenu").style.height = slidemenuheight + "px";
			document.getElementById("div_slideshow").style.height = (svd_height + slidemenuheight) + "px";
			var src = document.getElementById("svd_src").value;
			var cusnumber = document.getElementById("cusnumber_slideshow").value;
			document.getElementById("slideshow_pic").src = src;
			var aantalimages = document.getElementById("svd_aantalimages").value;
			var no_pic = document.getElementById("svd_nopic").value;
			document.getElementById("imginfo").innerHTML = "<b>" + no_pic + "</b>/" + aantalimages;
			slidemenuheight = parseInt(slidemenuheight) + 2;
			hufter = nn6 ? 0.9 : 90;
			
			setTimeout("openslideshowDiv()", 10);
		}
		
	}
	else
	{				
		setTimeout("openslideshowDiv()", 10);
	}
}

function openmenu()
{
	document.getElementById("slideshow_pic").style.display = "block";
	if(slidemenuheight < 26)
	{		
		document.getElementById("div_slideshowmenu").style.display = "block";
		document.getElementById("div_slideshowmenu").style.height = slidemenuheight + "px";
		var svd_height = document.getElementById("svd_height").value;
		//window.alert(svd_height + " | " +  slidemenuheight);
		document.getElementById("div_slideshow").style.height = (parseInt(svd_height) + parseInt(slidemenuheight)) + "px";	
	
		var src = document.getElementById("svd_src").value;
		var cusnumber = document.getElementById("cusnumber_slideshow").value;
		document.getElementById("slideshow_pic").src = src;
		var aantalimages = document.getElementById("svd_aantalimages").value;
		var no_pic = document.getElementById("svd_nopic").value;
		document.getElementById("imginfo").innerHTML = "<b>" + no_pic + "</b>/" + aantalimages;
		slidemenuheight = parseInt(slidemenuheight) + 2;
		hufter = nn6 ? 0.9 : 90;
	
		setTimeout("openmenu()", 10);
	}
}

function openSlideshow()
{
	document.getElementById("div_popup_background").style.height = document.getElementById("container").clientHeight + "px";
	openPopupBackground_pics();
	
	document.getElementById("slideshow_pic").style.display = "none";

	var cusnumber = document.getElementById("cusnumber_slideshow").value;
	
	var url_to_open = "/loadingpic.php";
	
	var queryString = "cusnumber=" + cusnumber + "&nopic=" + document.getElementById("svd_nopic").value + "&type_house=" + document.getElementById("type_house").value;
	
	createXMLHttpRequest();	
	xmlHttp.open("POST", url_to_open, true);
	xmlHttp.onreadystatechange = handleStateChange_Slideshow;
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	xmlHttp.send(queryString);
}

function changePic2(step)
{	
	document.getElementById("div_slideshowmenu").style.display = "none";
	var cusnumber = document.getElementById("cusnumber_slideshow").value;
	var src = document.getElementById("slideshow_pic").src;
	
	document.getElementById("slideshow_pic").style.display = "none";
	
	slidemenuheight = 0;
	
	height_clr = "no";
	width_clr = "no";
	
	var url_to_open = "/loadingpic.php";

	var queryString = "src=" + src + "&step=" + step + "&cusnumber=" + cusnumber + "&nopic=" + document.getElementById("svd_nopic").value + "&type_house=" + document.getElementById("type_house").value;
	
	createXMLHttpRequest();	
	xmlHttp.open("POST", url_to_open, true);
	xmlHttp.onreadystatechange = handleStateChange_Slideshow;
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	xmlHttp.send(queryString);
}

function closeSlideshow()
{	
	document.getElementById("div_slideshow").style.display = "none";
	document.getElementById("div_slideshowmenu").style.display = "none";
	document.getElementById("div_popup_background").style.display = "none";
	document.getElementById("svd_width").value = 0;
	document.getElementById("svd_height").value = 0;
	
	o = nn6 ? 0.3 : 30;	
	width = 0;
	height = 0;
	hufter = nn6 ? 0.9 : 90;
	height_clr = "no";
	width_clr = "no";
	slidemenuheight = 0;
}

function openSlideshow_withslideshow()
{
	setTimeout("slideShow()", 4000);
}

function slideShow()
{	
	if(document.getElementById("div_popup_background").style.display == "block")
	{	
		document.getElementById("div_slideshowmenu").style.display = "none";
		var cusnumber = document.getElementById("cusnumber_slideshow").value;
		
		slidemenuheight = 0;
		
		height_clr = "no";
		width_clr = "no";
		
		step = "next";
		
		var url_to_open = "/loadingpic.php";
	
		var queryString = "step=" + step + "&cusnumber=" + cusnumber + "&nopic=" + document.getElementById("svd_nopic").value + "&type_house=" + document.getElementById("type_house").value;
		
		createXMLHttpRequest();	
		xmlHttp.open("POST", url_to_open, true);
		xmlHttp.onreadystatechange = handleStateChange_Slideshow;
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
		xmlHttp.send(queryString);
		
		setTimeout("slideShow()", 4000);
	}
}

var o = nn6 ? 0.3 : 30;

function openPopupBackground_pics()
{	
	
	document.getElementById("div_popup_background").style.display = "block";	
	document.getElementById("div_popup_background").style.height = document.getElementById("container").clientHeight + "px";
	
	var browser = nn6 ? "ff" : "ie";	
		
	if(browser == "ff")
	{
		if(o == 0.3)
		{	
			document.getElementById("div_popup_background").style.display = "block";
		}
		
		if(o < 0.9) 
		{		
			document.getElementById("div_popup_background").style.opacity = o;
			o = (Math.round(o * 10) / 10) + 0.1;			
			setTimeout("openPopupBackground_pics()", 5);
		}		
		
	}
	else if (browser == "ie")
	{
		if(o == 30)
		{	
			document.getElementById("div_popup_background").style.display = "block";	
		}
		
		if(o < 90) 
		{		
			document.getElementById("div_popup_background").style.filter = "alpha(opacity=" + o + ")";
			o = o + 10;
			setTimeout("openPopupBackground_pics()", 5);
		}		
	}
}