// JavaScript Document

//var ruta = 'http://tatsa/system/imagenes/';
var ruta = 'http://www.tatsa.com.ar/system/imagenes/';

function rollOver(elemento){
	/*
	var fuente = elemento.readAttribute('src');
	var foto = fuente.substring(fuente.lastIndexOf('/')+1,fuente.length);
	foto = foto.substring(0,foto.indexOf('.'))+'Over.png';
	fuente = fuente.substring(0,fuente.lastIndexOf('/')+1)+foto;
	elemento.setAttribute('src',fuente);*/
//	var fuente = elemento.readAttribute('class');
//	var foto = ruta+fuente+'Over.png';
//		var clase = fuente+'Over';
//	elemento.setAttribute('src',foto);
//	elemento.removeClassName(fuente);
//	elemento.addClassName(clase);
}

function rollOut(elemento){
	/*
		var fuente = elemento.readAttribute('src');
		fuente = fuente.substring(0,fuente.indexOf('O'))+'.png';
		elemento.setAttribute('src',fuente);
	*/
//	var claseOriginal = elemento.readAttribute('class');
//	var claseNueva = claseOriginal.substring(0, claseOriginal.lastIndexOf('Over'));
//	var foto = ruta + claseNueva +'.png';
//	var clase = claseNueva;
//	elemento.setAttribute('src',foto);
//	elemento.removeClassName(claseOriginal);
//	elemento.addClassName(clase);
}

/* Funcion inicial de mi p�gina */
function init(){
	var posicionEmpresa = $('empresa').positionedOffset();
	alert(posicionEmpresa);
	$('contenidoBotoneraEmpresa').setStyle({top:posicionEmpresa[1]+'px', left: (posicionEmpresa[0])+'px'})
}

function reacomodarBotonera(idBotonera,idFoto){
	var x = $(idFoto).positionedOffset()[0] +108;
	var y = $(idFoto).positionedOffset()[1] + 50;
	var diferencia = ($(idBotonera).getWidth() - $(idFoto).getWidth()) / 2;
	x = x - diferencia;
	x = x.toString()+'px';
	y = y.toString()+'px';
	$(idBotonera).setStyle({ top: y, left: x})
	/*
	var fuente = $(idFoto).readAttribute('src');
	var foto = fuente.substring(fuente.lastIndexOf('/')+1,fuente.length);
	foto = foto.substring(0,foto.indexOf('.'))+'Over.png';
	fuente = fuente.substring(0,fuente.lastIndexOf('/')+1)+foto;
	$(idFoto).setAttribute('src', fuente);
	*/
//	var fuente = $(idFoto).readAttribute('class');
//	var foto = ruta+fuente+'Over.png';
//	var clase = fuente+'Over';
//	$(idFoto).setAttribute('src',foto);
//	$(idFoto).removeClassName(fuente);
//	$(idFoto).addClassName(clase);
}

function mostrar(idBotonera){
	$(idBotonera).setStyle({visibility: 'visible'});
}

function mostrarBotonera(idBotonera,idFoto){
	reacomodarBotonera(idBotonera,idFoto);
	mostrar(idBotonera);
}

function ocultarBotonera(idBotonera,idFoto){
//	rollOut($(idFoto));
	$(idBotonera).setStyle({visibility: 'hidden'});
}

function init(){
	Event.observe($('empresa'),'mouseover',function(){ mostrarBotonera('contenidoBotoneraEmpresa','empresa'); });	
	Event.observe($('empresa'),'mouseout',function(){ ocultarBotonera('contenidoBotoneraEmpresa','empresa'); });	
	Event.observe($('buses'),'mouseover',function(){ mostrarBotonera('botoneraBuses','buses'); });	
	Event.observe($('buses'),'mouseout',function(){ ocultarBotonera('botoneraBuses','buses'); });	
	Event.observe($('botoneraBuses'),'mouseover',function(){ mostrarBotonera('botoneraBuses','buses'); });	
	Event.observe($('botoneraBuses'),'mouseout',function(){ ocultarBotonera('botoneraBuses','buses'); });	
	Event.observe($('contenidoBotoneraEmpresa'),'mouseover',function(){ mostrarBotonera('contenidoBotoneraEmpresa','empresa'); });	
	Event.observe($('contenidoBotoneraEmpresa'),'mouseout',function(){ ocultarBotonera('contenidoBotoneraEmpresa','empresa'); });
	Event.observe($('home'),'mouseover',function(){ rollOver($('home')); });	
	Event.observe($('home'),'mouseout',function(){ rollOut($('home')); });	
	Event.observe($('novedades'),'mouseover',function(){ rollOver($('novedades')); });	
	Event.observe($('novedades'),'mouseout',function(){ rollOut($('novedades')); });	
	Event.observe($('empleo'),'mouseover',function(){ rollOver($('empleo')); });	
	Event.observe($('empleo'),'mouseout',function(){ rollOut($('empleo')); });		
}

Event.observe(window,'load',function(){ init(); });