var par
function mover(container,img1,width,height){
     //Define out dimensions
//     W = "400px";
//     H = "400px";
     W = width;
     H = height;
     
     //Create our new container <DIV> and its attributes
     par = document.getElementById(container)
     div = document.createElement('div');
     div.setAttribute("id","grow");
     div.setAttribute("style","float:right");
     div.style.position = "absolute";
     div.style.top="0";
//     div.style.right="0px";
     div.style.visibility = "visible";
     div.style.width = "100%";
     div.style.height = H;
     
     //Create out new magnified <IMG> and its attributes
     img = document.createElement("img");    
     img.src = img1.src;
     img.align = "right";
     img.style.width = W;
     img.style.height = H;
     addEvent(div, "mouseover", mover2 );
     addEvent(div, "mouseout", mout );
     //Append the <IMG> to the <DIV>
     div.appendChild(img);    
     
     //Append the <DIV> to the document
     par.appendChild(div)

}
function mover2(e){
     //We simply call the element by name (grow) and remove it from the DOM
     div = document.getElementById("grow")
     div.style.visibility = 'visible';
}

function mout(e){
     //We simply call the element by name (grow) and remove it from the DOM
     par.removeChild(document.getElementById("grow"));
}

function addEvent(obj, evType, fn)
	{
	if (obj.addEventListener)
		{
		obj.addEventListener(evType, fn, false);
		return true;
		}
	else if (obj.attachEvent)
		{
		var r = obj.attachEvent('on'+evType, fn);
		return r;
		}
	else
		{
		return false;
		}
	}