var brow = "";
var normalimg = new Image();
normalimg.src = 'images/textbox1.gif';
var overimg = new Image();
overimg.src = 'images/about1.gif';
var spacerimg = new Image();
spacerimg.src = 'images/spacer.gif';
var disable_report = new Array();
var allowedType = new Array();
var disableEvent = new Array();
var levelPrint = 0;
var clickStatus = false;
var category_data = "";
//This is hack for displaying mouseover images properly on higher resolution
if((screen.width >1024) && (screen.width <=1152)){
	var divPosLeft = "95px";
	var defaultOffsetLeft = 80;
}else
if(screen.width > 1152){
	var divPosLeft = "70px";
	var defaultOffsetLeft = 139;
}else{
	var divPosLeft = "14px";
	var defaultOffsetLeft = 14;
}

function findPosX(obj){
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj){
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curtop += obj.x;
	return curtop;
}


function addMenuItem(contObj, name, url, jsid, cssItemClass, cssContClass, innerCount, level, cnt, counter, filename){
	var itemDiv = document.createElement('DIV');
	contObj.appendChild(itemDiv);
	itemDiv.style.width = '160px';
	
	if(level == 1){
		var itemDivtop = document.createElement('DIV');
		itemDivtop.style.height = '47px';
		itemDivtop.style.width = "159px";
		itemDivtop.style.position = "absolute";
		itemDivtop.style.top = "149px";
		if(brow == 'ie'){
 			if(counter == 1){
 				itemDivtop.style.left = divPosLeft;
			}else{
				itemDivtop.style.left = defaultOffsetLeft + itemDiv.offsetLeft +"px";
			}
		}
		if(category_data == jsid){
			itemDivtop.style.backgroundImage = 'url('+ "binary_data/" + filename + ')';
			itemDivtop.style.backgroundRepeat = 'no-repeat';
		}
		
		itemDiv.appendChild(itemDivtop);
		
		itemDiv.className = 'left';
		if(category_data == jsid){
			itemDiv.style.backgroundImage = 'url(' + overimg.src + ')';
		}else{
			itemDiv.style.backgroundImage = 'url(' + normalimg.src + ')';
		}
		itemDiv.style.backgroundRepeat = 'no-repeat';
		itemDiv.style.height = '49px';
		itemDiv.style.width = "160px";
		
	}
	itemDiv.id = jsid;
	itemDiv.className = cssItemClass;
	itemDiv.cssItemClass = cssItemClass;
	itemDiv.level = level;
	itemDiv.contObj = contObj;
	itemDiv.innerCount = innerCount;
	itemDiv.disable = false;
	if(innerCount > 0) {
		if(level > 1) {
			itemDiv.style.backgroundRepeat = 'no-repeat';
			itemDiv.style.backgroundPosition = '98% 50%';
			itemDiv.style.width = '160px';
		}
		var containerObj = document.createElement('DIV');

		containerObj.id = 'cont_' + jsid;
		if(level > 1) {
			containerObj.className = 'containerIn';
		}else{
			containerObj.className = cssContClass;
		}
		containerObj.style.zIndex = level;
		itemDiv.appendChild(containerObj);
		var returnObj = containerObj;
	}else{
		var returnObj = contObj;
	}
	
	

	var itemNameDiv = document.createElement('DIV');
	itemNameDiv.id = 'name_' + jsid;
	itemDiv.insertBefore(itemNameDiv, itemDiv.firstChild);
	if(level==1){
		firstItem = 0;
		tabObj = document.createElement('TABLE');
		tabObj.style.width = '100px';
		tabObj.align = 'center';
		tabObj.style.height = '49px';
		tabObj.cellPadding = '4';
	
				
		var tbodyObj = document.createElement('TBODY');
		tabObj.appendChild(tbodyObj);
		
		var numRows = tabObj.rows.length;		
		var TrObj = tabObj.insertRow(numRows);
		var TdObj = TrObj.insertCell(0);

		
		var divBotObj = document.createElement('DIV');
		if(category_data == jsid){
			divBotObj.className = 'divBotselected';
		}else{
			divBotObj.className = 'divBot';
		}
		divBotObj.id = jsid + 'txt';
		divBotObj.innerHTML = name;
		TdObj.appendChild(divBotObj);
		itemNameDiv.appendChild(tabObj);

	}else{
		if(name!=''){
				
			if((level==2)&&(firstItem==0)){
				var topSpacer = document.createElement('DIV');
				topSpacer.style.width = '160px';	
				topSpacer.style.height = '20px';
				topSpacer.style.position = 'absolute';
				topSpacer.style.top = topSpacer.style.top - 1;
				itemNameDiv.appendChild(topSpacer);
				firstItem = 1;
		
			}
			itemNameDiv.style.textAlign = 'center';
			itemNameDiv.style.width = '160px';
       		itemNameDiv.style.color = '#d9e450';
       		itemNameDiv.style.fontSize = '13px';
       		itemNameDiv.innerHTML = itemNameDiv.innerHTML + ' ' + name;
			if((level==2)&&(firstItem==0)){
				//alert(name);
				firstItem=1;
			}
		}
	}
	
	if(url == '') {
		itemDiv.disable = true;
	}

	var selectObj = document.getElementsByTagName('SELECT');
	itemDiv.selectObj = selectObj;
	itemDiv.itemNameDiv = itemNameDiv;
	itemDiv.itemDivtop = itemDivtop;
	
	
	itemDiv.onmouseover = function(e){
		if(this.disable == true) {
			return false;
		}
	
		for(var i=0; i<this.selectObj.length; i++){
			this.selectObj[i].style.visibility = 'hidden';
		}
		
		
		
		txtObj = document.getElementById(this.id + 'txt');
		if(txtObj){
			txtObj.style.color = '#439539';
		}
		
		if(this.level>1) {
			this.itemNameDiv.style.color = '#d9e450';
			this.style.backgroundColor = '#347f29';
			var reqWidth = this.parentNode.offsetWidth - 14;
			if(reqWidth > this.offsetWidth) {
				this.style.width = reqWidth;
			}
		}
		
		if(this.level == 1){
			this.style.backgroundImage = 'url(' + overimg.src + ')';
			this.style.backgroundRepeat = 'no-repeat';
			this.style.height = '49px';
			this.style.width = "160px";
			this.style.backgroundColor ='#429637';
			
			this.itemDivtop.style.backgroundImage = 'url('+ "binary_data/" + filename + ')';
			this.itemDivtop.style.height = '47px';
			this.itemDivtop.style.backgroundRepeat = 'no-repeat';
			this.itemDivtop.style.width = '160px';
		}
		
		var containerObj = document.getElementById('cont_' +  this.id);
	
		this.className = this.cssItemClass + 'In';
		if(containerObj){
			containerObj.itemDiv = this;
			containerObj.style.visibility = 'visible';
			containerObj.style.display = 'block';
			containerObj.style.color = '#d9e450';
			if(containerObj.childNodes.length > 0) {
				containerObj.style.marginLeft = '-1px';
			}
			if(this.level == 1) {
				if(brow == 'saf'){
					containerObj.style.top = this.offsetTop + this.offsetHeight + 193;			
				}else{
					containerObj.style.top = this.offsetTop + this.offsetHeight + 153;			
				}
				containerObj.style.left = findPosX(containerObj.parentNode);
			}else{
				containerObj.style.top = this.offsetHeight - 17;
				containerObj.style.left = this.offsetWidth ;
				//containerObj.style.border = "1px solid #ff0000";
			}

			containerObj.onmouseover = function(e){
				this.itemDiv.className = this.itemDiv.cssItemClass + 'In';
				this.style.visibility = 'visible';
			}
		}
		
	}
	itemDiv.onmouseout = function(e){
		
		if(this.disable == true) {
			return false;
		}
		if(this.level > 1) {
			this.itemNameDiv.style.color = '#d9e450';
			this.style.backgroundColor = '#41953a';
		}
		
		
		var containerObj = document.getElementById('cont_' +  this.id);
		this.className = this.cssItemClass;
		for(var i=0; i<this.selectObj.length; i++) {
			this.selectObj[i].style.visibility = 'visible';
		}
		if(this.level == 1){
			this.className = this.cssItemClass + 'In';
		}
		
		if(this.level == 1){
			this.style.backgroundImage = 'url(' + normalimg.src + ')';
			this.style.backgroundRepeat = 'no-repeat';
			this.style.height = '49px';
			this.style.width = "160px";
			this.style.backgroundColor = '#ffffff';
			
			this.itemDivtop.style.backgroundImage = 'url('+ spacerimg.src +')';
			this.itemDivtop.style.backgroundRepeat = 'no-repeat';
			this.itemDivtop.style.height = '47px';
			this.itemDivtop.style.width = '160px';
		}
		
		if(category_data == jsid){
			this.itemDivtop.style.backgroundImage = 'url('+ "binary_data/" + filename + ')';
			this.itemDivtop.style.backgroundRepeat = 'no-repeat';
			this.itemDivtop.style.height = '47px';
			this.itemDivtop.style.width = '160px';
		}
		
		if(category_data == jsid){
			this.style.backgroundImage = 'url(' + overimg.src + ')';
			this.style.backgroundRepeat = 'no-repeat';
			this.style.height = '49px';
			this.style.width = "160px";
			this.style.backgroundColor = '#ffffff';
		}

		
		txtObj = document.getElementById(this.id + 'txt');
		if(txtObj){
			txtObj.style.color = '#d9e450';
		}
		if(category_data == jsid){
			txtObj.style.color = '#439539';
		}
		
		if(this.innerCount > 0 &&  this.level > 1) {
			itemDiv.style.backgroundRepeat = 'no-repeat';
			itemDiv.style.backgroundPosition = '98% 50%';
		}

		if(containerObj){
			containerObj.itemDiv = this;
			containerObj.style.visibility = 'hidden';
			containerObj.onmouseout = function(e){
				this.itemDiv.className = this.itemDiv.cssItemClass;
			}

		}
	}
	itemDiv.url = url;
	itemDiv.onclick  = function(e) {

		if(this.disable == true) {
			return false;
		}
		if(clickStatus == false) {
			if(this.url != '#' && this.url != 'javascript:void(0)'){
				clickStatus = true;
				location.href =  this.url;
			}
		}
	};
//	itemDiv.style.border = '1px solid #FF0';
//	alert(itemDiv.innerHTML);
	return returnObj;

}

function loadMenu(){
	var contObj = document.getElementById('topmenu');
	// contObj.style.position = 'absolute';
var contObj = addMenuItem(contObj, "About us", "articles.php?link_id=2", 'menu_C08', 'left mainItem', 'container',  1, 1, 5,1,"_");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Drainage Systems", "#", 'menu_C04', 'left mainItem', 'container',  4, 1, 4,2,"67_new_layer3.gif");
var contObj = addMenuItem(contObj, "Foul & Waste", "articles.php?link_id=26", 'menu_C0033', 'subItem', 'container',  1, 2, 2,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Land Drainage", "articles.php?link_id=28", 'menu_C0036', 'subItem', 'container',  1, 2, 1,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Pipework - Twinwall", "articles.php?link_id=30", 'menu_C0037', 'subItem', 'container',  1, 2, 0,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Aggregates", "#", 'menu_C07', 'left mainItem', 'container',  8, 1, 3,3,"51_new_layer1.gif");
var contObj = addMenuItem(contObj, "Screener", "articles.php?link_id=32", 'menu_C0041', 'subItem', 'container',  1, 2, 6,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Concrete Crusher", "articles.php?link_id=1", 'menu_C004', 'subItem', 'container',  1, 2, 5,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Stone / Type 1", "articles.php?link_id=3", 'menu_C0010', 'subItem', 'container',  1, 2, 4,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Shingle", "articles.php?link_id=4", 'menu_C0011', 'subItem', 'container',  1, 2, 3,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Sands", "articles.php?link_id=5", 'menu_C0012', 'subItem', 'container',  1, 2, 2,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Ballast", "articles.php?link_id=6", 'menu_C0013', 'subItem', 'container',  1, 2, 1,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Decorative Stone", "articles.php?link_id=8", 'menu_C0015', 'subItem', 'container',  1, 2, 0,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Landscaping Services", "#", 'menu_C06', 'left mainItem', 'container',  7, 1, 2,4,"61_new_layer2.gif");
var contObj = addMenuItem(contObj, "Painting &amp; Decorating", "articles.php?link_id=33", 'menu_C0042', 'subItem', 'container',  1, 2, 5,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Turfing / Lawn Seeding", "articles.php?link_id=9", 'menu_C0016', 'subItem', 'container',  1, 2, 4,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Patios / Decking", "articles.php?link_id=11", 'menu_C0018', 'subItem', 'container',  1, 2, 3,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Sand Blasting", "articles.php?link_id=13", 'menu_C0020', 'subItem', 'container',  1, 2, 2,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Top Soil", "articles.php?link_id=14", 'menu_C0021', 'subItem', 'container',  1, 2, 1,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Concreting", "articles.php?link_id=15", 'menu_C0022', 'subItem', 'container',  1, 2, 0,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Plant Hire & Equipment", "#", 'menu_C05', 'left mainItem', 'container',  10, 1, 1,5,"65_new_layer4.gif");
var contObj = addMenuItem(contObj, "Screeners", "articles.php?link_id=34", 'menu_C0043', 'subItem', 'container',  1, 2, 8,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Diggers / Forklifts", "articles.php?link_id=16", 'menu_C0023', 'subItem', 'container',  1, 2, 7,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Tractors", "articles.php?link_id=17", 'menu_C0024', 'subItem', 'container',  1, 2, 6,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Bobcats", "articles.php?link_id=18", 'menu_C0025', 'subItem', 'container',  1, 2, 5,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Crushers", "articles.php?link_id=19", 'menu_C0026', 'subItem', 'container',  1, 2, 4,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Trailers", "articles.php?link_id=20", 'menu_C0027', 'subItem', 'container',  1, 2, 3,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Strimmers / Mowers", "articles.php?link_id=22", 'menu_C0029', 'subItem', 'container',  1, 2, 2,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Rotavators", "articles.php?link_id=23", 'menu_C0030', 'subItem', 'container',  1, 2, 1,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Concrete Mixers", "articles.php?link_id=24", 'menu_C0031', 'subItem', 'container',  1, 2, 0,1,"");
var contObj = contObj.parentNode.parentNode;
var contObj = contObj.parentNode.parentNode;
var contObj = addMenuItem(contObj, "Contact Us", "articles.php?link_id=31", 'menu_C03', 'left mainItem', 'container',  1, 1, 0,6,"63_new_layer5.gif");
var contObj = contObj.parentNode.parentNode;
}