var Basesubmenu=new Array()

var CurrentActiveMenu;
var CurrentActiveMenuID;
var CurrentActiveMenuIDEvent;
var LastActiveMenuID;

function showSubMenu(main_menu_id)
{
	if (main_menu_id=='MmenuChoosingACarpet')
		document.getElementById('BMainSubMenuChoosingaCarpet').style.display = 'block';
	else
		document.getElementById('BMainSubMenuChoosingaCarpet').style.display = 'none';
	
	if (main_menu_id=='MmenuDesignAdvice')
		document.getElementById('BMainSubMenuDesignAdvice').style.display = 'block';
	else
		document.getElementById('BMainSubMenuDesignAdvice').style.display = 'none';
    
    if (main_menu_id=='MmenuCarpetTalk')
		document.getElementById('BMainSubMenuCarpetTalk').style.display = 'block';
	else
		document.getElementById('BMainSubMenuCarpetTalk').style.display = 'none';
	
	if (main_menu_id=='MmenuSampleRequest')
		document.getElementById('BMainSubMenuSampleRequest').style.display = 'block';
	else
		document.getElementById('BMainSubMenuSampleRequest').style.display = 'none';
}

addLoadEvent( function(){
	//Check First to see if the class is there otherwise dont do anything	
	//if (getElementsByClass('Current') == "") return false; 
		
	//Lets get the Top menus to assign Rollovers	
	//Check that they are there first
	if (document.getElementById('BMainTopMenuUL')) {
	
		//get current menu entry info
		CurrentActiveMenu = getElementsByClass('Current');
		if(CurrentActiveMenu.length > 0){
		    CurrentActiveMenuID = CurrentActiveMenu[0].id;
    		
		    LastActiveMenuID = CurrentActiveMenuID;
		    if (!document.getElementById(CurrentActiveMenuID)) return false;
		    CurrentActiveMenuIDEvent = document.getElementById(CurrentActiveMenuID)	;
		    //activate current menu item
		    links = document.getElementById(CurrentActiveMenuID).getElementsByTagName("A");
		    links[0].className = 'selected';
    		
		    showSubMenu(CurrentActiveMenuID);
		}
		
		//add general event handler to main menu div
		var MainMenu = document.getElementById("BaseMainMenu");
		MainMenu.onmouseout=function(e)
		{
			//IE hack
			if (!e && window.event)
				srcelem = window.event.srcElement;
			else
				srcelem = e.target;
			//alert(srcelem.id);
			//ensure its not event bubbling up from other tags in the div
			if (srcelem.id == "BaseMainMenu") {
				//deselect last menu item
				if(LastActiveMenuID != null){
				    links = document.getElementById(LastActiveMenuID).getElementsByTagName("A");
				    links[0].className = '';
				}
				
				//reactivate current menu item
				if (CurrentActiveMenuID != null){
				    links = document.getElementById(CurrentActiveMenuID).getElementsByTagName("A");
				    links[0].className = 'selected';
				}
				
				//show default menu item
				LastActiveMenuID = CurrentActiveMenuID;
				showSubMenu(CurrentActiveMenuID);
			}		
		}
				
		
		//add event handlers to all main menus
		var MainTopMenus = document.getElementById("BMainTopMenuUL").getElementsByTagName("LI"); 		
		for (var i = 0; i < MainTopMenus.length; i++)
		{
			var MainTopMenusrollover = MainTopMenus[i];
			
			//MainTopMenusrollover.onmouseout= function()
			//{
				
			//}
			
			MainTopMenusrollover.onmouseover= function()
			{
				//deselect default menu item
				if (CurrentActiveMenuID != null && this.id!=CurrentActiveMenuID)
				{
					links = document.getElementById(CurrentActiveMenuID).getElementsByTagName("A");
					links[0].className = '';
				}
				
				showSubMenu(this.id);
				
				//deselect previous menu item
				if(LastActiveMenuID != null){
				    links = document.getElementById(LastActiveMenuID).getElementsByTagName("A");
				    links[0].className = '';
				}
				
				//select new menu item
				LastActiveMenuID = this.id;
				links = document.getElementById(this.id).getElementsByTagName("A");
				links[0].className = 'selected';
			}
		}	
	}
	
	return true;
	
});

addLoadEvent( function(){
    var colourSelect 
    if($("colour_select")){
        colourSelect = $("colour_select");
        
        colourSelect.onclick = function(){
            toggle("colour_selectWrapper");
        };
    }
    if($("colour_selectWrapper")){
        var colourSlectWrapper = $("colour_selectWrapper");
    }
});

addLoadEvent( function(){
    var colourRollover = getElementsByClass("colour_rollover");
    var colour = $("colour");

    for(i = 0;i < colourRollover.length;i++){
        colourRollover[i].onclick = function(){
           colour.value = this.name;
           $("colour_selectWrapper").style.display = "none";
        };
    }
});

addLoadEvent( function(){
  if($("popup")){
      // make call to get carpets for this range
      AjaxObject.startRequest("/Actions/getCarpetByRangeId.asp?i=" + rangeID + "&color=" + colorID);
      
      var product = getElementsByClass("product");
      var popup = $("popup");
      
      for(i = 0;i < product.length;i++){
        product[i].onmouseover = function(){
            showPopup(this);
        };
        product[i].onmouseout = function(){
		    hidePopup();
        };
      }
      
      popup.onmouseover = function(e){
		 var popup = $("popup");
         popup.style.display = "block";
      };
      popup.onmouseout = function(){
         var popup = $("popup");
         popup.style.display = "none";
      };
      popup.onblur = function(){
        hidePopup();
      };
  }
});

function showPopup(obj){
    var linkSample = false;
    var popup = $("popup");
    popup.style.display = "block";
          
    YAHOO.util.Dom.setY(popup,YAHOO.util.Dom.getY(obj) - 135);
    YAHOO.util.Dom.setX(popup,YAHOO.util.Dom.getX(obj) - 48); 
    if(obj != null && obj.id != ""){
        carpetObj.searchCarpet(obj.id);         
        $("popupNumber").innerHTML = carpetObj.number; 
        $("popupImage").src =  "/uploads/carpets/" + carpetObj.image;
        if(carpetObj.requested == "0"){
            linkSample = true;
        }else{
            linkSample = false;
        }
    }
    var sampleLink = $("popupInfoRight").firstChild;
    var requestSample = $("popupInfoRight").lastChild;
    // product sample has already been requested
    if(linkSample){
        sampleLink.innerHTML = "Request a sample";
        requestSample.innerHTML = "";
        sampleLink.id = obj.id;
        sampleLink.onclick = function(){
            //YAHOO.util.Connect.asyncRequest("GET", "/Actions/addSampleRequest.asp?i=" + this.id, sampleAdded);
            AddSampleAjaxObject.startRequest(this.id)
            carpetObj.searchCarpet(this.id);
            carpetArr[carpetObj.arrIndex][3] = 1;
        };
    }else{
        requestSample.innerHTML = "sample added";
        sampleLink.innerHTML = "";
        sampleLink.id = obj.id;
    }
}

function hidePopup(){
    var popup = $("popup");
    popup.style.display = "none";
}

addLoadEvent( function(){
    var height1,height2,maxHeight;
    var element = getElementsByClass("contactInfoWithBorder");
    for (var i = 0; i < element.length; i++){
       if(element[i].offsetHeight){
            height1 = element[i].offsetHeight;
            try{
                var nextObj = element[i].nextSibling;
                if(nextObj.nodeType == 3){
                    nextObj = element[i].nextSibling.nextSibling;
                }
                if(nextObj.className == "contactInfo"){
                    height2 = nextObj.offsetHeight;
                    maxHeight=Math.max(height1,height2);

                    element[i].style.height = maxHeight + "px";
                    nextObj.style.height = maxHeight + "px";
                }
             }catch(error){}
       }
       else if(element[i].style.pixelHeight){
            height1 = element[i].style.pixelHeight;
            try{
                var nextObj = element[i].nextSibling;
                if(nextObj.nodeType == 3){
                    nextObj = element[i].nextSibling.nextSibling;
                }
                if(nextSibling.className == "contactInfo"){
                    height2 = nextObj.style.pixelHeight;
                    maxHeight=Math.max(height1,height2);
                    
                    element[i].style.height = maxHeight + "px";
                    nextObj.style.height = maxHeight + "px";
                }
             }catch(error){}
       }  
    }
});

//addLoadEvent(function(){
//  try {
//    document.execCommand('BackgroundImageCache', false, true);
//  } catch(e) {}
//});

addLoadEvent(function(){
  if($("style") && $("range")){
    var style = $("style");
    var range = $("range");
    style.onchange = function(){
        DetailedSearchAjaxObject.startRequest(this.id,this.value);
    };
    range.onchange = function(){
        DetailedSearchAjaxObject.startRequest(this.id,this.value);
    };
  }
});
/*Object.prototype.nextObject = function() {
	var n = this;
	do n = n.nextSibling;
	while (n && n.nodeType != 1);
	return n;
}
 
Object.prototype.previousObject = function() {
	var p = this;
	do p = p.previousSibling;
	while (p && p.nodeType != 1);
	return p;
}*/