// JavaScript Document
/* 
REQUISITI: ajax_request.js
*/
function ZoomImage(image, description){
		id_image=image;
		img_description=description;
		showOverPage();
		document.getElementById('overlay').style.width='600px';	
		document.getElementById('overlay').style.height='500px';	
		centerOverlay();
		
		
		document.getElementById('overlay').innerHTML='<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>'+getLoadingImage();
		AyaxRequest('../../../ajax_request.php', 'POST', 'filetocall=zoom_image&image='+image+'&id_image='+id_image, ZoomImageHTML);		
}

function ZoomImageHTML(){
	//creo il contenitore
	var objContainer = document.createElement("div");
	objContainer.setAttribute('id','imgContainer');
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(objContainer);
	document.getElementById('imgContainer').style.left='0px';
	document.getElementById('imgContainer').style.top='0px';	
	document.getElementById('imgContainer').style.width='0px';	
	document.getElementById('imgContainer').style.height='0px';	
	objContainer.className = 'div_basic';

	// assegno al contenitore il codice html proveniente dal server
	document.getElementById('imgContainer').innerHTML=this.req.responseText;
	
	// assegno all envento onLoad dell' immagine la relativa funzione
		document.getElementById(id_image).onload = function() { imageOnLoad(); }	
}

function imageOnMouseOver(){
	try{
		if (img_description){
			setAltDiv();
			changeOpac(0, 'altContainer');
			opacity('altContainer', 0, 100, 100);
			id2follow='altContainer';
			document.onmousemove=followmouse;
		}
	}catch(e){alert(e)}
}


function imageOnLoad(){
	opacity(id_image, 100, 0, 100);
	window.setTimeout('setOverlay()',100);
}

function imageOnClick(){
	imageOnMouseOut();	
	hideOverPage();
}


function imageOnMouseOut(){
	try{
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.removeChild(document.getElementById('altContainer'));
		document.onmousemove='';
	}catch(e){	}
}

function setAltDiv(){
	
	// creo il contenitore per l'alt div
	var objContainer = document.createElement("div");
	objContainer.setAttribute('id','altContainer');
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(objContainer);
	
	var immagine=document.getElementById(id_image);

	document.getElementById('altContainer').style.left=mouseX + 'px';
	document.getElementById('altContainer').style.top=mouseY + 'px';
	document.getElementById('altContainer').className = 'div_alt';
	document.getElementById('altContainer').innerHTML=img_description;

}



function setOverlay(){
	
	// nascondo l' overlay
	changeOpac(0, id_image);

	// dimensiono l' overlay
	document.getElementById('overlay').style.width=(document.getElementById(id_image).width+20)+'px';
	document.getElementById('overlay').style.height=(document.getElementById(id_image).height+40)+'px';
	document.getElementById('overlay').innerHTML=document.getElementById('imgContainer').innerHTML;
	centerOverlay();
	
	// fade in
	opacity(id_image, 0, 100, 300);
	
	// eventi per l'immagine
	document.getElementById(id_image).onclick = function() { imageOnClick(); }	
	//document.getElementById(id_image).onmouseover = function() { imageOnMouseOver(); }	
	//document.getElementById(id_image).onmouseout = function() { imageOnMouseOut(); }	
	

	// distruggo il contenitore dell' immagine
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.removeChild(document.getElementById('imgContainer'));

}