// browser detection
isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE5 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;


function getelementbyid(myid) {
  if (isNS4){
    objElement = document.layers[myid];
  } else if (isIE4) {
    objElement = document.all[myid];
  } else if (isIE5 || isNS6) {
    objElement = document.getElementById(myid);
  }
  return(objElement);
}



// Begin of DHTML Menu Code

// global variables
dhtml_menu_current_item = null;
dhtml_menu_hide_delay = 500;
dhtml_menu_tstat = 0;

dhtml_menu_is_locked = false;
dhtml_menu_active_item = null;


// Input:
// objElement - layer id;
// bolVisible - boolean;
// true  - show layer;
// false - hide layer;
function menu_switchDiv(objElement,bolVisible){
  if(isNS4||isIE4){
    if(!bolVisible) {
      objElement.visibility ="hidden"
    } else {
      objElement.visibility ="visible"
    }     
  } else if (isIE5 || isNS6) {
    if(!bolVisible){
      objElement.style.display = "none";
    } else {
      objElement.style.display = "";
    }
  }

  return 1;
}


// this function returns a value of specified
// property of an object
// Input:
// el    - element's id;
// sProp - property (left,top...)
function menu_getPos(el,sProp) {
  var iPos = 0;
  while (el != null) {
    if (sProp == 'Top') {
      iPos += el.offsetTop;
    } else if (sProp == 'Left') {
      iPos += el.offsetLeft;
    }
    el = el.offsetParent;
  }
  return iPos;
}


// this function shows/hides layers
// Input:
// el - table cell where mouse pointer is in;
// m  - name of layer which will be displayed under
// this cell.
function nav_show_submenu(el,m) {

// if layer is visible, make it invisible
  if (dhtml_menu_current_item != null) {
    menu_switchDiv(dhtml_menu_current_item,false);
  }

  if (m != null) {
    m=getelementbyid(m);
    el = getelementbyid(el);

    if (m) {
      menu_switchDiv(m,true);
      dhtml_menu_current_item=m;
      nav_adjust_submenu_pos(el, m);
    }
  }
}

function nav_adjust_submenu_pos(el, m) {
  var m_pos_left = menu_getPos(el, "Left");
  
  m.style.top =  menu_getPos(el, "Top") + el.offsetHeight + "px";

  var table_width_1 = getelementbyid('main_table').clientWidth - 30;
  table_width_1 = Math.ceil(table_width_1 / 2);

  var sizer_width_1 = Math.ceil(getelementbyid('sizer1').clientWidth / 2);
        
  var submenu_min_pos = sizer_width_1 - table_width_1;
  var submenu_max_pos = sizer_width_1 + table_width_1;

  if (m_pos_left + m.clientWidth > submenu_max_pos) {
    m_pos_left = m_pos_left - (m_pos_left + m.clientWidth - submenu_max_pos);
  }

  m.style.left = m_pos_left+"px";
}


// this function "closes" the menu
function nav_hide_submenu() {
  if (dhtml_menu_is_locked == true) {
    return false;
  }

  timer1=setTimeout("nav_show_submenu(null,null)",dhtml_menu_hide_delay);
  dhtml_menu_tstat=1;

  return 1;
}


// this function stops a timer which is running
function nav_cancelhide() {
  if (dhtml_menu_tstat == 1) {
    clearTimeout(timer1);
    dhtml_menu_tstat=0;
  }
  return 1;
}

function show_active_submenu() {
  if (dhtml_menu_is_locked == true && dhtml_menu_active_item != null) {
    nav_show_submenu('menu_cell_' + dhtml_menu_active_item, 'submenu' + dhtml_menu_active_item);
  }
}

dhtml_menu_onresize = function() {
  if (dhtml_menu_is_locked == true && dhtml_menu_active_item != null) {
    el = getelementbyid('menu_cell_' + dhtml_menu_active_item);
    m = getelementbyid('submenu' + dhtml_menu_active_item);

    nav_adjust_submenu_pos(el, m);
  } else {
    nav_hide_submenu();
  }
}

function load_gallery_images() {
  if (getelementbyid('gallery_module_loading') && getelementbyid('gallery_module_listing')) {
    getelementbyid('gallery_module_loading').style.display = 'none';
    getelementbyid('gallery_module_listing').style.display = '';
  }
}

dhtml_menu_onload = function() {
  show_active_submenu();
  load_gallery_images();
}

window.onload = dhtml_menu_onload;
window.onresize = dhtml_menu_onresize;

// End of DHTML Menu Code

function adjust_content_boxes() {
  content_box_1_1 = getelementbyid('content_box_1_1').clientHeight;
  content_box_1_2 = getelementbyid('content_box_1_2').clientHeight;
  content_box_1_3 = getelementbyid('content_box_1_3').clientHeight;
  content_box_2_1 = getelementbyid('content_box_2_1').clientHeight;
  content_box_2_2 = getelementbyid('content_box_2_2').clientHeight;
  content_box_2_3 = getelementbyid('content_box_2_3').clientHeight;
}