var submenu = new Array();
var tmr = new Array();
var adj = new Array();
var last_zIndex = 0;
var lastOverId = '';

var menuWidth 		= 110;			//width of submenu in pixels
var alignSubmenu 	= 'right';		//bottom or right side of the main button.
var useLastItemCSS	= false;		//generate last menu item too
									//if false, it will behave as a normal item
									//and the css menuItemLast class will not be used
var adjustFirst		= false;		//overlap the first submenu too?
var adjustTop		= 0;			//move the submenu's some pixels. Positive number (10) for down, negative (-10) for up.
var adjustLeft		= 0;			//move the submenu's some pixels. Positive number (10) for right, negative (-10) for left.

//fisrt submenu tree
submenu['menu1'] = new Array();
submenu['menu1'][0] = menuItem('Mission','main.php?section=mission','_self');
submenu['menu1'][1] = menuItem('Our Team','main.php?section=our_team','_self');
submenu['menu1'][2] = menuItem('Presidentīs Message','main.php?section=president_message','_self');
submenu['menu1'][3] = menuItem('Testimonials','main.php?section=testimonials','_self');
submenu['menu1'][4] = menuItem('Certificates & Awards','main.php?section=certifications_awards','_self');
submenu['menu1'][5] = menuItem('Caristrap In Action','main.php?section=caristrap_in_action','_self');

//second submenu tree
submenu['menu2'] = new Array();
submenu['menu2'][0] = menuItem('Weatherguard Non-Woven Straps','main.php?section=weatherguard_strapping','_self');
submenu['menu2'][1] = menuItem('Weatherguard Woven Straps','main.php?section=woven_strapping','_self');
submenu['menu2'][2] = menuItem('Buckles & Seals','main.php?section=buckles','_self');
submenu['menu2'][3] = menuItem('Tensionners & Tools','main.php?section=tools','_self');
submenu['menu2'][4] = menuItem('Dispensers','main.php?section=dispensers','_self');
submenu['menu2'][5] = menuItem('QS Straps','main.php?section=qs_strapping','_self');
submenu['menu2'][6] = menuItem('Polyacra Straps','main.php?section=polyacra_strapping','_self');
submenu['menu2'][7] = menuItem('Fiberglass Tape','main.php?section=fiberglass_strapping','_self');
submenu['menu2'][8] = menuItem('Cotton Tape','main.php?section=cotton_strapping','_self');
submenu['menu2'][9] = menuItem('Caristator Tape','main.php?section=caristator_strapping','_self');
submenu['menu2'][10] = menuItem('Caritape','main.php?section=caritape','_self');
submenu['menu2'][11] = menuItem('Accessories','main.php?section=accessories','_self');
submenu['menu2'][12] = menuItem('Starter Kits & Porta-Cartons','main.php?section=starter_porta_cartons','_self');

//third submenu tree
submenu['menu3'] = new Array();
submenu['menu3'][0] = menuItem('Agriculture','main.php?section=agriculture','_self');
submenu['menu3'][1] = menuItem('Automotive','main.php?section=automotive','_self');
submenu['menu3'][2] = menuItem('Baling','main.php?section=baling','_self');
submenu['menu3'][3] = menuItem('Beverage','main.php?section=beverage','_self');
submenu['menu3'][4] = menuItem('Boating','main.php?section=boating','_self');
submenu['menu3'][5] = menuItem('Electrical','main.php?section=electrical','_self');
submenu['menu3'][6] = menuItem('Hardware','main.php?section=hardware','_self');
submenu['menu3'][7] = menuItem('Lumber','main.php?section=lumber','_self');
submenu['menu3'][8] = menuItem('Metals','main.php?section=metals','_self');
submenu['menu3'][9] = menuItem('Military','main.php?section=military','_self');
submenu['menu3'][10] = menuItem('Mining','main.php?section=mining','_self');
submenu['menu3'][11] = menuItem('Packaging','main.php?section=packaging','_self');
submenu['menu3'][12] = menuItem('Pulp & Paper','main.php?section=pulp_paper','_self');
submenu['menu3'][13] = menuItem('Transport','main.php?section=transport','_self');

//fourth submenu tree
submenu['menu4'] = new Array();
submenu['menu4'][0] = menuItem('Warranty & Repairs','main.php?section=warranty','_self');
submenu['menu4'][1] = menuItem('Field Service','main.php?section=field_services','_self');
submenu['menu4'][2] = menuItem('How To ...','main.php?section=faq','_self');

//five submenu tree
submenu['menu5'] = new Array();
submenu['menu5'][0] = menuItem('News','main.php?section=news','_self');
submenu['menu5'][1] = menuItem('Events List','main.php?section=events','_self');

//six submenu tree
submenu['menu6'] = new Array();
submenu['menu6'][0] = menuItem('Addresses','main.php?section=addresses','_self');
submenu['menu6'][1] = menuItem('Distributor Application','main.php?section=dealer-apply','_self');
submenu['menu6'][2] = menuItem('Find a Distributor','main.php?section=dealer-find','_self');
submenu['menu6'][3] = menuItem('Distributor Login','main.php?section=dealer_login','_self');
submenu['menu6'][4] = menuItem('Request RMA','main.php?section=request_rma','_self');

//seventh submenu tree
submenu['menu7'] = new Array();
submenu['menu7'][0] = menuItem('My Requests','main.php?section=my_request','_self');
submenu['menu7'][1] = menuItem('Customer Requests','main.php?section=customer_request','_self');

//build or unhide submenu div...
function buildSubmenu(obj){
	lastOverId = obj.id;
	obj.style.backgroundColor='#B3CFFC';
	//get common part of div id
	menuPath = obj.id.split('_');

	//unset mousout of parent menus and make sure they are visible...
	x = "div";
	for(i=0;i<menuPath.length;i++){
		x+= '_' + menuPath[i];
		if(document.getElementById(x)){
			if(tmr[x])
				window.clearTimeout(tmr[x]);
			document.getElementById(x).style.visibility = 'visible';
		}
		/*if ( document.getElementById('find_state') )
		{
			  document.getElementById('country').style.display='none';
			  document.getElementById('find_state').style.display='none';
				
		}*/
	}

	//check if we have a submenu of the obj...
	if(submenu[obj.id]){
		//check if allready build...
		c = document.getElementById('div_' + obj.id);
		if(c){
			//unhide...
			c.style.visibility = 'visible';
			c.style.zIndex = last_zIndex++;
		}else{
			//calc position of mouseover
			d = obj;
			if(d){
				L_pos = d.offsetLeft+4;
				T_pos = d.offsetTop+32;
				while(d.offsetParent){
					d = d.offsetParent;
					L_pos+= d.offsetLeft;					
					T_pos+= d.offsetTop;
				}
			}

			//patch first submenu to go right below the main buttons...
			if(obj.className.indexOf('menuItem') < 0 && alignSubmenu == 'bottom'){
				L_pos-= obj.offsetWidth;
				T_pos+= obj.offsetHeight;
			}

			//move the submenu (overlap?)
			if((adjustTop || adjustLeft) && (adjustFirst || (!adjustFirst && obj.className.indexOf('menuItem') >= 0))){
				L_pos+= adjustLeft;
				T_pos+= adjustTop;
			}

			//build new div - da se napravi na razlichni razstoiania
			subObj = document.createElement('div');
			subObj.id = 'div_' + obj.id;
			subObj.className = 'submenu';
			subObj.style.position = 'absolute';
			subObj.style.zIndex = last_zIndex++;
			subObj.style.width = menuWidth;
			subObj.style.top = -4 + T_pos + "px";
			subObj.style.left = -6 + L_pos + "px";

			//write div to the body...
			document.getElementsByTagName('body')[0].appendChild(subObj);

			//build phpl for submenu
			content = "";
			m = submenu[obj.id];
			for(i=0;i<m.length;i++){

				//determin target for onclick...
				//	(sorry, I should rewrite this routine...)
				if(!m[i][2] || m[i][2] == '_self')
					act = "self.location.href='" + m[i][1] + "';";
				else if(m[i][2] == '_top')
					act = "top.location.href='" + m[i][1] + "';";
				else if(m[i][2] == '_blank')
                    act = "window.open('" + m[i][1] + "');";
				else
					act = "window.frames['"+m[i][2]+"'].location.href='" + m[i][1] + "';";

				//make item
				content+= "<div onmouseout=\"hideSubmenu(this)\" onmouseover=\"buildSubmenu(this)\" "+ (m[i][1] ? "onclick=\""+ act + "\" " : "") +"class=menuItem" + (i==0 ? 'First' : (i==(m.length -1) && useLastItemCSS ? 'Last' : '')) + " id=\"" + obj.id + "_" + i +"\">" + m[i][0] + "</div>";
				adj[i] = obj.id + "_" + i;
			}

			//insert new menu
			subObj.innerHTML = content;

			//make all just made div's the same width...
			for(i=0;i<adj.length;i++)
				document.getElementById(adj[i]).style.width = subObj.style.width;
		}
	}
}

//hide a submebu div
function hideSubmenu(obj){
	//get common part of div id
	closePath = obj.id.split('_');
	obj.style.backgroundColor='';

	//hide path
	x = "div";
	for(i=0;i<closePath.length;i++){
		x+= '_' + closePath[i];
		if(document.getElementById(x))
			tmr[x] = window.setTimeout("document.getElementById('"+x+"').style.visibility = 'hidden';",50);
		//The timeout above is needed for MSIE browsers... Or else the menu's will disapear on EVERY mousout!!!
		//Please get a normal browser like Firefox, Mozilla or Opera!!
	}
	
		if ( document.getElementById('find_state') )
		{
			
			  document.getElementById('country').style.display='';
			  document.getElementById('find_state').style.display='';
		
		}
	
}

//add an menu item to the config array (called in the config lines)
function menuItem(txt,url,tar){
	return new Array(txt,url,tar);
}

//*** Patch for firefox bug with focus on mouseover...
//		This function should be called onMouseOver of every iFrame that's under the menu structure.
function iFramePatch(){
	if(!document.all && lastOverId)
		hideSubmenu(document.getElementById(lastOverId));
}

//*** Now a patch for MSIE lag of CSS2 compliance!!
if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')==-1){
	document.onmouseover = function(){
		obj = event.srcElement;
		if(obj.className == 'menuItemFirst' || obj.className == 'menuItem' || obj.className == 'menuItemLast')
			obj.className+='Over';
	}
	document.onmouseout = function(){
		obj = event.srcElement;
		if(obj.className == 'menuItemFirstOver' || obj.className == 'menuItemOver' || obj.className == 'menuItemLastOver')
			obj.className = obj.className.substring(0,(obj.className.length - 4));
	}
}

//*** Patch for wrong position after resize... Just reload to reset, not nice, fix later!
window.onresize = function(){
	self.location.href = self.location.href;
}