(function (flyouts) {   
    var init = function() {
          
      jQuery('.nav-flyout a').bind('click', function(e) {
    	  var flyout = jQuery(jQuery(this).attr('href'));
    	  jQuery('.flyout').hide();
    	  if (flyout.length) {
    		  flyout.show();
    	  }
          // close 'em
          jQuery('body').bind('click', function(bodyE) {
        	  if (bodyE && bodyE.target) {
        		var flyoutParent = jQuery(bodyE.target).parents('.flyout');
        		if (!flyoutParent.length) {
        			jQuery('body').unbind('click');
        			flyout.hide();
        		}  
        	  }
          });
          
          return false;
      });
      
      

    };
    
    jQuery(document).ready(init);

})(gw.flyouts = gw.flyouts || {});

/* building flyouts */
function buildingMouseover(mapImage,nid,flyout,dname,bid,reqPath){
		$('lid'+nid).setStyle('display', 'none'); 
		$('iid'+nid).setProperty('src','http://glenwoodnyc.com/webdav/images' + mapImage);
		$('mid'+nid).setProperty('src','http://glenwoodnyc.com/webdav/images' + mapImage.replace("v.","m."));
		$(flyout).setStyle('width', '520px');  
		$('nid'+nid).setStyle('display', '');
		var url =  " <a href=#' onmouseover='listingMouseover('"+flyout+"','"+ nid +"');'>View Listings >></a>";
		$('dname'+nid).set('html', dname + url);
		buildingListings(bid,nid,dname,reqPath);
		$('dname'+nid).addEvent('mouseover', function(){
    		$(flyout).setStyle('width', '720px'); 
    		$('lid'+nid).setStyle('display', ''); 
    		
		});
		$('iid'+nid).addEvent('mouseover', function(){
    		$(flyout).setStyle('width', '720px'); 
    		$('lid'+nid).setStyle('display', ''); 
    		
		});
		
}
function listingMouseover(flyout,nid){
		//buildingListings();
 		$(flyout).setStyle('width', '720px');  
 
 
		
}
function buildingListings(bid,nid,dname,reqPath){
	var cheep =dname + "<br>";
	$('lstList'+nid).set('html', "");
	var found =false;
	var url ="";
	for(var i = 0; i < lowest.Listings.length; i++) {
		var building = lowest.Listings[i]; 
		if(building.buildingId == (bid*1)){
			if(!found){
			 cheep +=  building.address + "<br><br>";
			 url = reqPath + "/" + building.url;
			}	
			cheep += building.listing + " starting from " + building.price + "<br><br>";
			found =true;
		}
	
	}
    if(!found){
    	cheep += "<br>Currently, no online listings are available for this property.<br> <br>Please <a href='http://www.glenwoodnyc.com/contact/'>contact us</a> for information";
    }else{
    	cheep +="<br><a href='" + url + "' >View More</a>"
    }
	$('lstList'+nid).set('html', cheep);
	//alert(dname);
} 
				 	

function buildingMouseout(mapImage,nid,flyout){

	if($('#bd')){
		$('#bd'+nid).setStyle('width', '320px');  
	}else{
		$(flyout).setStyle('width', '320');  
	}
		$('nid'+nid).setStyle('display', 'none');
}

/* floorplan flyouts */
function floorplanMouseover(floorplan,bd){
	function browseFloorplan() {
	
		if (jQuery(this).hasClass('next')) {
			active = active.next();
			if (!active.length) {
				active = data.first();
			}
		} else { // backward
			active = active.prev();
			if (!active.length) {
				active = data.last();
			}
		}
		placeholder.fadeOut(function() {
			placeholder.html(active.html());
			placeholder.fadeIn();
		});
	}
	var mybd=bd+"bd";
	jQuery('.floorplan-listing-nav').hide();
	var flyout = jQuery(floorplan).closest('.x'),
		nav = flyout.find('.floorplan-listing-nav'),
		placeholder = nav.find('.current-floorplan'),
		data = nav.find('li'),
		active = data.first();
	placeholder.fadeOut(function() {
		placeholder.html(active.html());
		placeholder.fadeIn();
	});
	
	nav.show();
	
	nav.find('.arrow').bind('click', browseFloorplan);
		
	var flyout2 = jQuery(floorplan).closest('.flyout');
	flyout2.css('width', '640px');
}

/* office flyouts */
function officeMouseover(flyout,office,mapImage){
	//$('lidup').setStyle('display', 'none'); 
	$('officeMapImage').setProperty('src','http://glenwoodnyc.com/images/' + mapImage);
	$(flyout).setStyle('width', '520px');  
	$('officeMapDiv').setStyle('display', '');
	$('officeMapDiv').addEvent('mouseout', function(){
		$('officeMapDiv').setStyle('display', 'none'); 
	});
}

