// JavaScript Document
	
	
	for (Index=1;Index<8;Index++){
	   my_item="itm_"+Index;
	   my_pic="pic_"+Index;
	   //for background
	   Event.observe($(my_item), 'mouseover', over, false);
	   Event.observe($(my_item), 'mouseout', out, false);
	   Event.observe($(my_item), 'click', chPage, false);
       //for image title 
	   Event.observe($(my_pic), 'mouseover', over, false);
	   Event.observe($(my_pic), 'mouseout', out, false);
	   Event.observe($(my_pic), 'click', chPage, false);
	
	}

	var Last_Id=0;
	var Last_click=0;
	var addreses= new Array ("","weblog.php","#","article.php","report.php","#","work.php","person.php");
	
	function chPage(e){
	 caller_id=Event.element(e).id;
	 my_link=caller_id.substr (4,2);
	 my_add=addreses[my_link];
	 location=my_add;
	}
	
	function over(e){
	  var myFlag=false;
	  var myIdx;
	  
	  caller_id=Event.element(e).id;
	  if (caller_id.substr (0,4)=="pic_"){
	    caller_id="itm_"+caller_id.substr (4,2);
	  }
	  
	  
	  if (caller_id!=Last_Id && caller_id!=main_page_id) {
		  $(caller_id).style.backgroundImage ="url('images/tab_red.gif')";
		  //alert(caller_id);
	  }
	
	  Last_Id=caller_id;
	  
	}

	function out(e){
	  caller_id=Event.element(e).id;
	  if (caller_id.substr (0,4)=="pic_"){
	    caller_id="itm_"+caller_id.substr (4,2);
	  }
	  
	  if (caller_id!=main_page_id){
	   $(caller_id).style.backgroundImage = "url('images/tab_blue.gif')";
	   Last_Id=0; 
	  }
	}