var elPrvClickdMenuTop;
function switchMenuTopItem(el){
	var elSub;
	id = el.id;
	
	var arSubs = document.getElementsByTagName("div");
	for(var i=0; i < arSubs.length;i++){
		elSub = arSubs[i];
		if(elSub.className=='topmenusel'){
				elSub.className='topmenu';				
			}
	}
	
	elPrvClickdMenuTop = el;
	elPrvClickdMenuTop.className='topmenusel';			
	
}


var elPrvClickd;
function switchTopMenu(sel, menubutton)
{

	if(elPrvClickd){
		//exit function if current was clicked
		if(elPrvClickd == sel) return true;
//			elPrvClickd.style.background = 'url(\'images/topMenu.png\')';			
		switchBackground(elPrvClickd, 'topmenu');
	}	
	elPrvClickd = sel;
//		sel.MenuItemsL.style.background = 'url(\'images/topMenuSel.png\')';
	if (menubutton.length==0)
	{
		menubutton='topmenu'
	}
	
	switchBackground(sel, menubutton);
}

function switchBackground(el, img)
{
	var x=el.getElementsByTagName('div');
	if (x.length==3)
	{
		x[0].style.background = 'url(\'/images/' + img + '_L.png\')';
		x[1].style.background = 'url(\'/images/' + img + '_M.png\')';
		x[2].style.background = 'url(\'/images/' + img + '_R.png\')';
	}	
}

function changeOver(el, menubutton)
{
	if(elPrvClickd){
		//exit function if current was clicked
		if(elPrvClickd == el) return true;
		
	}	
	
	if (menubutton.length==0)
	{
		menubutton='topMenuSel'
	}
	
	var x=el.getElementsByTagName('div');
	if (x.length==3)
	{
		x[0].style.background = 'url(\'/images/' + menubutton + '_L.png\')';
		x[1].style.background = 'url(\'/images/' + menubutton + '_M.png\')';
		x[2].style.background = 'url(\'/images/' + menubutton + '_R.png\')';
	}	
}

function changeOut(el, menubutton)
{

	if(elPrvClickd){
		//exit function if current was clicked
		if(elPrvClickd == el) return true;
		
	}

		
	var x=el.getElementsByTagName('div');
	if (x.length==3)
	{
		x[0].style.background = 'url(\'/images/' + 'topMenu' + '_L.png\')';
		x[1].style.background = 'url(\'/images/' + 'topMenu' + '_M.png\')';
		x[2].style.background = 'url(\'/images/' + 'topMenu' + '_R.png\')';
	}	
}


function HoverOver(el,menubutton, menuclass)
{
	//alert(menubutton);
	if (menuclass=="ItemNotSelected")
	{
		el.className="ItemSelected";
		el.style.backgroundImage = 'url(' + menubutton + ')';
	}
	
	if (menuclass=="SubItemNotSelected")
	{
		el.className="SubItemSelected";
		//el.style.backgroundImage = 'url(' + menubutton + ')';
	}
}

function HoverOut(el,menuclass)
{
	if (menuclass=="ItemNotSelected")
	{
		el.className=menuclass;
		el.style.backgroundImage = "";
	}
	if (menuclass=="SubItemNotSelected")
	{
		el.className=menuclass;
		//el.style.backgroundImage = "";
	}
}
