offset = 0;

xml_url 	= '/staticfiles/mls/xml/';
sh_ajax_url	= '/staticfiles/mls/index.php';

function save_response(o, ptr) {
	xmlDoc 		= create_xml_doc(o.responseText);

	mssage		= getText(xmlDoc, 'message');
	sttus 		= getText(xmlDoc, 'status');

	if(sttus == 'false')
		custom_alert(mssage);
	
	if(ptr) {
		if(sttus != 'false')
			$(ptr).update(mssage);
		
		if(sttus == 'saved') {
			$(ptr).up().removeClassName('save');
			$(ptr).up().addClassName('saved');			
		}
		
		if(sttus == 'deleted') {
			$(ptr).up().removeClassName('saved');
			$(ptr).up().addClassName('save');
		}
	}
}

function save_home(type, mls_number, ptr) {	
	if(show_login) {		
		create_login_popup();
		custom_alert('Please log in or register to save homes.');	
	} else
		new Ajax.Request(sh_ajax_url + '?j=' + ut(), { postBody: 'action=save_home&type=' + type + '&mls_number=' + mls_number, method: 'post', onSuccess: function(o) {
				save_response(o, ptr);
			}
		});
		
	return false;
}

function get_saved_homes() {
	f = function(o) {
		setTimeout(function() { hide_loader('mcc_list_items'); }, 500);	
		
		$('mcc_list_items').innerHTML = '';	
		
		xmlDoc 			= create_xml_doc(o.responseText);		
		properties 		= xmlDoc.getElementsByTagName('home');	

		for(x = 0; x < properties.length; x++) {
			mls_number 		= getText(properties[x], 'mls_number');
			tpe				= getText(properties[x], 'type');	
			area			= getText(properties[x], 'area');				
			
			disp_area		= getText(properties[x], 'disp_area');	
			
			listing_img		= getText(properties[x], 'listing_image');			
			list_price 		= getText(properties[x], 'list_price');
			sqft 			= getText(properties[x], 'sqft');
			city 			= getText(properties[x], 'city');
			address 		= getText(properties[x], 'address');
			
			number_beds 	= getText(properties[x], 'number_beds');
			number_baths	= getText(properties[x], 'baths');	

			lat				= getText(properties[x], 'latitude');
			lng 			= getText(properties[x], 'longitude');	

			saved			= getText(properties[x], 'saved');
			
			// we can't be sure images are valid from the MLS.  attached a custom load handler
			the_image = create_safe_image(listing_img) 
			
			row_id = 'r_' + mls_number + '_' + x;
			
			bed_str 	= number_beds ? '# Beds: ' + number_beds : '';
			bath_str	= number_baths ? '# Baths: ' + number_baths : '';
			
			row = Builder.node('div', { 
					className: 'row ' + alt('property_list'),
					id: row_id,
					'mlsn': mls_number,
					'tpe': tpe,
					'area': area
				}, [
				
				Builder.node('div', { className: 'saved' }, [
					Builder.node('span', 'Saved '),
					saved
				]),
				Builder.node('div', { className: 'thumb' }, the_image),
				Builder.node('div', { className: 'addr' }, 	address),
				Builder.node('div', { className: 'col' }, 'MLS #: ' + mls_number),
				Builder.node('div', { className: 'col' }, 'List Price: ' + list_price),
				Builder.node('div', { className: 'col' }, 'SQFT: ' + sqft),
				Builder.node('div', { className: 'col' }, 'City: ' + city),
				Builder.node('div', { className: 'col' }, bed_str),
				Builder.node('div', { className: 'col' }, bath_str),			
				Builder.node('div', { className: 'col' }, 'Type: ' + tpe),
				Builder.node('div', { className: 'col' }, 'Area: ' + disp_area),
			]);				

			$('mcc_list_items').appendChild(row);	
			
			if(x == 0)
				get_saved_property_details(row);			
			
			Event.observe(row, 'click', function(event) {
				the_row = Event.findElement(event, 'div.row');
				load_saved_item(the_row.getAttribute('id'), get_saved_property_details);
			});
			
			//bind_saved_home_marker_click(add_google_point(lat, lng, address), row_id);
			bind_saved_marker_click(add_google_point(lat, lng, address), row_id, function(rid) {
				load_saved_item(rid, get_saved_property_details);
			});			
		}
		
		fit_map_bounds();
	}	
	
	show_loader('mcc_list_items', 'Loading Saved Homes...', 'loader.gif');
	
	//$$('div.header_bar span.section_title').first().update('Saved Home');
	
	clear_markers();
	
	new Ajax.Request(xml_url + 'saved_homes.php?offset=' + offset + '&j=' + ut(), { method: 'get', onSuccess: f }); 		

	return false;	
}

function bind_saved_marker_click(marker, row_id, cb) {
	google.maps.event.addListener(marker, 'click', function() {
		//load_saved_home(row_id);
		cb(row_id);
	});	
}

function load_saved_item(row_id, cb) {
	the_row = $(row_id);

	moveTo('mcc_list_items', row_id);
		
	$$('#mcc_list_items div.active').invoke('removeClassName', 'active');
	the_row.addClassName('active');	
	
	if(cb && typeof cb == 'function')
		cb(the_row);	
}

function get_saved_property_details(elt) {
	f = function(o) {
		setTimeout(function() { hide_loader('mcc_detail'); }, 500);			
		
		xmlDoc 			= create_xml_doc(o.responseText);	
		
		items 			= xmlDoc.getElementsByTagName('item');	
		
		address 		= getText(xmlDoc, 'address');
		image_url		= getText(xmlDoc, 'image_url');			
		image_thumb		= getText(xmlDoc, 'image_thumb');			
		list_price 		= getText(xmlDoc, 'list_price');
		mls_number 		= getText(xmlDoc, 'mls_number');
		description 	= getText(xmlDoc, 'description');
		sef_url 		= getText(xmlDoc, 'sef_url');
		area			= getText(xmlDoc, 'area');
		
		list_price 		= list_price.replace(/&#36;/g,"$");

		
		the_image 		= create_safe_image(image_thumb);
		
		blue_header = Builder.node('div', { className: 'blue_box' }, [
			Builder.node('div', { className: 'mls_number' }, 'MLS #: ' + mls_number),
			Builder.node('div', { className: 'list_price' }, 'List Price: ' + list_price)
		]);
			
		$('mcc_detail').appendChild(blue_header);
		
		the_details = Builder.node('div', { className: 'grey_box' }, [	
			Builder.node('div', { className: 'details_img' }, [
				Builder.node('a', { href: image_url, 'rel': 'lightbox[images]' }, the_image)
			]),
			Builder.node('span', { id: 'mcc_description' }, description),
			Builder.node('div', { className: 'divider' })
		]);
		
		$('mcc_detail').appendChild(the_details);
		
		for(x = 0; x < items.length; x++) {
			nme	= getText(items[x], 'nme');
			val	= getText(items[x], 'val');	
			
			an_item = Builder.node('div', { className: 'item' }, [
				Builder.node('span', { className: 'n' }, nme + ':'),
				Builder.node('span', { className: 'v' }, val)
			]);
		
			$(the_details).appendChild(an_item);
		}
		
		$(the_details).appendChild(Builder.node('div', { className: 'divider' }));
		
		$('mcc_detail').appendChild(Builder.node('div', { className: 'sub_option' }, [
			Builder.node('a', { href: '#', onclick: "ajax_box('" + mls_number + "', '" + tpe + "', '" + area + "', 'request_information_box'); return false;" }, [
				Builder.node('img', { src: 'images/details/email.png' }),
				'Request Information'
			])
		]));		
		
		the_options = Builder.node('div', { className: 'options' }, [
			Builder.node('input', { 
				type: 'button', 
				className: 'button link_brown_button', 
				value: 'View Details',
				onclick: 'window.location=\'' + sef_url + '\''
			}),		
			Builder.node('input', { 
				type: 'button', 
				className: 'button link_blue_button', 
				value: 'Remove',
				onclick: 'save_home(\'' + tpe + '\', \'' + mls_number + '\'); get_saved_homes();'
			})
			//Builder.node('input', { type: 'button', className: 'button', value: 'View Photos' })
		]);
		
		$('mcc_detail').appendChild(the_options);
		
		$$('div.header_bar span.item_title').first().update(address);
	}
	
	mls_number 	= elt.getAttribute('mlsn');
	tpe			= elt.getAttribute('tpe');
	area		= elt.getAttribute('area');
	
	$('mcc_detail').innerHTML = '';
	
	show_loader('mcc_detail', 'Loading Home Details...', 'loader.gif');	
	
	new Ajax.Request(xml_url + 'property.php?mls_number=' + mls_number + '&type=' + tpe + '&area=' + area, { method: 'get', onSuccess: f }); 	
}

function clear_gcb() {
	if(gcb) {
		google.maps.event.removeListener(gcb);
		gcb = false;
	}
}

function load_mcc_map(cb) {	
	if(!gmap) {	
		// seed the map on a random michigan point
		myLatlng = new google.maps.LatLng(42.256925, -83.590916);		

		create_google_map('mcc_map');
			
		gcb = google.maps.event.addListener(gmap, 'tilesloaded', function() {		
			if(cb && typeof cb == 'function') {
				cb();
				
				clear_gcb();
			}
		});
	}
}