/* 
 * Function that places a layer with a flv swf player 
 *
 * Param 1: path to the flv file (relative to the path of the flv player.swf)
 * Param 2: Style of the div to display (basicaly composed of a top, left, width and height attribute)
 *
 */

function insertVideo(flvPath,divStyle) {

	someDiv = document.getElementById('mapping');
	someDiv.innerHTML += '<div onmouseover="this.style.cursor=\'pointer\'" onmouseout="this.style.cursor=\'default\'" style="position:absolute;'+divStyle+'"><object type="application/x-shockwave-flash" data="media/swf/flv.swf" width="385" height="216"><param name="type" value="application/x-shockwave-flash" /><param name="wmode" value="opaque" /><param name="quality" value="high" /><param name="FlashVars" value="file='+flvPath+'&autoStart=true" /><param name="movie" value="media/swf/flv.swf"/></object></div>';

}



/* 
 * Function that places a layer with a click on it to jump to whatever page
 *
 * Param 1: page number to go to
 * Param 2: Style of the div to display (basicaly composed of a top, left, width and height attribute)
 *
 */

function gotoPage(pageNumber,divStyle) {

	/*
	 *
	 * Deactivate this for the time being
	 * This fucks under FF (can't remotely click on something)
	 * Solution: try to click via var $j = jQuery.noConflict(); & $j(document).ready(function(){
	 *
	 */

	 /*
	
	gotoTab = document.getElementById("tab_page_"+pageNumber);
	
	someDiv = document.getElementById('mapping');
	someDiv.innerHTML += '<div onmouseover="this.style.cursor=\'pointer\'" onmouseout="this.style.cursor=\'default\'" style="position:absolute;'+divStyle+'"	onclick="gotoTab.click()"></div>';

	*/

}



/* 
 * Function that places a layer with a click on it to jump to an external url
 *
 * Param 1: url to go to
 * Param 2: Style of the div to display (basicaly composed of a top, left, width and height attribute)
 *
 */

function gotoUrl(url,divStyle) {
	
	someDiv = document.getElementById('mapping');
	someDiv.innerHTML += '<div onmouseover="this.style.cursor=\'pointer\'" onmouseout="this.style.cursor=\'default\'" style="position:absolute;'+divStyle+'"	onclick="window.open(\''+url+'\')"></div>';
/*	someDiv.innerHTML += '<div onmouseover="this.style.cursor=\'pointer\';this.style.background=\'\';this.style.filter=\'Alpha(opacity=30);\';this.style.opacity=\'0.5;\';" onmouseout="this.style.cursor=\'default\';this.style.filter=\'Alpha(opacity=0);\';this.style.opacity=\'0;\';" style="position:absolute;'+divStyle+'"	onclick="window.open(\''+url+'\')"></div>'; */

}



/* 
 * Function that places a layer with a click on it to open a mootols inline popup
 *
 * Param 1: if of the link to click on
 * Param 2: Style of the div to display (basicaly composed of a top, left, width and height attribute)
 *
 */
function loadHtml(id,divStyle) {
	
	someDiv = document.getElementById('mapping');
	/* someDiv.innerHTML += '<div style="position:absolute;'+divStyle+'" onclick="document.getElementById(\'mc1\').click()"><a id="mc1" href="'+htmlPage+'" rel="width:'+width+',height:'+height+'" id="'+id+'" class="'+CSSclass+'" > > Lire plus</a></div>'; */
	someDiv.innerHTML += '<div onmouseover="this.style.cursor=\'pointer\'" onmouseout="this.style.cursor=\'default\'" style="position:absolute;'+divStyle+'" onclick="document.getElementById(\''+id+'\').click()"></div>';

}



/*
 * Function that places a layer with a swf applet
 * This function is called with a window.setTimeout of 1 second (because of the transition)
 *
 * Param 1: path of the swf file to insert
 * Param 2: width of the swf file
 * Param 3: height of the swf file
 * Param 4: Style of the div to display (basicaly composed of a top, left, width and height attribute)
 *
 */
function insertSwf(swfFile,width,height,divStyle) {
	someDiv = document.getElementById('mapping');
	someDiv.innerHTML += '<div style="position:absolute;'+divStyle+'"><object type="application/x-shockwave-flash" data="'+swfFile+'" width="'+width+'" height="'+height+'"><param name="type" value="application/x-shockwave-flash" /><param name="wmode" value="opaque" /><param name="quality" value="high" /><param name="movie" value="'+swfFile+'"/></object></div>';
}



/* 
 * Function that removes every mapping zones
 *
 * Param: void()
 *
 */
function unloadMapping() {

	div_mapping = document.getElementById("mapping");
	for(i=0;i<2;i++) div_mapping.innerHTML = '';

}