function refresh_media_ui(project_name, project_id, type, id, lang)
{
	var http_request = create_http_req();
	var url = "inc/xajamedia.php";
	var data = "pname="+project_name+"&pid="+project_id+"&type="+type+"&id="+id+"&lang="+lang;

	http_request.onreadystatechange = function() {
		if (http_request.readyState == 4)
		{
			if (http_request.status == 200) var navdata = http_request.responseText;
			else alert("Impossible d'obtenir la liste des médias. Veuillez réessayer plus tard.\n\nMedia retrieval failed. Please try again later.");

			document.getElementById("popup_medias").innerHTML = navdata;
		}
	};
	http_request.open('POST', url, true);
	http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
	http_request.send(data);
}

function show_media(type, media, showmnu)
{
	//refresh_media_ui(project_name, project_id, type, id, lang);
	
	width = document.body.clientWidth;
	height = document.body.clientHeight;
	document.getElementById("popup_container").style.width = width+"px";
	document.getElementById("popup_container").style.height = height+"px";
	media_quickswitch('<a href="javascript:void(0)" onclick="hide_media()" title="fermer / close" ><img src="'+media+'" /></a>');
	document.getElementById("popup_container").style.visibility = "visible";
	document.getElementById("popup_container").style.opacity = "0";
	document.getElementById("popup_container").style.filter = "alpha(opacity=0)";
	document.getElementById("popup_medias").style.visibility = "visible";
	document.getElementById("popup_medias").style.opacity = "0";
	document.getElementById("popup_medias").style.filter = "alpha(opacity=0)";
	
	document.getElementById("media_current").value = media;
	
	if (type == 2) document.getElementById("media_buttons").style.visibility = "visible";
	
	//PLAN MENU HANDLING FOR MODELS PAGE
	if (showmnu == true)
	{
		document.getElementById("media_plan_mnu").style.visibility = "visible";
		for (i = 0; i < imgs.length; i++)
		{
			if (imgs[i] == media) //found current image id
				update_plan_menu(i);
		}
	}
	///////////////////////////////////////////////////////////
	
	opacity("popup_container", 0, 90, 500);
	opacity("popup_medias", 0, 90, 500);
}

function media_quickswitch(html, doSwitch)
{
	if (!doSwitch) setTimeout("media_quickswitch('" + html + "', true)", (10));
	else document.getElementById("media").innerHTML = html;
}

function hide_media()
{
	opacity("popup_container", 100, 0, 500, true);
	opacity("popup_medias", 100, 0, 500, true);
}

function opacity(id, opacStart, opacEnd, millisec, doHide) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if (opacStart > opacEnd)
	{
		for (i = opacStart; i >= opacEnd; i--) {
			setTimeout("change_opacity(" + i + ",'" + id + "', "+doHide+")", (timer * speed));
			timer++;
		}
	} 
	else if (opacStart < opacEnd) 
	{
		for (i = opacStart; i <= opacEnd; i++)
		{
			setTimeout("change_opacity(" + i + ",'" + id + "', "+doHide+")", (timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function change_opacity(opacity, id, doHide) 
{
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	
	if (opacity < 1 && doHide) document.getElementById(id).style.visibility = "hidden";
}





	function media_nav(direction)
	{
		cur = document.getElementById("media_current").value;
		for (i = 0; i < imgs.length; i++)
		{
			if (imgs[i] == cur)
			{
				if (direction == 1)
				{
					newimgID = i + 1;
					if (newimgID == imgs.length) newimgID = 0;
				}
				else
				{
					newimgID = i - 1;
					if (newimgID < 0) newimgID = imgs.length - 1;
				}
				newimg = imgs[newimgID];
			}
		}
		media_quickswitch('<a href="javascript:void(0)" onclick="hide_media()" title="fermer / close" ><img src="'+newimg+'" /></a>');
		document.getElementById("media_current").value = newimg;
		
		//PLAN MENU HANDLING FOR MODELS PAGE
		if (document.getElementById("media_plan_mnu").style.visibility == "visible")
			update_plan_menu(newimgID);
	}


	//PLAN MENU HANDLING FOR MODELS PAGE
	function update_plan_menu(id)
	{
		menu_data = document.getElementById("plan_menu_"+id).innerHTML;
		document.getElementById("menu_plan_listing").innerHTML = menu_data;
	}





///////////////////////////////////////////////////
/*MEDIUM VIEW OVERLAY HANDLING*/
///////////////////////////////////////////////////
	function show_med(img)
	{
		var object = 'medbox';
		var offX = 10;
		var offY = -310;
		
		document.getElementById(object).innerHTML = '<img src="'+img+'" />';
		
//		opacity("medbox", 0, 100, 500);
		
		function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
		function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}
		
		function follow(evt) {
			if (document.getElementById) 
			{
				var obj = document.getElementById(object).style; obj.visibility = 'visible';
				obj.left = (parseInt(mouseX(evt))+offX) + 'px';
				obj.top = (parseInt(mouseY(evt))+offY) + 'px';
			}
		}
		document.onmousemove = follow;
	}
	
	function hide_med()
	{
//		opacity("medbox", 100, 0, 500, true);
		document.onmousemove = null;
		document.getElementById("medbox").style.left = 0
		document.getElementById("medbox").style.top = 0
		document.getElementById("medbox").style.visibility = "hidden";
	}