var http = createRequestObject();

function doProjTitle(title)
{
	if (title == null)
	{
		document.getElementById("motitle").innerHTML = " ";
	}
	else
	{
		document.getElementById("motitle").innerHTML = title.name;
	}
}

function infoRequest()
{
	ritable = document.getElementById('ritable');
	fname = document.getElementById('fname');
	phone = document.getElementById('phone');
	email = document.getElementById('email');
	accepted = true;
	
	if (fname.value == "")
	{		
		fname.style.backgroundColor="#FFFFCC";
		accepted = false;
	}
	else
	{
		fname.style.backgroundColor="#FFFFFF";		
	}
	
	if (phone.value == "")
	{
		phone.style.backgroundColor="#FFFFCC";
		accepted = false;		
	}
	else
	{
		phone.style.backgroundColor="#FFFFFF";		
	}
	
	if (email.value == "")
	{
		email.style.backgroundColor="#FFFFCC";
		accepted = false;		
	}		
	else
	{
		email.style.backgroundColor="#FFFFFF";		
	}
	
	if (!accepted)
		return;
	
  	try
	{
		// Create loading screen
		ritable.style.textAlign = "center";
		ritable.innerHTML = "<img src='images/ajax-loader.gif' alt='' />";
		
		// Get new thumb data
		var url="request_info";
		var params="name="+fname.value+"&phone="+phone.value+"&email="+email.value;
	    http.open("POST", url, true);
		http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		http.setRequestHeader("Content-length", params.length);
		http.setRequestHeader("Connection", "close");
	    http.onreadystatechange = getInfoRequest;
		http.send(params);
	}
	catch(e){
		// caught an error
		alert('Request send failed.');
	}
  	
}

function getInfoRequest()
{ 
	try
	{
		if ( (http.readyState == 4) && (http.status == 200) )
		{
			document.getElementById('requestinfo').innerHTML = http.responseText;
		}
	}
	catch(e)
	{
		// caught an error
		alert('Response failed: '+e);
	}
};

function thumbData(str)
{
	if (str.length==0 || str <= 0)
	{ 
		return;
	}
	
  	try
	{
		// Create loading screen
		document.getElementById('thumbnails').style.marginLeft = "";
		document.getElementById('thumbnails').style.height = "100px";
		document.getElementById('thumbnails').innerHTML = "Loading<br><img src='images/ajax-loader.gif' alt='' />";
		
		// Get new thumb data
		var url="projects/get_thumb_data/"+str;
	    http.open("GET", url, true);
	    http.setRequestHeader('Content-Type',  "text/xml");
	    http.onreadystatechange = getThumbData;
		http.send(null);
	}
	catch(e){
		// caught an error
		alert('Request send failed.');
	}
  
}

function getThumbData()
{ 
	try
	{
		if ( (http.readyState == 4) && (http.status == 200) )
		{
			document.getElementById('navi_thumbs').innerHTML = http.responseText;
		}
	}
	catch(e)
	{
		// caught an error
		alert('Response failed: '+e);
	}
};

function projData(str)
{
	if (str.length==0)
	{ 
		return;
	}

  	try
	{
		// Set pictures / text area to loading screens
		var project_data = "<h2>Loading...</h2>";
			
		var image_data = "<div><img class='loading' src='images/ajax-loader.gif' alt=''></div><div><img class='loading' src='images/ajax-loader.gif' alt=''></div>";

		document.getElementById("text-area").innerHTML = project_data;
		document.getElementById("image-area").innerHTML = image_data;
		
		var url="projects/get_data/"+str;
	    http.open("GET", url, true);
	    http.setRequestHeader('Content-Type',  "text/xml");
	    http.onreadystatechange = getProjData;
		http.send(null);
	}
	catch(e){
		// caught an error
		alert('Request send failed.');
	}
  
}

function getProjData()
{ 
	try
	{
		if ( (http.readyState == 4) && (http.status == 200) )
		{
			var text = http.responseText;
	
			try //Internet Explorer
			  {
			  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
			  xmlDoc.async="false";
			  xmlDoc.loadXML(text);
			  }
			catch(e)
			  {
			  try //Firefox, Mozilla, Opera, etc.
			  {
			  parser=new DOMParser();
			  xmlDoc=parser.parseFromString(text,"text/xml");
			  }
			  catch(e)
			  {
			  alert(e.message);
			  return;
			  }
			}
			
			
			var proj_title = xmlDoc.getElementsByTagName('title')[0].firstChild.nodeValue;

			var proj_desc  = xmlDoc.getElementsByTagName('description')[0].firstChild.nodeValue;
			
			var project_data = "<h2>"+proj_title+"</h2><p>"+proj_desc+"</p>";
			
			var image_data ="<span style='font-size: 10px;'>Click images to expand</span>";
			image_data += "<a target='_blank' href='images/"+xmlDoc.getElementsByTagName('pic').item(0).firstChild.nodeValue+"'><img src='images/thumbs/th_"+xmlDoc.getElementsByTagName('pic').item(0).firstChild.nodeValue+"' alt=''></a>";
			if (xmlDoc.getElementsByTagName('pic').item(1) != null)
				image_data += "<a target='_blank' href='images/"+xmlDoc.getElementsByTagName('pic').item(1).firstChild.nodeValue+"'><img src='images/thumbs/th_"+xmlDoc.getElementsByTagName('pic').item(1).firstChild.nodeValue+"' alt=''></a>";

			document.getElementById("text-area").innerHTML = project_data;
			document.getElementById("image-area").innerHTML = image_data;
			//var img_area = document.getElementById("image-area");
			//img_area.getElementsByTagName('img')[0].src = 'images/"+xmlDoc.getElementsByTagName('pic').item(0).firstChild.nodeValue;
		}
	}
	catch(e)
	{
		// caught an error
		alert('Response failed: '+e);
	}
};

function createRequestObject() {
	// find the correct xmlHTTP, works with IE, FF and Opera
	var xmlhttp;
	try {
  	xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e) {
    try {
    	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e) {
    	xmlhttp=null;
    }
  }
  if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {
  	xmlhttp=new XMLHttpRequest();
  }
	return  xmlhttp;
}