jQuery(document).ready(function(){
	
var topVal;

$(".altos").click(function(e){
  		 //getting height and width of the message box
  var p = $('#container');//tomo posicion relativa del div principal
  var offset = p.offset();
  var height = $('#altum').height();
  var width = $('#altum').width();
  var mapaheight = $('#mapadisponiblidad').height()/2;
  var mapawidth = $('#mapadisponiblidad').width()/2;
  //calculating offset for displaying popup message
  //alert(this.offsetLeft);
  leftVal=((e.pageX-90)-offset.left)+"px";
  topVal=(e.pageY-40-$('#mapadisponiblidad').offset().top+100)+"px";
  topAnim=(e.pageY-20-$('#mapadisponiblidad').offset().top+100)+"px";
  //show the popup message and hide with fading effect
   //$('#status').html(this.offsetLeft +', '+ this.offsetTop);
  $('#altum').html($(this).attr('alt'));
  $('#altum').css({left:leftVal,top:topVal}).fadeIn('slow');
  $('#altum').css({left:leftVal,top:topVal}).animate({opacity: 1, top: topAnim}, {queue:false, duration:400});
 
  
  }); 
$(".altos").hover(
      function () {
      }, 
      function () {
         if($(this).attr('alt').indexOf("Venta")==-1){ // Si la propiedad no esta en venta lo oculta
  			$('#altum').css({left:leftVal,top:topAnim}).fadeOut( {duration:2000});
  			}
      }
    ); 

$(".sitehover").hover(
					  
      function (e) {
		  
		   var p = $('#container');//tomo posicion relativa del div principal
  		   var offset = p.offset();
		   leftVal=((e.pageX-90)-offset.left)+"px";
		  topVal=(e.pageY-20-$('#siteplan').offset().top+100)+"px";
		  topAnim=(e.pageY-$('#siteplan').offset().top+100)+"px";
		   $('#altum').html($(this).attr('alt'));
 		   $('#altum').css({left:leftVal,top:topVal}).fadeIn('slow');
  		   $('#altum').css({left:leftVal,top:topVal}).animate({opacity: 1, top: topAnim}, {queue:false, duration:400});
      }, 
      function () {
  			/*$('#altum').css({left:leftVal,top:topAnim}).fadeOut( {duration:2000});*/
      }
    ); 
$(".sitehover").click(function(e){
  var p = $('#container');//tomo posicion relativa del div principal
  		   var offset = p.offset();
		   leftVal=((e.pageX-90)-offset.left)+"px";
		  topVal=(e.pageY-20-$('#siteplan').offset().top+100)+"px";
		  topAnim=(e.pageY-$('#siteplan').offset().top+100)+"px";
		   $('#altum').html($(this).attr('alt'));
 		   $('#altum').css({left:leftVal,top:topVal}).fadeIn('slow');
  		   $('#altum').css({left:leftVal,top:topVal}).animate({opacity: 1, top: topAnim}, {queue:false, duration:400});
	})

});