// JavaScript Document
var menuHideDelay = 300;
var MenuItems = Array();
var MenuTop = 101;

MenuItems[0] = {name:'&nbsp;<img src="images/_b-produse.png" alt="Produse" height="10" width="53" />', items:Array( 
										 {title:'Training', href:'training-products.htm'}, 
										 {title:'Outdoor', href:'outdoor-products.htm'}, 
										 {title:'Snow', href:'snow-products.htm'}, 
										 {title:'marine', href:'marine-products.htm'}, 
										 {title:'GoLf', href:'golf-products.htm'},
										 {title:'M Series', href:'m-series-products.htm'} 										 
										 ), href:'#' };

MenuItems[1] = {name:'&nbsp;<img src="images/_b-manuale.png" alt="Manuale" height="10" width="55" />', items:Array( 
										 {title:'Training', href:'training-manuals.htm'}, 
										 {title:'Outdoor', href:'outdoor-manuals.htm'}, 
										 {title:'Snow', href:'snow-manuals.htm'}, 
										 {title:'marine', href:'marine-manuals.htm'}, 
										 {title:'GoLf', href:'golf-manuals.htm'},
										 {title:'M Series', href:'m-series-manuals.htm'}
										 ), href:'#' };

MenuItems[2] = {name:'&nbsp;<img src="images/_b-service.png" alt="Service" height="10" width="46" />', items:Array( ), href:'informatii-service.htm' };
MenuItems[3] = {name:'&nbsp;<img src="images/_b-despre_noi.png" alt="Despre Noi" height="10" width="65" />', items:Array( ), href:'despre-noi.htm' };
MenuItems[4] = {name:'&nbsp;<img src="images/_b-contact.png" alt="Contact" height="10" width="50" />', items:Array( 
														 {title:'Nova Sport 95', href:'contact-novasport95.htm'}, 
														 {title:'Parteneri', href:'parteneri.htm'} 
														 ), href:'#' };

// Initiate floating menu

var floatingMenu = new Ext.Layer({shadow:false, shim:true, zindex:100},'floatingProxy');
floatingMenu.setLeftTop(27, MenuTop);


var getHide = function()
{ 
	realignMenu(floatingMenu.whereAmI, true); //floatingMenu.setHeight(1); document.getElementById('floatingProxy').style.display = 'none';  
}
floatingMenu.hideDelay = new Ext.util.DelayedTask(getHide);
floatingMenu.on('mouseout', function(){floatingMenu.hideDelay.delay(menuHideDelay);} );
floatingMenu.on('mouseover', function(){floatingMenu.hideDelay.cancel();} );

// Create menu items
// stage 2

var mainMenu = document.getElementById('mainMenu');

var addCode = '';
var menuCounter = 0;

for(i=0; i<MenuItems.length; i++)
{
	menuCounter++;

	if(menuCounter>9)
		var cnt = "" + menuCounter;
	else
		var cnt = "0" + menuCounter;
	
	addCode += '<a href="'+MenuItems[i].href+'" class="a"> <span class="mainMenuShadow"> &nbsp; </span> <span class="menuCount">' + cnt + '</span><span> ' + MenuItems[i].name + ' </span></a> <small>&nbsp;</small>';
	
	MenuItems[i].itemsCache = document.getElementById('floatingMenu').innerHTML;

	for(j=0; j<MenuItems[i].items.length; j++)
		MenuItems[i].itemsCache += '<a href="'+MenuItems[i].items[j].href+'" onmouseover="hoverItems(this)" onmouseout="floatingMenu.hideDelay.delay(menuHideDelay);"> '+MenuItems[i].items[j].title+' </a>';
	
}


mainMenu.innerHTML = addCode + mainMenu.innerHTML;

// deprecated, we're caching items now

function hoverItems(whichEl)
{
	floatingMenu.hideDelay.cancel();
	var currentElement = new Ext.get(whichEl);
	var floatingLine = Ext.get('floatingLine');	
	floatingLine.setY(currentElement.getY(), {easing:'easeOut', duration:.3});	
}


// compute actual float

function realignMenu(x, noelem)
{
	var h = document.getElementById('floatingMenu').offsetHeight;
	if(noelem)
		var h = 0;
	
	var anim = { easing:'easeOut', duration:.36 };
	
	if(floatingMenu.whereAmI != x)
	{
		floatingMenu.setX(x, anim);
		floatingMenu.whereAmI = x;
	}
	floatingMenu.setHeight(h, anim)
}


i2 = 0;
for(i=0; i<mainMenu.childNodes.length; i++)
{
	if (mainMenu.childNodes[i].tagName == 'A' && mainMenu.childNodes[i].className!='loginA')
	{
		mainMenu.childNodes[i].cachedCode = MenuItems[i2].itemsCache;
		mainMenu.childNodes[i].containedItems = MenuItems[i2].items;
		mainMenu.childNodes[i].onmouseover = function()
		{ 
			
			document.getElementById('floatingProxy').style.display = 'block';
			if(floatingMenu.isVisible()==false) 
				floatingMenu.show();
				
			floatingMenu.hideDelay.cancel();
			
			document.getElementById('floatingMenu').innerHTML = this.cachedCode;
			
			var sayMyName = Ext.get(this);
			sayMyName = sayMyName.getX() + 2;	
			
			var noelem = false;
			if(this.containedItems.length==0)
				noelem = true;
			
			realignMenu(sayMyName, noelem);
		}
		
		mainMenu.childNodes[i].onmouseout= function()
		{ 
			floatingMenu.hideDelay.delay(menuHideDelay);
		}
		i2++;
	}
}

// document.getElementById('login_pwd').value = 'Parola';

function empty(){
	
}