// JavaScript Document
var http;	
if(typeof ActiveXObject != 'undefined'){
	http = new ActiveXObject("Microsoft.XMLHTTP");
}
else{
	http = new XMLHttpRequest();
}		 


function populateCall() {
  	var myurl = "xml_data/";
  	http.open("GET", myurl + "/" + 'data.xml', true);
  	http.onreadystatechange  = useHttpResponse;
  	http.send(null);
}

function useHttpResponse() {
  	if (http.readyState == 4) {
    	var textout = http.responseText;
		parsePopulate(textout)
  	}
}

function parsePopulate(textout){
	try{
	  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  xmlDoc.async="false";
	  xmlDoc.loadXML(textout);			
	}
	catch(e){
		parser=new DOMParser();		
		xmlDoc=parser.parseFromString(textout,"text/xml");
	}
	var myproofitems = xmlDoc.documentElement.getElementsByTagName('proof-item');
	populateProof(myproofitems );

}

function populateMenuDetails(){
}

/*Populates the proof table*/
function populateProof(myitems){
	document.getElementById('proof-holders1').innerHTML = '';
	document.getElementById('proof-holders2').innerHTML = '';	
	var first_div = null;
	
	for (var i = 0; i < myitems.length; i++) {

	  	var id = myitems[i].getAttribute('id');		
	  	var person = myitems[i].getAttribute('person');		
	  	var title = myitems[i].getAttribute('title');		
	  	var company = myitems[i].getAttribute('company');		
	  	var content = myitems[i].getAttribute('content');		

		document.getElementById('proof-holders1').appendChild( proofTemplateReplace(person, title, company, content, id));		
		if(i==0){
			first_div = proofTemplateReplace(person, title, company, content, id);
		}		
		else{
			document.getElementById('proof-holders2').appendChild( proofTemplateReplace(person, title, company, content, id));					
		}
	}
	
	document.getElementById('proof-holders2').appendChild( first_div);			
	
	
	$('#proof-holders1').cycle({
		delay:  5000,
    	speed:  1000,
		pause:  true
	});
	
	$('#proof-holders2').cycle({
		delay:  5000,
    	speed:  1000,
		pause:  true
	});	
}

/*returns a proof filled up template*/
function proofTemplateReplace(person, title, company, content, id){

	
	var curr_box = document.createElement('div');
	curr_box.id = "proof-"+id;
	
	/*Top level box*/
	var detail_box = document.createElement('div');
	detail_box.style.width = '276px';
	detail_box.style.height = '53px';	
	
	var detail_inner_box_left = document.createElement('div');
	detail_inner_box_left.style.width = '3px';
	detail_inner_box_left.style.height = '53px';	
	detail_inner_box_left.style.backgroundImage = "url(images/box_lt.jpg)";
	detail_inner_box_left.style.cssFloat = "left";	
	detail_inner_box_left.style.styleFloat = "left";	
	//detail_inner_box_left.innerHTML = "a";
	
	var detail_inner_box_center = document.createElement('div');
	detail_inner_box_center.style.width = '270px';
	detail_inner_box_center.style.height = '53px';	
	detail_inner_box_center.style.backgroundImage = "url(images/box_tbg.jpg)";	
	detail_inner_box_center.style.cssFloat = "left";	//for firefox
	detail_inner_box_center.style.styleFloat = "left";	//for ie	

	
		var span_inner_box = document.createElement('div');
		span_inner_box.innerHTML = person+', '+title+', '+company;
		span_inner_box.className="menu_links";		
		span_inner_box.style.lineHeight = '2.75';
		span_inner_box.style.textAlign = 'center'
		detail_inner_box_center.appendChild(span_inner_box);
		
		var span_inner_box2 = document.createElement('div');
		span_inner_box2.style.backgroundImage = "url(images/img_cent.jpg)" ;
		span_inner_box2.style.width = '23px';
		span_inner_box2.style.height= '14px';
		span_inner_box2.style.marginLeft = '211px';
		
		detail_inner_box_center.appendChild(span_inner_box2);		
	
	var detail_inner_box_right= document.createElement('div');
	detail_inner_box_right.style.width = '3px';
	detail_inner_box_right.style.height = '53px';
	detail_inner_box_right.style.backgroundImage = "url(images/box_tr.jpg)";
	detail_inner_box_right.style.cssFloat = "left";
	detail_inner_box_right.style.styleFloat = "left";	
	
	detail_box.appendChild(detail_inner_box_left);
	detail_box.appendChild(detail_inner_box_center );
	detail_box.appendChild(detail_inner_box_right);
	
	curr_box.appendChild(detail_box);
	
	/*Middle level box*/		

	var content_box = document.createElement('div');
	content_box.style.width = '276px';
	content_box.style.height = '150px';	

	var content_inner_box_left = document.createElement('div');
	content_inner_box_left.style.width = '3px';
	content_inner_box_left.style.height = '150px';	
	content_inner_box_left.style.backgroundImage = "url(images/box_lbg.jpg)";
	content_inner_box_left.style.cssFloat = "left";	
	content_inner_box_left.style.styleFloat = "left";		
	
	var content_inner_box_center = document.createElement('div');
	content_inner_box_center.style.width = '270px';
	content_inner_box_center.style.height = '150px';	
	//content_inner_box_center.style.backgroundImage = "url(images/box_tbg.jpg)";	
	content_inner_box_center.style.cssFloat = "left";		
	content_inner_box_center.style.styleFloat = "left";			
	
	var content_inner_box_right= document.createElement('div');
	content_inner_box_right.style.width = '3px';
	content_inner_box_right.style.height = '150px';	
	content_inner_box_right.style.backgroundImage = "url(images/box_rbg.jpg)";		
	content_inner_box_right.style.cssFloat = "left";
	content_inner_box_right.style.styleFloat = "left";				
	
	content_box.appendChild(content_inner_box_left);
	content_box.appendChild(content_inner_box_center );
	content_box.appendChild(content_inner_box_right);

	curr_box.appendChild(content_box);

	/*botttom level box*/		

	var close_box = document.createElement('div');
	close_box.style.width = '276px';
	close_box.style.height = '3px';	

	var close_inner_box_left = document.createElement('div');
	close_inner_box_left.style.width = '3px';
	close_inner_box_left.style.height = '3px';	
	close_inner_box_left.style.backgroundImage = "url(images/box_bl.jpg)";
	close_inner_box_left.style.cssFloat = "left";
	close_inner_box_left.style.styleFloat = "left";					
	close_inner_box_left.style.overflow = "hidden";
	
	var close_inner_box_center = document.createElement('div');
	close_inner_box_center.style.width = '270px';
	close_inner_box_center.style.height = '3px';
	close_inner_box_center.style.backgroundImage = "url(images/box_bbg.jpg)";	
	close_inner_box_center.style.cssFloat = "left";		
	close_inner_box_center.style.styleFloat = "left";					
	close_inner_box_center.style.overflow = "hidden";
	
	var close_inner_box_right= document.createElement('div');
	close_inner_box_right.style.width = '3px';
	close_inner_box_right.style.height = '3px';	
	close_inner_box_right.style.backgroundImage = "url(images/box_br.jpg)";		
	close_inner_box_right.style.cssFloat = "left";
	close_inner_box_right.style.styleFloat = "left";					
	close_inner_box_right.style.overflow = "hidden";

	close_box.appendChild(close_inner_box_left);
	close_box.appendChild(close_inner_box_center );
	close_box.appendChild(close_inner_box_right);

	curr_box.appendChild(close_box);
	
	var sep_box = document.createElement('div');
	sep_box.style.width = '276px';
	sep_box.style.height = '10px';	

	curr_box.appendChild(sep_box);

	return curr_box;
	
}