function getSize() {
  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;
  }
  return [myWidth,myHeight];
}

function getScrollXY() {
  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 [ scrOfX, scrOfY ];
}

function displayImage(id) {
  var box = 'image'+id;
  if (document.getElementById && document.createTextNode) {
    var main = document.getElementById("imageMain");
    var allBoxes = main.childNodes;
    var num = allBoxes.length;

    for (i=0;i<num;i++) {
      allBoxes[i].style.display="none";
      allBoxes[i].style.visibility="hidden";
    }

    var curBox = document.getElementById(box);
    curBox.style.display="block";
    curBox.style.visibility="visible";
    
    //HIGHLIGHTS NUMBER
    highlightNum(id);

    
    //var dim = getSize();
    /*var scr = getScrollXY();
	
	if (scr[1]>330) { 
	    newval= (scr[1]-330)+15;
	    newval += "px";
    	main.style.marginTop=newval;
      } else {
        main.style.marginTop="0px";
      }
      */
	}
}

function highlightNum(id) {
  if (!document.getElementById && !document.createTextNode) {return false;}
  var main = document.getElementById("numLinks");
    var links = main.childNodes;
    var num = links.length;
    
    for (i=0;i<num;i++) {
      links[i].className = "nosel";
      //document.write('ZZZZZZZZZZZ'+links[i]+' /');
    }
    nid = id-1;
    links[nid].className = "sel";
    

}

/*function displayExp(id) {
  var nid = id*1;
  var num = 3;

    for (i=0;i<num;i++) {
      var thisid = 'expBox_'+i;
      var box = document.getElementById(thisid);
      var element = document.getElementById(box);
      if (i==nid) {
      
	    //element.style.display="block";
        //element.style.visibility="visible";
	  } else {


        element.style.display="none";
        element.style.visibility="hidden";
      }
    }
}*/

function displayExp(id) {
  var box = 'expbox_'+id;

  var array = new Array();

  array[0] = document.getElementById('expbox_0');
  array[1] = document.getElementById('expbox_1');
  array[2] = document.getElementById('expbox_2');
  array[3] = document.getElementById('expbox_3');
  array[4] = document.getElementById('expbox_4');
  array[5] = document.getElementById('expbox_5');
  array[6] = document.getElementById('expbox_6');
  
  array[7] = document.getElementById('expbox_10');
  array[8] = document.getElementById('expbox_11');
  array[9] = document.getElementById('expbox_12');
  array[10] = document.getElementById('expbox_13');
  array[11] = document.getElementById('expbox_14');
  array[12] = document.getElementById('expbox_15');
  array[13] = document.getElementById('expbox_16');
  
  array[14] = document.getElementById('expbox_20');
  array[15] = document.getElementById('expbox_21');
  array[16] = document.getElementById('expbox_22');
  array[17] = document.getElementById('expbox_23');
  array[18] = document.getElementById('expbox_24');
  
  for (i=0;i<array.length;i++) {
      array[i].style.display="none";
      array[i].style.visibility="hidden";
    }
   

   

    var curBox = document.getElementById(box);
    curBox.style.display="block";
    curBox.style.visibility="visible";
    


	//return false;
}