var xmlDoc;
var async = true;
var page;
var xml;
var planId;

function showContentDiv(contId, p){
	planId = contId;
	page = p;
	if (contId != ''){
		if (page == 0)
			loadXMLDoc("getXML.php", "planId="+contId);
		else if (page == 1){
			loadXMLDoc("getXML.php", "productId="+contId);
		}
	}
}

function animateContentDiv() {
	function findpos(obj) {
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		return [curleft,curtop];
	}

	var startDiv = document.getElementById('content')
	position = findpos(startDiv);	
	
	if (document.getElementById('contentDiv').style.display != 'block'){

		document.getElementById('contentDiv').style.display = 'block';
		document.getElementById('contentDiv').style.top = position[1];
		document.getElementById('contentDiv').style.left = position[0];
	
		var i = 0;
		function rec(){
			if (i < 405) {
				i = i+30;
				document.getElementById('contentDiv').style.height = i +"px";
				setTimeout(function (){rec();},30);
			}
		}
		rec();  
	}
	
	/*$("#contentDiv").animate({ 
			        height: "405px",					      
			        borderWidth: "10px"
			      }, 1500 );*/
}

function testClose(){
	document.getElementById('contentDiv').style.display = 'none';
	document.getElementById('contentDiv').style.height = '1px';
	
	/*animDur = 1500;
	$("#contentDiv").animate({ 
			        height: "1px",					      
			        borderWidth: "0px"
			      },{duration: animDur, complete: hideDiv()} );
	$('#contentDiv').hide('fast');
	//setTimeout("hide()",(animDur+10));*/
}

function hideContentDiv(){
	document.getElementById('contentDiv').style.display = 'none';
	document.getElementById('contentDiv').style.height = '1px';
}

function loadXMLDoc(url, data) {
	xmlDoc = false;
	if (window.XMLHttpRequest) {
		try {
			xmlDoc = new XMLHttpRequest();
		}
		catch (e) {
			xmlDoc = false;
		}
	}
	else {
		if (window.ActiveXObject) {
			try {
				xmlDoc = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e) {
				try {
					xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e) {
					xmlDoc = false;
				}
			}
		}
	}
	if (xmlDoc) {
		
		xmlDoc.onreadystatechange = parsXML;
		
		xmlDoc.open("POST", url, async);
 		xmlDoc.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xmlDoc.send(data);
	}
	async = true;
}

function parsXML(){
	try //Internet Explorer
	{
		xml = new ActiveXObject("Microsoft.XMLDOM");
		xml.async = "false";
		xml.loadXML(xmlDoc.responseText);
	}
	catch(e)
	{
		try //Firefox, Mozilla, Opera, etc.
		{
			parser =new DOMParser();
			xml = parser.parseFromString(xmlDoc.responseText,"text/xml");
		}
		catch(e) {}
	}


	
	if ((xmlDoc.readyState == 4) && (xmlDoc.status == 200)) {
		if (page == 0) {
			// prices
				
			if (xml.getElementsByTagName("title")[0] && xml.getElementsByTagName("description1")[0] && xml.getElementsByTagName("description2")[0] && xml.getElementsByTagName("description3")[0] && xml.getElementsByTagName("description4")[0] && xml.getElementsByTagName("img")[0]){
				document.getElementById('contentDivTitle').innerHTML = xml.getElementsByTagName("title")[0].childNodes[0].nodeValue;
			
				document.getElementById('contentDivDesc1').innerHTML = xml.getElementsByTagName("description1")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivDesc2').innerHTML = xml.getElementsByTagName("description2")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivDesc3').innerHTML = xml.getElementsByTagName("description3")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivDesc4').innerHTML = xml.getElementsByTagName("description4")[0].childNodes[0].nodeValue;
				document.getElementById('priceShow').style.background = "url('" + xml.getElementsByTagName("img")[0].childNodes[0].nodeValue + "')";
				document.getElementById('plan').value = planId;
				/*document.getElementById('contentDivPrice').innerHTML = xml.getElementsByTagName("price")[0].childNodes[0].nodeValue;*/
				
				if (document.getElementById('linkBack')){
					if (xml.getElementsByTagName("back")[0]){
						document.getElementById('linkBack').className = '';
						document.getElementById('linkBack').href = 'javascript:showContentDiv(' + xml.getElementsByTagName("back")[0].childNodes[0].nodeValue + ', 0)'
					} else {
						document.getElementById('linkBack').className = 'noactive';
						document.getElementById('linkBack').href = 'javascript:;'
					}
					
					if (xml.getElementsByTagName("next")[0]){
						document.getElementById('linkNext').className = '';
						document.getElementById('linkNext').href = 'javascript:showContentDiv(' + xml.getElementsByTagName("next")[0].childNodes[0].nodeValue + ', 0)'
					} else {
						document.getElementById('linkNext').className = 'noactive';
						document.getElementById('linkNext').href = 'javascript:;'
					}
				}
				animateContentDiv();
			} else {
				alert('PROBLEM');
			}
		} else if (page == 1) {
			//portfolio
			
			if (xml.getElementsByTagName("title")[0] && xml.getElementsByTagName("about")[0]){
				
				document.getElementById('contentDivTitle').innerHTML = xml.getElementsByTagName("title")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivAbout').innerHTML = xml.getElementsByTagName("about")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivImage').src = xml.getElementsByTagName("imageLink")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivTech').innerHTML = xml.getElementsByTagName("tech")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivStartDate').innerHTML = xml.getElementsByTagName("startdate")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivURL').innerHTML = xml.getElementsByTagName("url")[0].childNodes[0].nodeValue;
				document.getElementById('contentDivURL').href = 'http://' + xml.getElementsByTagName("url")[0].childNodes[0].nodeValue;
				
				
				if (xml.getElementsByTagName("back")[0]){
					document.getElementById('linkBack').className = '';
					document.getElementById('linkBack').href = 'javascript:showContentDiv(' + xml.getElementsByTagName("back")[0].childNodes[0].nodeValue + ', 1)'
				} else {
					document.getElementById('linkBack').className = 'noactive';
					document.getElementById('linkBack').href = 'javascript:;'
				}
				
				if (xml.getElementsByTagName("next")[0]){
					document.getElementById('linkNext').className = '';
					document.getElementById('linkNext').href = 'javascript:showContentDiv(' + xml.getElementsByTagName("next")[0].childNodes[0].nodeValue + ', 1)'
				} else {
					document.getElementById('linkNext').className = 'noactive';
					document.getElementById('linkNext').href = 'javascript:;'
				}
				
				
				animateContentDiv();
			} else {
				alert('PROBLEM');
			}
		} else  if (page == 2) {
			processXML();
		}
	} else {
		
	}
}