function get_element_width(obk_id) {
   
   obk = document.getElementById(obk_id);
   
   var the_width = 0;
 
   if(obk.offsetWidth != 'undefined')
   {
       the_width = obk.offsetWidth;           
   }
   else
   {
       the_width = obk.Width;
   }
   
   return the_width;
   
}


function get_element_height(obk_id) {                      
   
   obk = document.getElementById(obk_id);
   
   var the_height = 0;
 
   if(obk.offsetHeight != 'undefined')
   {
       the_height = obk.offsetHeight;           
   }
   else
   {
       the_height = obk.Height;
   }
   
   return the_height;
   
}



function get_element_position(obj_id) {  

var obj = document.getElementById(obj_id);

var pos = {left:0, top:0};

if(typeof obj.offsetLeft != 'undefined')
{
   while (obj)
   {
       pos.left += obj.offsetLeft;
       pos.top += obj.offsetTop;
       obj = obj.offsetParent;
   }
}
else
{
   pos.left = obj.left ;
   pos.top = obj.top ;                   
}

return pos;

}

function get_element_middle(obj_id) {                      
   
   obj = document.getElementById(obj_id);
   var pos = {left:0, top:0}; 
   pos.left = ( get_element_position(obj_id).left + ( get_element_width(obj_id) / 2 ) );
   pos.top = ( get_element_position(obj_id).top + ( get_element_height(obj_id) / 2 ) );  
   return pos; 
   
}

function slide_obj_horizontal_smooth(obj_id, to_left) {
   slider_obj = document.getElementById(obj_id);    
   //slider_obj.style.left = to_left;          
   if(to_left > get_element_position(obj_id).left) {
             
      slider_obj.style.left = (slider_obj.offsetLeft + 5);
      if(to_left > get_element_position(obj_id).left) setTimeout("slide_obj_horizontal_smooth('"+obj_id+"',"+to_left+")",1);
      
   } else if(to_left < get_element_position(obj_id).left) {
             
      slider_obj.style.left = (slider_obj.offsetLeft - 5);
      if(to_left < get_element_position(obj_id).left) setTimeout("slide_obj_horizontal_smooth('"+obj_id+"',"+to_left+")",1);
      
   } 
}