// JavaScript Document
	
jQuery(function(){
	jQuery('#hospedaje')
		.css( {backgroundPosition: "-111px -82px"} )
		.mouseover(function(){sobre(this,'-111px');})
		.mouseout(function(){fuera(this,'-111px');})
	jQuery('#gastronomia')
		.css( {backgroundPosition: "-225px -82px"} )
		.mouseover(function(){sobre(this,'-225px');sobreGlobo('#gastronomia','#divsubMenu5');})
		.mouseout(function(){fuera(this,'-225px');})
	jQuery('#que_hacer')
		.css( {backgroundPosition: "-358px -82px"} )
		.mouseover(function(){sobre(this,'-358px');sobreGlobo('#que_hacer','#divsubMenu2');})
		.mouseout(function(){fuera(this,'-358px');})
	jQuery('#directorio')
		.css( {backgroundPosition: "-488px -82px"} )
		.mouseover(function(){sobre(this,'-488px');})
		.mouseout(function(){fuera(this,'-488px');})
	jQuery('#reserva')
		.css( {backgroundPosition: "-601px -82px"} )
		.mouseover(function(){sobre(this,'-601px');})
		.mouseout(function(){fuera(this,'-601px');})
	jQuery('#ocv_celaya')
		.css( {backgroundPosition: "-763px -82px"} )
		.mouseover(function(){sobre(this,'-763px');sobreGlobo('#ocv_celaya','#divsubMenu3');})
		.mouseout(function(){fuera(this,'-763px');})
	jQuery('#contacto')
		.css( {backgroundPosition: "-878px -82px"} )
		.mouseover(function(){sobre(this,'-878px');sobreGlobo('#contacto','#divsubMenu4');})
		.mouseout(function(){fuera(this,'-878px');})
		
		
	jQuery('#imgGlobo1')
		.mouseover(function(){sobreGlobo('#imgGlobo1','#divGlobo1');})
	jQuery('#divGlobo1')
		.mouseover(function(){sobreGlobo('#imgGlobo1','#divGlobo1');})
	jQuery('#imgGlobo2')
		.mouseover(function(){sobreGlobo('#imgGlobo2','#divGlobo2');})
	jQuery('#divGlobo2')
		.mouseover(function(){sobreGlobo('#imgGlobo2','#divGlobo2');})
	jQuery('#imgGlobo3')
		.mouseover(function(){sobreGlobo('#imgGlobo3','#divGlobo3');})
	jQuery('#divGlobo3')
		.mouseover(function(){sobreGlobo('#imgGlobo3','#divGlobo3');})
	jQuery('#imgGlobo4')
		.mouseover(function(){sobreGlobo('#imgGlobo4','#divGlobo4');})
	jQuery('#divGlobo4')
		.mouseover(function(){sobreGlobo('#imgGlobo4','#divGlobo4');})
		
	
	jQuery('#ciudad')
		.css( {backgroundPosition: "0 -82px"} )
		.mouseover(function(){
						sobre(this,0);
						jQuery('#divsubMenu1').show();
					})
		.mouseout(function(){
						fuera(this,0);
						jQuery('#divsubMenu1').hide();
					})
		
});

function sobre(id,pos){
	if(navigator.appName=='Microsoft Internet Explorer')
		jQuery(id).css( {backgroundPosition: pos+" 40"} )
	else
		jQuery(id).stop().animate({backgroundPosition:"("+pos+" 40)"}, {duration:200})
		
};

function fuera(id,pos){
	if(navigator.appName=='Microsoft Internet Explorer')
		jQuery(id).css( {backgroundPosition: pos+" -82px"} )
	else
		jQuery(id).stop().animate({backgroundPosition:"("+pos+" -82px)"}, {duration:200})
};

function sobreGlobo(img,div){
	jQuery(div).show();
	jQuery(img).mouseout(function(){fueraGlobo(div);})
	jQuery(div).mouseout(function(){fueraGlobo(div);})
}
function fueraGlobo(id){
	jQuery(id).hide();
}