function page_onload(page_name) {
    //document.getElementById("map_div").style.width = (pwidth - 224) + "px";
     if(screen.width == 1280)
        {
          if (page_name == "jo2")
            {
                   if (navigator.appName == "Netscape")
                     {
                       document.getElementById("page_holder").style.width = "1248px";
                     }
                   else
                     {
                       document.getElementById("page_holder").style.width = "1259px";
                     }
                   document.getElementById("jo2_header").style.width = "1225px";
                   document.getElementById("jo2_header_trans").style.width = "1209px";  
                   document.getElementById("test").style.width = "1185px";
                   document.getElementById("jo2_search_trans").style.top = "120px"; 
                   //document.getElementById("footer_link").style.width = "550px";              
            }
          else if (page_name == "jo1")
            {
               if (navigator.appName == "Netscape")
                  {
                     document.getElementById("page_holder").style.width = "1248px";
                  }
               else
                  {
                    document.getElementById("page_holder").style.width = "1259px";
                  }
               document.getElementById("page_holder").style.width = "1259px";
               document.getElementById("footer_link").style.width = "550px";
               //document.getElementById("jo1_icons_holder").style.left = "150px";
               document.getElementById("jo1_button_holder").style.left = "280px";
           }
           else if (page_name == "jo12") {
               if (navigator.appName == "Netscape") {
                   document.getElementById("page_holder").style.width = "1248px";
               }
               else {
                   document.getElementById("page_holder").style.width = "1259px";
               }
               document.getElementById("page_holder").style.width = "1259px";
               document.getElementById("footer_link").style.width = "550px";
               //document.getElementById("jo1_icons_holder").style.left = "150px";
               document.getElementById("jo1_button_holder").style.left = "280px";
           }
       }
       if (page_name == "jo2")
       { float_footer1(); }
       else
           float_footer();
          float_header();
      document.getElementById("map_div").style.zIndex = "-1";
      var pwidth = GetWidth();

      var holder = alertSize();
      if (page_name == "jo12") {

          document.getElementById("page_holder").style.height = (holder - 10) + "px";
          document.getElementById("map_div").style.height = (holder - 10) + "px";
          // document.getElementById("floatmanager").style.height = (holder - 130) + "px";
          document.getElementById("list1b").style.height = (holder - 10) + "px";
      } else {
          document.getElementById("page_holder").style.height = (holder - 130) + "px";
          document.getElementById("map_div").style.height = (holder - 130) + "px";
          // document.getElementById("floatmanager").style.height = (holder - 130) + "px";
          document.getElementById("list1b").style.height = (holder - 120) + "px";
      }
      document.getElementById("map_div").style.width = (pwidth - 224) + "px";
     // document.getElementById("jo1_float").style.marginTop = "-" + (holder - 165) + "px";
      //openCloseMap();jo1_float
      document.getElementById("map_div").style.width = (pwidth - 224) + "px";
   }
function jo1_max_min(obj,type,name,option)
  {
     if (type == "max")
       {
         obj.parentNode.className = "jo1_open_close jo1_open";
         obj.title = "Minimize";
         document.getElementById("c_" + name + "_holder").style.display = "block";
         obj.onclick = function () {jo1_max_min(this,'min',name,option);};
         if (option == "jo2")
           {
              document.getElementById("jo2_layers_back").style.height = document.getElementById("jo2_layers_con").offsetHeight + 1 + "px";
              document.getElementById("jo2_layers_con").style.marginTop = - document.getElementById("jo2_layers_con").offsetHeight + "px"
           }
       }
     else
       {
         obj.parentNode.className = "jo1_open_close";
         obj.title = "Maximize";
         document.getElementById("c_" + name + "_holder").style.display = "none";
         obj.onclick = function () {jo1_max_min(this,'max',name,option);};
         if (option == "jo2")
           {
              document.getElementById("jo2_layers_back").style.height = document.getElementById("jo2_layers_con").offsetHeight + 1 + "px";
              document.getElementById("jo2_layers_con").style.marginTop = - document.getElementById("jo2_layers_con").offsetHeight + "px"
           }
       }
  }
  
function jo1_open_close(obj,type)
 {  
    if (type == "close")
      {
          document.getElementById("map_div").style.width = "100%";
          openCloseMap();
          document.getElementById("map_div").refresh;
        document.getElementById("jo1_float").style.display = "none";
        document.getElementById("jo1_search_open").style.display = "none";
        floating_pane("close", 5);
      }
    else {
        var pwidth = GetWidth();
        openCloseMap();
        floating_pane("open", 5);
        document.getElementById("map_div").style.width = pwidth - 224 + "px";
      }
 }

var t_float = 0;
function floating_pane(type,step)
  {
     var temp_width = document.getElementById("jo1_float_holder").style.width;
     temp_width = temp_width.substring(0,temp_width.indexOf("px"));
     if (type == "close")
       {
         if (temp_width > 35)
           {
             temp_width = temp_width*1 - step;
             document.getElementById("jo1_float_holder").style.width = temp_width + "px";
             t_float = setTimeout(function (){floating_pane(type,step)},10);
           }
         else
           {
             clearTimeout(t_float);
             document.getElementById("jo1_float").style.display = "none";
             document.getElementById("jo1_seach_close").style.display = "block";
             document.getElementById("jo1_search_title").style.visibility = "hidden";
             document.getElementById("jo1_layers_title").style.visibility = "hidden";
           }
       }
    if (type == "open")
       {
         if (temp_width < 225)
           {
             temp_width = temp_width*1 + step;
             document.getElementById("jo1_float_holder").style.width = temp_width + "px";
             t_float = setTimeout(function (){floating_pane(type,step)},10);
           }
         else
           {
             clearTimeout(t_float);
             document.getElementById("jo1_float").style.display = "block";
             document.getElementById("jo1_search_title").style.visibility = "visible";
             document.getElementById("jo1_layers_title").style.visibility = "visible";
             document.getElementById("jo1_seach_close").style.display = "none";
             document.getElementById("jo1_float").style.display = "block";
             document.getElementById("jo1_search_open").style.display = "block";
           }
       }
  }
  
 function home_login(obj,title,input_type)
  {
    obj.value = obj.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    if (title == "focus")
      {
         if (input_type == "pass" && obj.value == "كلمة المرور")
           {
             obj.value = "";
             replace_input(obj,"كلمة المرور")
           }
         else if (input_type == "user" && obj.value == "اسم المستخدم")
           {
             obj.value = "";
             obj.style.color = "#000000";
             obj.focus();
           }
      }
    else
      {
         var temp_value = obj.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
         if (temp_value == "")
           {
              if (input_type == "pass")
               {
                  obj.value = "";
                  replace_input(obj,"text")
               }
              else 
               {
                 obj.style.color ="#BABABA";
                 obj.value = "اسم المستخدم ";
               }
           }
      }
  }
  
 function replace_input(old_object,new_type)
   {
      var newObject = document.createElement('input');
      newObject.type = new_type;
      if(old_object.id) newObject.id = old_object.id;
      if(old_object.className) newObject.className = old_object.className;
      if(old_object.onblur) newObject.onblur = old_object.onblur;
      if(old_object.onfocus) newObject.onfocus = old_object.onfocus;
      old_object.parentNode.replaceChild(newObject,old_object);
      newObject.value = "";
      if (new_type == "كلمة المرور")
        {
          newObject.style.color = "#000000";
          newObject.focus();
        }
      else
        {
          newObject.value = "كلمة المرور ";
        }
   }
   
 function jo2_move(obj)
   {
     offset_left = document.getElementById('jo2_search_trans').offsetLeft + document.getElementById('jo2_search_trans').parentNode.offsetLeft;
     //left_limit = (temp_width - 1003)/2;
     //right_limit =  left_limit + 1003;
     document.getElementById('page_holder').onmousemove = getMouseXY;
   }
   
var offset_left = 0;
var hor_holder = 0;
var ver_holder = 0;
var first_time = 0;
function getMouseXY(e)
 {
    var gen_holder = document.getElementById('jo2_search_trans');
   // var fill_star_pos = comment_items_holder.offsetLeft + comment_items_holder.parentNode.parentNode.offsetLeft + comment_items_holder.parentNode.parentNode.parentNode.offsetLeft + 3;
  //  var fill_width = 0;
    var IE = document.all?true:false;
    if (!IE) document.captureEvents(Event.MOUSEMOVE);
    if (IE) 
      { // grab the x-y pos.s if browser is IE
        tempX = event.clientX + document.body.scrollLeft;
        tempY = event.clientY + document.body.scrollTop;
    //    fill_width = tempX - fill_star_pos;
      }
    else 
      { // grab the x-y pos.s if browser is NS
        tempX = e.pageX;
        tempY = e.pageY;
      }  
    if (tempX < 0){tempX = 0;}
    if (tempY < 0){tempY = 0;} 
    if (hor_holder != 0 || ver_holder != 0)
      { 
        var temp_left =  tempX - hor_holder;
        var temp_pos_left = gen_holder.style.left;
        gen_holder.style.left = temp_pos_left.substring(0,temp_pos_left.indexOf("px"))*1 + temp_left*1 + "px";
        var temp_top = tempY - ver_holder;
        var temp_pos_top = gen_holder.style.top;
        gen_holder.style.top = temp_pos_top.substring(0,temp_pos_top.indexOf("px"))*1 + temp_top*1 + "px";
      }
    //document.getElementById('test').innerHTML = "left:" + tempX + " top:" + tempY + " " + hor_holder;
    hor_holder = tempX;
    ver_holder = tempY;
 }
 
function jo2_not_move(obj)
  {
    document.getElementById('page_holder').onmousemove = function (){first_time = 0;hor_holder = 0;ver_holder = 0;};
  }
  
function jo2_min_max(obj,type,block_name)
  {
     if (type == "min")
       {
          clearTimeout(t_max);
          obj.className = "jo2_mini";
          if (block_name == "search")
            {
              document.getElementById('jo2_search_con').style.display = "none"; 
              min_max('jo2_search_back',"min",5,0,0,block_name);
              obj.onclick = function () {jo2_min_max(this,'max',"search");};;
              document.getElementById('jo2_search_img').style.display = "none"; 
              document.getElementById('jo2_search_img_max').style.display = "block"; 
              obj.title = "Maximize";
            }
          else if (block_name == "layers")
            {
              document.getElementById('jo2_layers_con').style.display = "none"; 
              min_max('jo2_layers_back',"min",5,0,0,block_name);
              obj.onclick = function () {jo2_min_max(this,'max',"layers");};
              document.getElementById('jo2_layers_img').style.display = "none"; 
              document.getElementById('jo2_layers_img_max').style.display = "block"; 
              obj.title = "Maximize";
            }
       }
     else if (type == "max")
       {
          clearTimeout(t_min);
          if (block_name == "search")
            { 
              document.getElementById('jo2_search_con').style.visibility = "hidden";
              document.getElementById('jo2_search_con').style.display = "block";
              min_max('jo2_search_back',"max",5,0,0,block_name);
              obj.onclick = function () {jo2_min_max(this,'min',"search");};
              document.getElementById('jo2_search_img').style.display = "block"; 
              document.getElementById('jo2_search_img_max').style.display = "none"; 
              obj.title = "Minimize";
            }
          else if (block_name == "layers")
            {
              document.getElementById('jo2_layers_con').style.visibility = "hidden";
              document.getElementById('jo2_layers_con').style.display = "block";
              min_max('jo2_layers_back',"max",5,0,0,block_name);
              obj.onclick = function () {jo2_min_max(this,'min',"layers");};
              document.getElementById('jo2_layers_img').style.display = "block"; 
              document.getElementById('jo2_layers_img_max').style.display = "none"; 
              obj.title = "Minimize";
            }
       }
  }
  
  
 var t_min = 0;
  var t_max = 0;
function min_max(obj_name,type,step,down_limit,upper_limit,block_name)
  {
     var temp_height = document.getElementById(obj_name).style.height;
     temp_height = temp_height.substring(0,temp_height.indexOf("px"));
     var temp_margin = document.getElementById(obj_name).style.marginBottom;
     temp_margin = temp_margin.substring(0,temp_margin.indexOf("px"));
     if (type == "min")
       {
         clearTimeout(t_max);
         if (Math.abs(temp_height) > 0)
           {
             temp_height = temp_height*1 - step;
             document.getElementById(obj_name).style.height = temp_height + "px";
             t_min = setTimeout(function (){min_max(obj_name,type,step,down_limit,upper_limit,block_name)},0.2);
           }
         else
           {
             clearTimeout(t_min);
             if  (block_name == "search")
               {
                 document.getElementById(obj_name).style.height = (temp_height*1 + 1) + "px";
               }
           }
       }
    else if (type == "max")
       {
         var name_holder = "";
         name_holder = "jo2_layers_con";
         if  (block_name == "search")
               {
                 name_holder = "jo2_search_con";
               }
         if (temp_height < document.getElementById(name_holder).offsetHeight)
           {
             temp_height = temp_height*1 + step;
             document.getElementById(obj_name).style.height = temp_height + "px";
             t_max = setTimeout(function (){min_max(obj_name,type,step,down_limit,upper_limit,block_name)},0.2);
           }
         else
           {
             clearTimeout(t_max);
             document.getElementById(name_holder).style.visibility = "visible";
           }
       }
  }
  
  var t_footer = 0;
  function float_footer()
    {
      document.getElementById("jo1_footer").style.top = alertSize() + get_window_scroll() - 65 + "px";
      t_footer = setTimeout(function (){float_footer()},0.2);
    }
    var t_header = 0;
    function float_header() {
        document.getElementById("page_holder").style.top = 65 - get_window_scroll() + "px";
        document.getElementById("map_div").style.top = 65 - get_window_scroll() + "px";
        t_header = setTimeout(function() { float_header() }, 0.2);
    }
 
 /*---------------------------*/
 /*---------------------------*/
 
 function get_window_scroll() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfY;
}

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  //window.alert( 'Width = ' + myWidth );
 // window.alert( 'Height = ' + myHeight );
 return myHeight;
}
  


   var t_footer1 = 0;
  function float_footer1()
    {
      document.getElementById("jo1_footer").style.top = alertSize() + get_window_scroll() - 37 + "px";
      t_footer1 = setTimeout(function (){float_footer1()},0.2);
    }

var y = 0 ;
 var x = 0 ;
//      get the width of the page
function GetWidth()
{       
        if (self.innerHeight)
        {
                x = self.innerWidth;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
        {
                x = document.documentElement.clientWidth;
        }
        else if (document.body)
        {
                x = document.body.clientWidth;
        }
        return x;
    }
    var v_float = 0;
    function hideTools(type,step) {
        var temp_height = document.getElementById("tool_bar_div").style.height;
        temp_height = temp_height.substring(0, temp_height.indexOf("px"));
        if (type == "close") {
            document.getElementById("visible_tools").style.display = "none";
            document.getElementById("hide_tools").style.display = "none";
            if (temp_height > 35) {
                temp_height = temp_height * 1 - step;
                document.getElementById("tool_bar_div").style.height = temp_height + "px";
                v_float = setTimeout(function() { hideTools(type, step) }, 10);
            }
            else {
                clearTimeout(v_float);
                document.getElementById("show_tools").style.display = "block";
            }
        }
        if (type == "open") {
        
            if (temp_height < 250) {
                temp_height = temp_height * 1 + step;
                document.getElementById("tool_bar_div").style.height = temp_height + "px";
                v_float = setTimeout(function() { hideTools(type, step) }, 10);
            }
            else {
                document.getElementById("show_tools").style.display = "none";
                document.getElementById("hide_tools").style.display = "block";
                document.getElementById("visible_tools").style.display = "block";
                clearTimeout(v_float);
            }
        }





    }
//accordion function