function is_object_Menu(obj){
	if(typeof obj == 'object')	return obj
	else return document.getElementById(obj)
}
function uL_Menu(){
		this.t1 = function(x){
			var c = '<ul>';
			for(k=0;k<x.length;k++)c += '<li>'+x[k]+'</li>';
			c +='</ul>';				
			return c
		}
		this.t2  = function(x){
			var c = "";
			for(k=0;k<x.length;k++){
				c+= '<div class=overs>'+x[k]+'</div>';
			}
			return c
		
		}	
}
function _flutuante(obj,url,menuBarra,c){
	var obj = is_object_Menu(obj)
	var area = document.createElement('div')
	area.style.position='relative'
	obj.appendChild(area)
	var conversor = new uL_Menu()
	var conteudo = document.createElement('div')
	conteudo.style.position = 'absolute'
	conteudo.style.zIndex=10
	conteudo.innerHTML=conversor.t1(c)
	conteudo.style.marginLeft='20px'
	conteudo.style.marginTop='10px'
	var lis =  conteudo.getElementsByTagName('li')
	var uls = conteudo.getElementsByTagName('ul')
	for(i=0;i<uls.length;i++){
	 	 uls[i].style.margin='0px' 
	 	 uls[i].style.padding='5px'  
	}
	for(i=0;i<lis.length;i++){
		lis[i].style.paddingTop = '5px'
		lis[i].style.paddingBottom = '8px'
		if(i!=lis.length-1)lis[i].style.background =  'url('+menuBarra+') no-repeat center bottom'
	} 
	area.appendChild(conteudo)
	area.style.width = obj.offsetWidth+'px'
	area.style.height = conteudo.offsetHeight+20+'px'
	conteudo.style.width = area.offsetWidth-40+'px'
	conteudo.style.height = area.offsetHeight+'px'
	conteudo.style.overflow='hidden'
	

	var fundo = document.createElement('div')
		fundo.style.position = 'relative'
		fundo.innerHTML +='<img src="'+url+'01.png" width="21" height="225">'
		fundo.innerHTML +='<img src="'+url+'02.png" width="193" height="225">'
		fundo.innerHTML +='<img src="'+url+'03.png" width="21" height="225"><br />'
		fundo.innerHTML +='<img src="'+url+'04.png" width="21" height="23">'
		fundo.innerHTML +='<img src="'+url+'05.png" width="193" height="23">'
		fundo.innerHTML +='<img src="'+url+'06.png" width="21" height="23">'
	var imgs = fundo.getElementsByTagName('img')
	if(navigator.appName=='Netscape'){
		var W = (imgs[0].width*2)
		var H = imgs[3].height
	}
	else {
		var W = (imgs[0].width*2)+(44)
		var H = imgs[3].height+(23)
	}

	for(i=0;i<imgs.length;i++){
		if(i==1||i==4) imgs[i].style.width = area.offsetWidth-W+'px'
		if(i<3)imgs[i].style.height = area.offsetHeight-H+'px'
	}
	area.appendChild(fundo)
	this.sumir =function(){
		area.style.visibility='hidden'
	}
	this.aparecer = function(){
		area.style.visibility='visible'
	}
}



function criarImagem(obj,n,url){
	var img
	this.init = function(){
		img = document.createElement('img')
		img.src = url+n+'.png'
		obj.appendChild(img)
		return img
	}
	this.sumir = function(){
		img.style.display='none'
		img.style.visibility='hidden'
	}
	this.aparecer = function(){
		img.style.display=''
		img.style.visibility='visible'
	}
}
function Menu(urls,objs){
	obj = is_object_Menu(objs)
	var bts=[],f = [],imgs=[],imgsOver=[],pos=0,func=[]
	var tW = [193,123,177,159,168]
	var tL=[]
	var pos=0
	for(i=0;i<tW.length;i++){
		if(i!=0)pos+=tW[(i-1)]
		tL[i] = pos	
	}
	var tH = 61
	for(i=0;i<urls[0];i++){
		bts[i] = document.createElement('div')
		bts[i].style.position = 'absolute'
		bts[i].style.left=tL[i]+'px'
		bts[i].style.width = tW[i]+'px'
		bts[i].setAttribute('ed',i)
		obj.appendChild(bts[i])
		
		imgs[i] = new criarImagem(bts[i],i,urls[1])
		imgs[i].init()
		bts[i].innerHTML +="<br />"
		f[i] = document.createElement('div')
		f[i].style.position = 'absolute'
		f[i].style.left='0px'
		f[i].style.top='0px'
		f[i].style.width=tW[i]+'px'
		f[i].style.height = tH+'px'
		bts[i].appendChild(f[i])
		imgsOver[i] = new criarImagem(f[i],i+'h',urls[1])
		imgsOver[i].init()
	}
	func[0] = new _flutuante(f[0],urls[2],urls[3],c0)
	func[1] = new _flutuante(f[1],urls[2],urls[3],c1)
	func[2] = new _flutuante(f[2],urls[2],urls[3],c2)
	func[3] = new _flutuante(f[3],urls[2],urls[3],c3)
	func[4] = new _flutuante(f[4],urls[2],urls[3],c4)
	for(i=0;i<urls[0];i++){
		func[i].sumir()
		imgsOver[i].sumir()
		bts[i].onmouseover = function(){
			func[this.getAttribute('ed')].aparecer()
			imgsOver[this.getAttribute('ed')].aparecer()
			imgs[this.getAttribute('ed')].sumir()
		}
		bts[i].onmouseout  = function(){
			func[this.getAttribute('ed')].sumir()
			imgsOver[this.getAttribute('ed')].sumir()
		}	
	}
}