var titles = new Array();
var video= new Array();
var testo= new Array();
var img= new Array();
var contenitore = document.getElementById("elencovideo");

var link="/system/modules/it.mi.monza.comune.monza_partecipa/elements/lettura_video_test.xml";
var param="nocache=" + Math.random();

function parseXML(){	
	var xmlhttp = FactoryXMLHttpRequest();
	var url = link;
                          
        if(xmlhttp)
        {
		xmlhttp.open("GET", url, true);
		xmlhttp.onreadystatechange = function()
					{
						if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
						{                                                		                         
							xmlDoc = xmlhttp.responseXML;
							cambia_img();
						}
					};
		xmlhttp.send(param);  
        } 
}
 
function FactoryXMLHttpRequest()
{
	if(window.XMLHttpRequest){
		return new XMLHttpRequest();
	} 
	else if(window.ActiveXObject)
	{
		var msxmls = new Array(     
			'Msxml2.XMLHTTP.5.0',
			'Msxml2.XMLHTTP.4.0',
			'Msxml2.XMLHTTP.3.0',
			'Msxml2.XMLHTTP',
			'Microsoft.XMLHTTP');

		for(var i=0;i<msxmls.length;i++){
			try{
				return new ActiveXObject(msxmls[i]);
			}catch(e){}     
		}
   
	}

	throw new Error("Could not instantiate XMLHttpRequest");  
}


function cambia_img(){

	var n=xmlDoc.getElementsByTagName("item");
	for (i=0; i<n.length; i++){
		titles[i] = n[i].getElementsByTagName("titolo")[0].childNodes[0].nodeValue;
		video[i]  = n[i].getElementsByTagName("video")[0].childNodes[0].nodeValue;
		testo[i]  = n[i].getElementsByTagName("testo")[0].childNodes[0].nodeValue;
		img[i] = video[i].replace(".flv",".jpg").replace("uploads/","uploads/thumbs/");

		mydiv=document.createElement("div");

		h3 = document.createElement("h3");
		h3.appendChild(document.createTextNode(titles[i]))
		mydiv.appendChild(h3);

		myp = document.createElement("p");
		myp.appendChild(document.createTextNode(testo[i]))
		mydiv.appendChild(myp);

		contenitore.appendChild(mydiv);

		hr=document.createElement("hr");
		contenitore.appendChild(hr);
	}

	light(null);

}


function light( videoSel ){
	var elencodiv = contenitore.getElementsByTagName("div");
	var elencop = contenitore.getElementsByTagName("p");
	var h3 = contenitore.getElementsByTagName("h3");

	for(i=0; i<elencop.length; i++){
		if( videoSel != elencodiv[i] ){
			elencop[i].style.display = "none";
			elencodiv[i].className   = "off";
			elencodiv[i].onclick = function anonima() { light( this ); };
		}
		else{
			elencop[i].style.display = "block";
			elencodiv[i].className   = "on";
			elencodiv[i].onclick = null;
			addVideo(video[i], img[i])
		}
	}

	if( videoSel == null ){
		elencop[0].style.display = "block";
		elencodiv[0].className   = "on";
		elencodiv[0].onclick = null;
		addVideo(video[0], img[0])
	}
}

function lightq(n){
	var elencodiv = contenitore.getElementsByTagName("div");
	var elencop = contenitore.getElementsByTagName("p");
	var h3 = contenitore.getElementsByTagName("h3");

	for(i=0; i<elencop.length; i++){
		if( i!=n ){
			elencop[i].style.display = "none";
			elencodiv[i].className   = "off";
			elencodiv[i].onclick = function anonima() { alert(i);light( i ); };
		}
		else{
			elencop[i].style.display = "block";
			elencodiv[i].className   = "on";
			elencodiv[i].onclick = null;
			addVideo(video[n], img[n])
		}
	}
}