function GuardarropasOn() {
	document.getElementById("Guardarropas1").style.display="none";
	document.getElementById("Guardarropas2").style.display="";
}

function GuardarropasOff() {
	document.getElementById("Guardarropas2").style.display="none";
	document.getElementById("Guardarropas1").style.display="";
}


function showdiv(event,iar_codigo)
{
	//determina un margen de pixels del div al raton
	margin=5;

	//La variable IE determina si estamos utilizando IE
	var IE = document.all?true:false;
	//Si no utilizamos IE capturamos el evento del mouse
	if (!IE) document.captureEvents(Event.MOUSEMOVE)

	var tempX = 0;
	var tempY = 0;
	
	//alert(IE);

	if(IE)
	{ //para IE
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.documentElement.scrollTop;
		myHeight = document.documentElement.clientHeight+document.documentElement.scrollTop;
		TamanioDiv = document.getElementById('ProductoFlotante_'+iar_codigo).clientHeight + 10;
		//tempY = document.body.scrollHeight/2;
		
	}else{ //para netscape
		tempX = event.pageX;
		tempY = event.pageY;
		myHeight = window.innerHeight+window.scrollY;
		TamanioDiv=document.getElementById('ProductoFlotante_'+iar_codigo).clientHeight + 30;
	}
	
	//alert(myHeight);
	//alert(document.documentElement.scrollTop);
	//var midPoint = document.body.scrollHeight/2;
	
	if (tempX < 0){tempX = 0;}
	if (tempY < 0){tempY = 0;}
	
	

	//alert(TamanioDiv);
	
	if (tempY > myHeight-TamanioDiv){tempY = myHeight-TamanioDiv;}

	//modificamos el valor del id "posicion" para indicar la posicion del mouse
	document.getElementById('ProductoFlotante_'+iar_codigo).style.position =  "absolute";
	document.getElementById('ProductoFlotante_'+iar_codigo).style.top = (tempY+margin)+"px";
	document.getElementById('ProductoFlotante_'+iar_codigo).style.left = (tempX+margin)+"px";
	//document.getElementById('ProductoFlotante_'+iar_codigo).style.display='block';
	document.getElementById('ProductoFlotante_'+iar_codigo).style.display='';
	
	//alert(document.getElementById('ProductoFlotante').style.left);
	
	
	return;
}

function Dibuja()
{                
	var ImageMap1_Map = document.getElementById('Map');
	jg = new jsGraphics('highlightContainer');
	jg.setStroke(1);

	for(var i = 0; i < ImageMap1_Map.areas.length; i++)
	{
		var area = ImageMap1_Map.areas[i];    
		var co = area.coords.split(',');                
		//highlightHotspot(area, getHighlightStyle(), getFillColor(), getStrokeColor());
		jg.setColor("#FFFFFF");
		jg.drawRect(parseInt(co[0]), parseInt(co[1]),parseInt(co[2]-co[0]), parseInt(co[3]-co[1]) );
		jg.paint();
	}
}