function get_event(e)
{
	var obj = e;
	if ( window.event )
	{
		obj.layerX = e.offsetX;
		obj.layerY = e.offsetY;
		obj.target = e.srcElement;
		obj.preventDefault = function() { event.returnValue = false; }
		obj.stopPropagation = function() { event.cancelBubble = true; }
	}
	return( obj );
}

var preloadBin = new Array();

function changeImg(link){
  var img = link.getElementsByTagName('IMG')[0];
  var end = img.src.lastIndexOf('.');
  var ext = img.src.substr((end+1), 3);

  if( img.src.substr( (end-2), 2 ) == '_h' ){
    img.src = preloadBin[link.key][0].src;
  }else{
    img.src = preloadBin[link.key][1].src;
  }
}

function menuHover(id){
  var menu = document.getElementById(id);
  
  if(menu){
    var link = menu.getElementsByTagName('A');

    for(x=0, y=link.length; x<y; x++){
      var img = link[x].getElementsByTagName('IMG')[0];

      if(img){
        var end = img.src.lastIndexOf('.');
        var ext = img.src.substr((end+1), 3);
        
        preloadBin[preloadBin.length] = new Array();
        //initial image
        preloadBin[(preloadBin.length-1)][0] = new Image();
        preloadBin[(preloadBin.length-1)][0].src = img.src;
        //hover image
        preloadBin[(preloadBin.length-1)][1] = new Image();
        preloadBin[(preloadBin.length-1)][1].src = img.src.substr(0, end) + '_h.' + ext;
        
        link[x].key = (preloadBin.length-1);
        link[x].onmouseover = function(e){ changeImg(this); e = get_event(e || event); e.stopPropagation(); e.preventDefault(); }
        link[x].onmouseout = function(e){ changeImg(this); e = get_event(e || event); e.stopPropagation(); e.preventDefault(); }
      }
    }
  }
}

function resizeVP(id){
  var obj = document.getElementById(id);

  if(obj){
    obj.style.height = document.getElementsByTagName('BODY')[0].offsetHeight + 'px';
    obj.style.width = document.getElementsByTagName('BODY')[0].offsetWidth + 'px';
  }
}

var loading = new Image();
loading.src = './img/loading.gif';

function unhide(x){
  var parent = document.getElementById('b_img_container_main');
  var label = document.getElementById('label');
  label.innerHTML = bigs[x][1];

  document.getElementById('b_img_bg').style.display = 'block';
  document.getElementById('b_img_container').style.display = 'block';
  var img = new Image();
  img.src = bigs[x][0];
  curr = x;
  var big = parent.getElementsByTagName('IMG')[0];
  
  img.onload = function(){ big.src = this.src; big.className = 'big'; }
  //big.src = img.src;
  //big.className = 'big';
}

function showloader(){ 
  var parent = document.getElementById('b_img_container_main');
  parent.getElementsByTagName('IMG')[0].src = loading.src
  parent.getElementsByTagName('IMG')[0].className = 'loading';
}

function hide(id){
  document.getElementById(id).style.display = 'none';
  showloader();
}

function showprev(){
  showloader();

  x = curr - 1;

  if(x < 0){ x = (bigs.length-1); }

  unhide(x);
}

function shownext(){
  showloader();

  x = curr + 1;

  if(x > (bigs.length-1)){ x = 0; }

  unhide(x);
}

window.onload = function(){ menuHover('menu'); menuHover('submenu'); menuHover('prevnext'); menuHover('pag'); resizeVP('b_img_bg') };