// JavaScript Document

$(document).ready(function(){
						   
	
	
	
	
	
	$('#HouseMap area').each(function () {
			
			var distance = 5;
			var time = 250;
			var hideDelay = 100;
			var hideDelayTimer = null;
			var beingShown = false;
			var shown = false;
			var triggerHold =  $(this).attr('class');
			
			$('.' + triggerHold).mouseover(function (e) {
				
				var info = '#' + triggerHold + 'HousePopUp';
				
				if (hideDelayTimer) clearTimeout(hideDelayTimer);
				
				if (beingShown || shown) {
					// don't trigger the animation again
					return;
				} else {
					
					//console.log('Trigger is = ' + triggerHold );
					//console.log('Thing to pop up = ' + info);
					
					// reset position of info box
					beingShown = true;
					
					var divhehight = $(info).height()+450;
					
					var pos = $("#HouseImage").position();
					
					if ($.browser.msie && $.browser.version.substr(0,1)<7) { 
						var	topHold = pos.top+50;
					} else {
						var	topHold = e.pageY-divhehight;
						
					};
					var	leftHold = e.pageX/2;
					
					
					//console.log("Left Position = " + $('.' + triggerHold).position().left );
					//console.log("Top Position = " + $('.' + triggerHold).position().top );
					
					//console.log( $(info).height() );
					
					$(info).css({
						top: topHold,
						left: leftHold ,
						display: 'block'
					}).animate({
						top: '-=' + distance + 'px',
						opacity: 1
					}, time, 'swing', function() {
						beingShown = false;
						shown = true;
					});
					
					$("."+triggerHold).mousemove(function(e){
     					 	//var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
      						$(info).css({
								top: topHold,
								left: e.pageX/2 ,
								display: 'block'
							})
    				});

					
					
					if ($.browser.msie) { 
						//$(info+ ' .HousePopUpInner').style.removeAttribute('filter');
					};
					
				}
				return false;
				}).mouseout(function () {
					if (hideDelayTimer) clearTimeout(hideDelayTimer);
						
						var info = '#' + triggerHold + 'HousePopUp';
						//console.log(triggerHold + 'Rollout');
						
						hideDelayTimer = setTimeout(function () {
						hideDelayTimer = null;
						
						$(info).animate({
							top: '-=' + distance + 'px',
							opacity: 0
						}, time, 'swing', function () {
							shown = false;
							$(info).css('display', 'none');
						});
						
	
					}, hideDelay);
	
					return false;
				});
			
			});
	//
	
	
	
	//
	
});

/////

