var xmlHttp;
var requestType = "";

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}
    
function startRequest(requestedList) {
    requestType = requestedList;
    createXMLHttpRequest();
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", "elmetti.xml", true);
    xmlHttp.send(null);
}
    
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            myFunction();
        }
    }
}

function myFunction() {
	var xmlDoc = xmlHttp.responseXML;
  var elmetti = xmlDoc.getElementsByTagName("elmetto");
	out = "<ul>";
	for(var i = 0; i < elmetti.length; i++) {
        elmetto = elmetti[i];
				
				miniatura = elmetto.getElementsByTagName("miniatura")[0];
				didascalia=elmetto.getElementsByTagName("didascalia")[0];

				n_elmetto = elmetto.getAttribute('nome')
				n_miniatura = miniatura.getAttribute('nome')

				out = out + "<a href='#' onClick='caricaInfo(this,\"" + n_elmetto + "\")'><img alt='" + n_elmetto + "' src='thumbnails/" + n_miniatura + "' /></a>";
    }

		$('navigatore').innerHTML = out;
		
		caricaInfo ($('selezionato'),'what I do','sezione')
}

/**********************************************************/

var myTransition;
var myTop;

window.addEvent('domready', function() {
    $('up').onclick = function(event) { scrollaAlto () };
		$('down').onclick = function(event) { scrollaBasso () };

		myTransition = new Fx.Transition(Fx.Transitions.Elastic.easeOut);
		myTop = $('contenitore').getTop() - $('navigatore').getTop();

});



function scrollaAlto () {
	if (myTop > $('contenitore').getCoordinates ().height - $('navigatore').getCoordinates ().height) {
		new Fx.Tween('navigatore', {
					property: 'top'
		}).start(myTop, myTop-380)
		myTop = myTop - 380;
	} 
}

function scrollaBasso () {
	if (myTop < 0 ) {
		new Fx.Tween('navigatore', {
				property: 'top'
		}).start(myTop, myTop+380)
		myTop = myTop + 380;
	}
	/*if ((myTop) > $('contenitore').getCoordinates ().height - $('navigatore').getCoordinates ().height) {
	$('up').toggleClass("upOFF");
	}*/
}



var data;



function caricaInfo(ancora, nomeElmetto, param) {
	if (param == null || param == "")
		param = "elmetto";
	
	var voci = $$("#menu a");
	for (var i = 0; i < voci.length; i++)
		voci[i].setStyle('border-bottom','0px')

	voci = $$("#navigatore a");
	for (var i = 0; i < voci.length; i++)
			voci[i].setStyle('border','1px solid #666666');
	
	if (param == "sezione") 	
		ancora.setStyle('border-bottom','2px solid #f6e309');
	else if (param == "elmetto") 
		ancora.setStyle('border','1px solid red');
	
		
	var xmlDoc = xmlHttp.responseXML;
	var out = nomeElmetto + " ";
	var elmetti = xmlDoc.getElementsByTagName(param);
	
	for(var i = 0; i < elmetti.length; i++) {
		if (elmetti[i].getAttribute('nome') == nomeElmetto) {
			elmetto = elmetti[i];
			break;
		}
	}	
	data = new Array();

	if (elmetto.getAttribute("slideshow") == 's') {
		fotos = elmetto.getElementsByTagName("foto");
		for (var j=0; j < fotos.length; j++) {
			data[j] = fotos[j].getAttribute("nome");
		}
		
		mySlideShow (data);
	} else {
		$('video').setStyle('left',0);
	}
	
	var contenuto = "<h1>" + nomeElmetto + "</h1>";
	
	if (nomeElmetto == "what I do")
		contenuto += "<img src='images/" + elmetto.getElementsByTagName("foto")[0].getAttribute("nome") + "' />";
	
	if (param == 'sezione')
		contenuto += elmetto.getElementsByTagName("descrizione")[0].getAttribute("testo");
	
	
	$('descrizione').innerHTML =  contenuto;
}

var myShow;

function mySlideShow (data) {		
		if (myShow) {
			myShow.destroy();
		}

		$('video').setStyle('left',-900);
		myShow = new Slideshow.KenBurns('show', data, { captions: false, controller: true, delay: 4000, duration: 1000, height: 256, hu: 'photos/', width: 318 });
}