var width;
var height;
var left;
var top;
var parent_width;
var parent_height;
var parent_left;
var parent_top;
var mydiv;
var s;
var rate;
var relative=100;
var scale=10; 
function $(obj)
{
    return  document.getElementById(obj);
}
function create_div(parent_div)
{  
    try
   {
    parent_width = $(parent_div).offsetWidth;
    parent_height = $(parent_div).offsetHeight;
    
    var tmp=GetPosition(parent_div);
    parent_left = tmp[0];
    parent_top = tmp[1]; 

    rate = parent_width/parent_height;
    width = parent_width +relative ;
    height = width/rate;
    left = parent_left-relative/2;
    top = parent_top-relative/2/rate;
    mydiv=document.createElement("div");
    document.body.appendChild(mydiv);
    
    mydiv.id="new_div";
    mydiv.style.width= width + "px";
    mydiv.style.height= height + "px";
    mydiv.style.position="absolute";
    mydiv.style.left= left+"px";
    mydiv.style.top= top+"px";
    mydiv.style.border="solid 1px #498FA7";
    
    s=setInterval("loop()",30);
    $("amount").innerHTML="<img src='/images/loading.gif' alu=''/>";
    }
    catch(e)
    {
   
    }
   
}
function loop()
{
   if(width>parent_width && height>parent_height)
   {
   width=width-scale;
   height=width/rate;
   left = left + scale/2;
   top  = top +scale/2/rate;
   mydiv.id="new_div";
   mydiv.style.width= width + "px";
   mydiv.style.height= height + "px";
   mydiv.style.position="absolute";
   mydiv.style.left= left+"px";
   mydiv.style.top= top+"px";
   }
   else
   {
      mydiv.style.display="none";
      clearInterval(s);
   }  
}
function GetPosition(obj)
{
    o=$(obj);
    var left=o.offsetLeft,top=o.offsetTop;   
    while(o=o.offsetParent) 
    { 
       left+=o.offsetLeft;   
       top+=o.offsetTop;
    } 
    return Array(left,top)
}