 /* define submenu object here */

 var productMenuData = [
	{text: "Catagory", url:"../../product/html/product.php?cat=1"},
	{text: "BLUETOOTH & CABLE", url:"../../product/html/product.php?cat=24"},
	{text: "CAR ACCESSORIES", url:"../../product/html/product.php?cat=35"},
	{text: "CARD READER", url:"../../product/html/product.php?cat=31"},
	{text: "COOLER", url:"../../product/html/product.php?cat=36"},
	{text: "DIY ACCESSORIES", url:"../../product/html/product.php?cat=32"},
	{text: "EXTERNAL CASE", url:"../../product/html/product.php?cat=12"},
	{text: "GIFT SET", url:"../../product/html/product.php?cat=22"},
	{text: "HEADPHONES & EARPHONES", url:"../../product/html/product.php?cat=34"},
	{text: "KEYBOARD", url:"../../product/html/product.php?cat=19"},
	{text: "KVM", url:"../../product/html/product.php?cat=28"},
	{text: "MOUSE", url:"../../product/html/product.php?cat=20"},
	{text: "NOTEBOOK ACCESSORIES", url:"../../product/html/product.php?cat=37"},
	{text: "POWER SUPPLY", url:"../../product/html/product.php?cat=29"},
	{text:"SKYPE", url:"../../product/html/product.php?cat=26"},
	{text:"SPEAKER & MICROPHONE", url:"../../product/html/product.php?cat=25"},
	{text:"SPYKER BRAND", url:"../../product/html/product.php?cat=33"},
	{text:"USB HUB", url:"../../product/html/product.php?cat=27"},
	{text:"WEB CAM", url:"../../product/html/product.php?cat=23"},
	{text:"FUN LIFE STYLE", url:"../../product/html/product.php?cat=38"},
	{text:"OTHERS", url:"../../product/html/product.php?cat=14"}
	];
 
 var servicesMenuData = [
	 {text:"Product Registration", url:"../../service_and_support/html/registration.php"}
	 ];
               
function getContainerXY(elementID, height){
	var posX = YAHOO.util.Dom.getX(elementID);
	var posY = YAHOO.util.Dom.getY(elementID);
	if(height != null ){
		posY += height;
	}
	return [posX, posY];                  
}                                       

function getControl(elementID){
   if( document.getElementById){
	 //alert("found container: " + top.frames[1].document.getElementById(elementID).getAttribute("id"));
     return top.frames[1].document.getElementById(elementID);
     //this.document.getElementById(elementID);
   }
}

function menuClickHandler(){
	if(top.frames[2].document.location){
		top.frames[2].document.location = this.getAttribute("href");
	}else if( top.frames[2].location){
		top.frames[2].location = this.getAttribute("href");
	}
}

function addHandler(obj_menu, container){
	YAHOO.util.Event.addListener(container, "mouseover", obj_menu.show, null, obj_menu);
	YAHOO.util.Event.addListener(container, "mouseout", obj_menu.hide, null, obj_menu);
	//alert( "mouseover: " + this.id);
}


function handleCatalogueClick(o){
	pop = window.open("http://issuu.com/connectland/docs/catalogue09_ang", "Catalogue", "widht=650,height=750,resizable=yes,scrollbars=yes,status=yes");
	pop.focus();
}

function handleSpykerClick(o){
	pop2 = window.open("http://www.spyker-france.com/Catalogue/2009v1_01.htm", "Spyker", "widht=650,height=750,resizable=yes,scrollbars=yes,status=yes");
	pop2.focus();
}

 YAHOO.util.Event.onAvailable("container1", function(){
	var oMenu =  new YAHOO.widget.Menu("products_submenu", "container1", {position:"dynamic", hidedelay:100, zindex:130});
	 oMenu.addItems(productMenuData);
	 oMenu.cfg.setProperty("xy",[292,0]);
	 oMenu.render("container1");
	 oMenu.cfg.setProperty("iframe", true);
	 oMenu.subscribe("show", oMenu.focus);
	 var productButton = getControl("productButton");
	 YAHOO.util.Event.addListener(productButton, "mouseover", oMenu.show, null, oMenu);   
	 YAHOO.util.Event.addListener(productButton, "mouseout", oMenu.hide, null, oMenu); 
	 YAHOO.util.Event.addListener(productButton, "click", menuClickHandler);   // add back click event handling
	 YAHOO.util.Event.addListener("container1", "mouseover",oMenu.show, null, oMenu);
	 YAHOO.util.Event.addListener("container1", "mouseout", oMenu.hide, null, oMenu);

 });

/* 
  YAHOO.util.Event.onDOMReady(function(){
	var oMenu =  new YAHOO.widget.Menu("products_submenu", {position:"dynamic", hidedelay:100, zindex:130});
	 oMenu.addItems(productMenuData);
	 oMenu.cfg.setProperty("xy",[292,0]);
	 oMenu.cfg.setProperty("iframe", true);
	 oMenu.render(document.body);
	 oMenu.subscribe("show", oMenu.focus);
	  var productButton = getControl("productButton");
	 YAHOO.util.Event.addListener(productButton, "mouseover", oMenu.show, null, oMenu);   
	 YAHOO.util.Event.addListener(productButton, "mouseout", oMenu.hide, null, oMenu);
	 var container1 = document.getElementById("container1");
	 YAHOO.util.Event.addListener(container1, "mouseover",oMenu.show, null, oMenu);
	 YAHOO.util.Event.addListener(container1, "mouseout", oMenu.hide, null, oMenu);	 
	 
  });
 */ 
 /*
 YAHOO.util.Event.addListener("window", "load", function(){	
	var catalogueButton = getControl("catalogue");
	catalogueButton.style.display = 'inline';
	YAHOO.util.Event.addListener(catalogueButton, "click", handleCatalogueClick, this);
	 
 });	*/ 
 
 function showButton(){
	 var catalogueButton = getControl("catalogue");
	 var spykerButton = getControl("spyker");
	 catalogueButton.style.display = 'inline';
	 spykerButton.style.display = 'inline';
 }
 
 YAHOO.util.Event.onAvailable("container2", function(){                                                                                  
	var oMenu2 = new YAHOO.widget.Menu("services_submenu", "container2", {position:"dynamic", hidedelay:100,zindex:130});
	oMenu2.addItems(servicesMenuData);
	oMenu2.cfg.setProperty("xy", [639,0]);
	oMenu2.render("container2");
	oMenu2.subscribe("show", oMenu2.focus);     
	var serviceButton = getControl("serviceButton");
	YAHOO.util.Event.addListener(serviceButton, "mouseover", oMenu2.show, null, oMenu2);
	YAHOO.util.Event.addListener(serviceButton, "mouseout", oMenu2.hide, null, oMenu2);
	YAHOO.util.Event.addListener(serviceButton, "click", menuClickHandler);   // add back click event handling 
	YAHOO.util.Event.addListener("container2", "mouseover", oMenu2.show, null, oMenu2);	
	YAHOO.util.Event.addListener("container2", "mouseout", oMenu2.hide, null, oMenu2);
	var catalogueButton = getControl("catalogue");
	YAHOO.util.Event.addListener(catalogueButton, "click", handleCatalogueClick, this);
	var spykerButton = getControl("spyker");
	YAHOO.util.Event.addListener(spykerButton, "click", handleSpykerClick, this);        
	//setTimeout(showButton, 4000);                                                                           
 });  
