<!--
//<![CDATA[
	var g_imagePath = "";
	var g_ratio  = 0;
	var g_height  = 0;
	var g_width = 0;
	var g_growing = 100;
	var g_isGrowing = false;
	
	window.onscroll = function()
	{
		reposPhotoDiv();
	}
	
	function hideMenu( menuId )
	{
		toggle( 'menu' + menuId, false );
	}
	
	function placeMenu( menuId )
	{
		toggle( 'menu' + menuId, true );
		var menuPos = get_elem_by_name( 'menuPos' + menuId );
		var menu = get_elem_by_name( 'menu' + menuId );
		var coord = get_coord( 'menuPos' + menuId );
		menu.style.top = ( 90 + coord[1] ) + 'px';
		menu.style.left = ( 23 + coord[0] ) + 'px';
	}
	
	function reposPhotoDiv()
	{
		var layer_div = get_elem_by_name( 'photoDiv' );
		var darklayer_div = get_elem_by_name( 'darkLayer' );

		var topPos = document.body.scrollTop;
		if ( topPos == 0)
		{
			if ( window.pageYOffset )
				topPos = window.pageYOffset;
			else
				topPos = ( document.body.parentElement ) ? document.body.parentElement.scrollTop : 0;
		}
		var bcoord = get_coord( "abottom" );
		darklayer_div.style.height = bcoord[1] + 'px'; //document.body.clientHeight + topPos + 'px';
		
		//var  screenWidth = ( typeof( window.innerWidth ) != 'undefined' ? window.innerWidth : document.body.offsetWidth );
		var  screenHeight  = ( typeof( window.innerHeight ) != 'undefined' ? window.innerHeight : document.body.offsetHeight );


		var frameHeight = layer_div.style.height != '' ? parseInt( layer_div.style.height.replace( 'px', '' ) ) : parseInt( layer_div.offsetHeight );

		var centeredTopPos = topPos + ( screenHeight - frameHeight  ) / 2;

		layer_div.style.top = centeredTopPos + 'px';
	}

	var g_photoDivVisible = false;
	
	function handleKeyDown( e )
	{
		var key = ( (window.event) ? event.keyCode : e.keyCode ) || e.which;
	
		if ( g_photoDivVisible == false )
		{
			return( false );
		}
		if ( key == 37 || key == 45 || key == 8 )
		{
			if ( window.frames['photoDiv'].previousPhoto != undefined )
			{
				window.frames['photoDiv'].previousPhoto();
			}
		}
		if ( key == 39 || key == 43 || key == 32 )
		{
			if ( window.frames['photoDiv'].nextPhoto != undefined )
			{
				window.frames['photoDiv'].nextPhoto();
			}
		}
		if ( key == 27 )
		{
			closePopup();
		}
		return ( false );
	}
	
	function get_coord( objName )
	{
		var obj = get_elem_by_name( objName );
		var curleft = curtop = 0;
		if ( obj.offsetParent )
		{
			curleft = obj.offsetLeft;
			curtop = obj.offsetTop;
			while ( obj = obj.offsetParent )
			{
				curleft += obj.offsetLeft;
				curtop += obj.offsetTop;
			}
		}
		else
		if ( obj.x && obj.y )
		{
			curleft += obj.x;
			curtop += obj.y;
		}

		return [curleft,curtop];
	}

	var ieWidth = ( typeof( document.body ) != 'undefined' && document.body != null && typeof( document.body.offsetWidth ) != 'undefined' ? document.body.offsetWidth : document.documentElement.offsetWidth );
	var g_screenWidth = ( typeof( window.innerWidth ) != 'undefined' ? window.innerWidth : ieWidth );
	var ieHeight = ( typeof( document.body ) != 'undefined' && document.body != null && typeof( document.body.offsetHeight ) != 'undefined' ? document.body.offsetHeight : document.documentElement.offsetHeight );
	var g_screenHeight  = ( typeof( window.innerHeight ) != 'undefined' ? window.innerHeight : ieHeight );
	var g_growing_dir = 1;
	var g_growTimer;
	var g_growTimer2;
	
	var g_targetW = 0;
	var g_targetH = 0;
	
	function growFromResize()
	{
		if ( g_photoDivVisible == false )
		{
			return( false );
		}
		else
		{
			g_ratio = 0;
			g_isGrowing = false;
			clearTimeout( g_growTimer );
			clearTimeout( g_growTimer2 );
			g_growTimer = setTimeout( "grow( 'photoDiv', " + g_targetW + ", " + g_targetH + " )", 10 );
		}
	}
	
	function grow( targetid, aTargetWidth, aTargetHeight )
	 {
		g_isGrowing = true;
		var layer_div = get_elem_by_name( targetid );
		
		var targetW = parseInt( aTargetWidth );
		var targetH = parseInt( aTargetHeight );
		
		if ( g_ratio == 0 )
		{
			var ieWidth = ( typeof( document.body ) != 'undefined' && document.body != null && typeof( document.body.offsetWidth ) != 'undefined' ? document.body.offsetWidth : document.documentElement.offsetWidth );
			g_screenWidth = ( typeof( window.innerWidth ) != 'undefined' ? window.innerWidth : ieWidth );
			var ieHeight = ( typeof( document.body ) != 'undefined' && document.body != null && typeof( document.body.offsetHeight ) != 'undefined' ? document.body.offsetHeight : document.documentElement.offsetHeight );
			g_screenHeight  = ( typeof( window.innerHeight ) != 'undefined' ? window.innerHeight : ieHeight );
	  		g_ratio = targetH / targetW;

			if ( targetH > g_screenHeight - 50 )
			{
				targetH = g_screenHeight - 50;
				targetW = ( 100 * targetH ) / ( g_ratio * 100 );
			}
			if ( targetW > g_screenWidth - 50 )
			{
				targetW = g_screenWidth - 50;
				targetH = targetW * g_ratio;
			}
			g_growing_w = ( targetW - g_width ) / 100;
			g_growing_w_dir = ( g_growing_w < 0 ? -5.5 : 5.5 );
			var hDir = 1;
			if ( targetH - g_height < 0 )
			{
				hDir = -1;
			}
			g_growing_h = Math.abs( g_growing_w ) * g_ratio * hDir;
			g_growing_h_dir = Math.abs( g_growing_w_dir ) * g_ratio * hDir;
			
//			g_growing = 100;
		}

		//this.parentNode = document.body;
		//var  g_screenWidth = layer_div.parentNode.width; //( typeof( layer_div.parent.innerWidth ) != 'undefined' ? layer_div.parent.innerWidth : layer_div.parent.offsetWidth );
		//var  g_screenHeight  = layer_div.parentNode.height; //( typeof( layer_div.parent.innerHeight ) != 'undefined' ? layer_div.parent.innerHeight : layer_div.parent.innerHeight );
		
		if ( g_growing_w_dir < 0 )
		{
			wCont = ( g_width + g_growing_w > targetW );
		}
		else
		{
			wCont = ( targetW > g_width + g_growing_w );
		}
		if ( g_growing_h_dir < 0 )
		{
			hCont = ( g_height + g_growing_h > targetH );
		}
		else
		{
			hCont = ( targetH > g_height + g_growing_h );
		}
		
		var ended = 0;
		if ( wCont )
		{
			g_width = g_width + g_growing_w;			
			g_growing_w  = g_growing_w + g_growing_w_dir;
		}
		else
		{
			ended++;
			g_width = targetW;
		}
		if ( hCont )
		{		
			g_height = g_height + g_growing_h;
			g_growing_h  = g_growing_h + g_growing_h_dir;
		}
		else
		{	
			ended++;
			g_height = targetH;	
		}
		if ( ended == 2 )
		{
			g_ratio = 0;
		}
		else
		{
			g_growTimer = setTimeout( "grow( '" + targetid + "', " + targetW + ", " + targetH + " )", 10 );
		}
		layer_div.style.width = g_width + 'px';
		layer_div.style.height = g_height + 'px';
		layer_div.style.marginLeft = - ( g_width / 2 ) + 'px';
		//layer_div.style.top = ( document.body.scrollTop + 50 ) + 'px';
		reposPhotoDiv();
		g_isGrowing = false;
		if ( g_ratio == 0 )
		{
			if ( typeof( window.frames['photoDiv'].myresize ) != 'undefined' )
			{
				g_growTimer2 = setTimeout( "window.frames['photoDiv'].myresize();", 100 );
			}
		}
	}

	function closePopup()
	{
		g_photoDivVisible = false;
		clearTimeout( g_growTimer );
		clearTimeout( g_growTimer2 );
		g_width = 0;
		g_height = 0;
		g_ratio = 0;
		toggle( 'videoPlayer', true );
		toggle( 'videoPlayerSubst', false );
		toggle( 'darkLayer', false );
		toggle( 'photoDiv', false );
		setPhotoDivSize( 1, 1 );
	}

	function iFrameHasLoadedImage( width, height )
	{
		openImageIframe( width, height );
	}

	function setPhotoDivSize( w, h )
	{
		var layer_div = get_elem_by_name( 'photoDiv' );
		layer_div.style.width = w + 'px';
		layer_div.style.height = h + 'px';
	}

	function openPopup( aProd, aId )
	{
		if ( g_isGrowing == true )
		{
			setTimeout( "openPopup( '" + aProd + "', aId );", 10 );
			return;
		}
		reposPhotoDiv();
		document.body.style.cursor = "wait";
		toggle( 'videoPlayer', false );
		toggle( 'videoPlayerSubst', true );
		toggle( 'darkLayer', true );
		toggle( 'darkLayerLoading', true );		
		changeZ( 'darkLayer', 50 );
		changeZ( 'darkLayerLoading', 11 );
		g_imagePath = aProd + '/gen_thumbs/photo_' + aId + '_full.jpg';
		setPhotoDivSize( 0, 0 );
		toggle( 'photoDiv', true );
		setTimeout( "window.frames['photoDiv'].location = 'image.php?prod=" + aProd + "&id=" + aId + "&inFrame=true'", 10 );
		g_photoDivVisible = true;		
	}

	function openImageIframe( aTargetWidth, aTargetHeight )
	{
		document.body.style.cursor = "default";
		g_ratio = 0;
		toggle( 'darkLayerLoading', false );
		changeZ( 'photoDiv', 1000 );
		g_targetW = aTargetWidth;
		g_targetH = aTargetHeight;
		grow( 'photoDiv', aTargetWidth, aTargetHeight );
		changeZ( 'photoDiv', 1000 );
	}

	function changeZ( itemName, newZ )
	{
		var layer = get_elem_by_name( itemName );
		if ( layer == null )
		{
			return false;
		}
		layer.style.zIndex = newZ;
	}

	function toggle( my_obj, my_display )
	{
		var layer = get_elem_by_name( my_obj );

		if ( layer == null )
		{
			return false;
		}

		if ( my_display == undefined )
		{
			my_display = ( layer.style.display == 'none' || layer.style.display == '' );
		}
		if ( my_display )
		{
			layer.style.display = 'block';
		}
		else
		{
			layer.style.display = 'none';
		}
	}

	function get_elem_by_name( str )
	{
		if ( document.getElementById )
		{
			return document.getElementById( str );
		}
		else if ( document.all )
		{
			return document.all[str];
		}
		else if ( document.layers )
		{
			return document.layers[str];
		}
		else
		{
			alert('Javascript problem... No way to find element : "' + str +'"...');
			return null;
		}
	}
	var g_home_cpt = 0;
	var g_home_diaporama = 1;
	
	function displayMainDiv( divName, max )
	{
		for( var cpt = 0; cpt < max; cpt++ )
		{
			toggle( divName + cpt, cpt == g_home_cpt ? true : false )
		}
	}
	
	function setMainDiv( divName, nb, max )
	{
		g_home_cpt = nb;
		displayMainDiv( divName, max );
	}
	
	function rollMainDiv( divName, max, nbSec )
	{
		if ( g_home_diaporama == 0 )
		{
			return;
		}
		g_home_cpt = ( g_home_cpt + 1 ) % max;
		displayMainDiv( divName, max );
		setTimeout( "rollMainDiv( '" + divName + "', " + max + ", " + nbSec + " );", nbSec );
	}
	
	function nextMainDiv( divName, max )
	{
		g_home_diaporama = 0;
		g_home_cpt = ( g_home_cpt + 1 ) % max;
		displayMainDiv( divName, max );
	}
	
	function prevMainDiv( divName, max )
	{
		g_home_diaporama = 0;
		g_home_cpt = g_home_cpt - 1;
		if ( g_home_cpt < 0 )
		{
			g_home_cpt = max - 1;
		}
		displayMainDiv( divName, max );
	}
//]]>
-->