var  imgPath="/new/btn/"; 
var NN=0; IE=0;

if (navigator.appName == "Netscape"){
  NN=1;
}
else{ 
  if  (navigator.appName == "Microsoft Internet Explorer"){
  	IE=1;
  }
}

var  sub_id_selected=null;

function Init(){
    arr1 = new Object('arr1');
	mkObj(arr1,1); 
	document.onmouseover = mouseOver;	
	document.onmouseout = mouseOut;
	document.onclick = mouseClick;
	if (w_selector = document.getElementById("width_selector")){
		w_selector.onchange = width_image_change;
		w_selector.disabled = false;
		re = /(\d+)\/*$/
		if (my = document.location.pathname.match(re)){
		  img_width = my[1];
		}
		else{
		  img_width = 150;
		}
		re = '/+'+img_width;
		for (i=0; i< w_selector.options.length; i++){
			if(w_selector.options[i].value.match(re)){
				w_selector.selectedIndex=i;
				break;
			}
		}
	}

}

function mkObj(nam,arg){
    nam.off = new Image();
    nam.off.src = imgPath + nam + ".gif";
    nam.over = new Image();
    nam.over.src = imgPath + nam + "_o.gif";
    if (arg){
      nam.on = new Image();
      nam.on.src = imgPath + nam + "_a.gif";
    }
}

function width_image_change(){
	obj = document.getElementById("width_selector");
	document.location.href = obj.options[obj.selectedIndex].value;

}


function mouseClick(e,id){
 	if (!id){
 	   obj = (NN) ? e.target : window.event.srcElement;
 	   objname = obj.id;
 	}
  	else{
  	   objname = id;
	}
	re = /menu_link/;
    if (my=objname.match(re)){
	 		show_hide_sub_menu(objname);
			window.event.cancelBubble = false;
		  	window.event.returnValue = false;			
	}
	re = /sub_menu/; 
    if (my=objname.match(re)){	 
			show_content(objname);  
			window.event.cancelBubble = false;
  			window.event.returnValue = false;
	}
}

function mouseOver(e,id){
 	  if (!id){
 	    obj = (NN) ? e.target : window.event.srcElement;
 	    objname = obj.id;
 	  }
  	 else{
  	   objname = id;
	 }
    re1 = /arr\d+_(\d+)_$/;  
    re2 = /^menu_link_(\d+)$/;  
    if (objname.match(re1) || objname.match(re2)){
	    var id_num=RegExp.$1;
		if(document.getElementById('menu_link_'+id_num).className!="sub_menu_link_active"){
		    document.getElementById('menu_link_'+id_num).className="a_over";

			if (document.getElementById("sub_menu_to_"+id_num).firstChild ==null){
	 	       document.getElementById("menu_arr1_"+id_num+"_").src=arr1.over.src; 
 		       document.getElementById("menu_arr2_"+id_num+"_").src=arr1.over.src; 
			}
		}
  	 }
}

function mouseOut(e,id){
 	  if (!id){
 	    obj = (NN) ? e.target : window.event.srcElement;
 	    objname = obj.id;
 	  }
  	 else{
  	   objname = id;
	 }
	var id_num = null;
    re1 = /arr\d+_(\d+)_$/;  
    re2 = /^menu_link_(\d+)$/;  
	if (my1=objname.match(re1)){
	    id_num = my1[1];
	}
	if (my2=objname.match(re2)){
	    id_num = my2[1];
	}
    if (id_num){
		if(document.getElementById('menu_link_'+id_num).className!="sub_menu_link_active"){
			   document.getElementById('menu_link_'+id_num).className="a_out";

				if (document.getElementById("sub_menu_to_"+id_num).firstChild ==null){
				        document.getElementById("menu_arr1_"+id_num+"_").src=arr1.off.src; 
 		 			    document.getElementById("menu_arr2_"+id_num+"_").src=arr1.off.src; 
				}
		}
  	 }
}

function show_content(id){
    re =  /(\d+)_link_(\d+)$/;     //   sub_menu1_link_1
    if (my=id.match(re)){
		var parent_id=my[1];
		var id_num=my[2];

		if (sub_id_selected){
	    	document.getElementById(sub_id_selected).className="sub_menu_link";
		}
		if (document.getElementById(id)){
			document.getElementById(id).className="sub_menu_link_active";
			sub_id_selected=id;
		}
		else{
			document.getElementById("menu_link_"+parent_id).className="sub_menu_link_active";
			sub_id_selected="menu_link_"+parent_id;	
		}

		document.getElementById("main_block").innerHTML=document.getElementById("content_block_"+parent_id+"_"+id_num).innerHTML;
	}
}

function show_hide_sub_menu(id){
    re =  /_(\d+)$/; 
    if (id.match(re)){
		var id_num=RegExp.$1;
		obj=document.getElementById("sub_menu_to_"+id_num);
		
		if (!document.getElementById("sub_menu_from_"+id_num)){
				show_content("sub_menu"+id_num+"_link_1");
		}
		else{
			if (obj.firstChild ==null){
						obj.innerHTML=document.getElementById("sub_menu_from_"+id_num).innerHTML;
						document.getElementById("sub_menu_from_"+id_num).innerHTML='';
						document.getElementById("menu_arr1_"+id_num+"_").src=arr1.on.src; 
						document.getElementById("menu_arr2_"+id_num+"_").src="pics/blank.gif"; 
						show_content("sub_menu"+id_num+"_link_1");
			}
			else{
		    	        document.getElementById(sub_id_selected).className="sub_menu_link";
						document.getElementById("sub_menu_from_"+id_num).innerHTML=obj.innerHTML;
						obj.innerHTML='';
						document.getElementById("menu_arr1_"+id_num+"_").src=arr1.off.src; 					
						document.getElementById("menu_arr2_"+id_num+"_").src=arr1.off.src; 
				//		document.getElementById("main_block").innerHTML='';
			}
		}
	}
}