//variables
var POS1 = 'relative';
var CSS1 = {ON:'FItopNORMALleft', OVER:'FItopOVER'};
var CSS1LEFT = {ON:'FItopNORMALleft', OVER:'FItopOVER'};
var CSS1RIGHT = {ON:'FItopNORMALright', OVER:'FItopOVER'};
var CSS2 = {ON:'FIsubNORMAL', OVER:'FIsubOVER'};
var COLOR1 = {border:"#85AFD8", shadow:"#85afd8", bgON:"#3C8AD7", bgOVER:"#00a8ff", imagebg:"# ", oimagebg:"# "};
var COLOR2 = {border:"#666666", shadow:"#666666", bgON:"#ffffff", bgOVER:"#B6BDD2", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"};
var MENU_ITEMS = null;

HTTP_HOST = document.location.hostname;
HTTP_PROT = document.location.protocol;
HTTP_PATH = document.location.pathname;
//alert(HTTP_PROT +' | '+HTTP_HOST + ' | '+HTTP_PATH);
//BLANK_IMAGE = HTTP_PROT+'//'+HTTP_HOST+'/images/1p-trans.gif';
BLANK_IMAGE = 'images/1p-trans.gif';

var MenuWidth = 181;
var MenuHeight = 25;
//menu items
var MENU_ITEMS = [
				
    {   pos:POS1	 
			, size:[35,60] 	
			, itemoff:[0, 59]
			, leveloff:[0, 0]
			, delay:0
			, imgsize:[16, 16]
			, arrsize:[24, 13]
			//, image:'images/icon_arrow_menu_green.jpg'
    	//, oimage:'images/icon_arrow_menu_green.jpg'
			//, imgsize:[15,13]
			, alt:'code', status:'url'
			, style:{css:CSS1, color:COLOR1, border:1, borders:[0, 0, 0, 1], shadow:0} // borders: Left, Top, Right, Bottom  
		}, 
		{code:" » Home", url:"./", format:{itemoff:[0, 0], size:[MenuHeight,MenuWidth]}},	    
    {code:" » Services", url:"./services.html", format:{'itemoff':[MenuHeight+1,0], 'size':[MenuHeight,MenuWidth]},
			
			sub:[
      {size:[25, 200], itemoff:[24, 0], leveloff:[0, MenuWidth-5], delay:10 , arrsize:[24, 13], style:{border:1, borders:[0, 0, 0, 0], shadow:3, color:COLOR2, css:CSS2}}, 
        {code:" » Civil Engineering", url:"./services_civil.html"},
				{code:" » Structural Engineering", url:"./services_structural.html"},
				{code:" » Land Planning", url:"./services_planning.html"},
        {code:" » Water Rights Examiners", url:"./services_cwre.html"}
      ]},
		
		{code:" » Contact Us", url:"./contactus.html", format:{itemoff:[MenuHeight+1,0],size:[MenuHeight,MenuWidth]}},
    {code:" » About Us", url:"./aboutus.html", format:{itemoff:[MenuHeight+1,0],size:[MenuHeight,MenuWidth]}}			
      
];

/*
===========
POSITION: 

specifies positioning mode of the menu. To place menu at absolute coordinates x=100, y=200 following code can be used:

var MENU_ITEMS = [
    { pos:[100,200], ... },
    ...
];

Professional also can be positioned relatively, i.e. it will be inserted instead of "initTop()" call:

var MENU_ITEMS = [
    { pos:'relative', ... },
    ...
];

===============
size				
Defines item's size, e.g. item size 100x20 pixels will look like this:

{..., size:[20,100], ...

===============
itemoff				
Specifies distance between top-left corners of the neighbor items. Horizontal offset - 10 pixels, vertical offset - 5 pixels:

{..., itemoff:[5,10], ...

===============
leveloff			 	
Specifies distance between top-left corner of the item and it's submenu. Following code will make submenu appear under the item:

{..., leveloff:[20,0], ...

===============
delay		 	 	Specifies timeout in milliseconds before menu will reset after last roll out event. Default is 600 ms.

===============
style				
Associates style with submenu or item, e.g.:

var STYLE1 = {
    border:1,
    shadow:2,
    ...
};

...

var MENU_ITEMS = [
    { ..., style:STYLE1, ... },
    {code:'Item 1', ...
];

*/