//var layers = new Array();

//function selectLayer(index){
//	for(var i = 0;i < layers.length; i++){
//			layers[i].css("z-index",i);
//	}
//	layers[index].css("z-index",layers.length);
//}
//	
//$(document).ready(function() {
//	$("#tab div").each(function(){
//		layers.push($(this));
//	})
//
//	selectLayer(0);
//
//	$("#nav01").click(function(event){
//		selectLayer(0);
//	});
//	
//	$("#nav02").click(function(event){
//		selectLayer(1);
//	});
//	
//	$("#nav03").click(function(event){
//		selectLayer(2);
//	});
//});
//
//


window.onload=function() {
tab.setup = {
   tabs: document.getElementById('tab').getElementsByTagName('li'),
   pages: [
      document.getElementById('page1'),
      document.getElementById('page2'),
      document.getElementById('page3'),
			document.getElementById('page4'),
			document.getElementById('page5')
   ]
}
tab.init();
}



var tab = {
   init: function(){
      var tabs = this.setup.tabs;
      var pages = this.setup.pages;
  
      for(i=0; i<pages.length; i++) {
         if(i !== 0) pages[i].style.display = 'none';
         tabs[i].onclick = function(){ tab.showpage(this); return false; };
      }
   },
  
   showpage: function(obj){
      var tabs = this.setup.tabs;
      var pages = this.setup.pages;
      var num;
  
      for(num=0; num<tabs.length; num++) {
         if(tabs[num] === obj) break;
      }
  
      for(var i=0; i<pages.length; i++) {
         if(i == num) {
            pages[num].style.display = 'block';
            tabs[num].className = 'present';
         }
         else{
            pages[i].style.display = 'none';
            tabs[i].className = null;
         }
      }
   }
}