/*
Gets called when a mouseover occurs on an imagemap area
*/

function showLot(lot_id, rc, area, coords, image, map, areas, lots) {
	var lot_status = lots.getField(rc,'column_3');
	obj('details_lot_num').innerHTML = lot_id;
	obj('details_lot_area').innerHTML = lots.getField(rc,'column_2');
	obj('details_lot_price').innerHTML = lots.getField(rc,'column_4');
	obj('details_lot_address').innerHTML = lots.getField(rc,'column_5');
	
	if (lot_status == 'Sold') {
		// obj('details_lot_status').innerHTML = '<b style="color:red">' +lot_status+ '</b>';
		var img = '<img src="/images/now_selling/sold_sticker_mini.gif">';
		if (obj('details_lot_status').innerHTML != img) obj('details_lot_status').innerHTML = img;
	} else {
		obj('details_lot_status').innerHTML = lot_status;
	}
}



/*
Called once to setup JS behaviours
*/
function setupAreas( image, map, lots ) {
	
	//document.write( lots.dump(true) );
	
	// create an object for
	// get imagemap areas
	var image = obj(image);
	var map = obj(map);
	
	var areas = map.getElementsByTagName('area');
	for (var i in areas) {
		var area = areas[i];
		area.id = area.alt;
	}
	// lots is a WDDX object passed from Coldfusion
	for (var rc=1; rc <= lots.getRowCount(); rc+=1) {
	
		var lot_id = lots.getField(rc,'column_1');
		if (lot_id == 'Lot No' || lot_id == null || lot_id == '') // header or blank line
			continue;
		
		var area = document.getElementById(lot_id);
		if (!area || !area.coords) {
			alert('no map coords for lot '+lot_id);
			continue;
		}
		var coords = area.coords.split(",");

		/* Mouseover using a closure to store the local values */
		function makeShowLot(lot_id, rc, area, coords, image, map, areas, lots) {
			return function () { showLot(lot_id, rc, area, coords, image, map, areas, lots); };
		}
		area.onmouseover = makeShowLot(lot_id, rc, area, coords, image, map, areas, lots);
	
		if (lots.getField(rc,'column_3') == 'Sold') {
			var left = 1000; var right = 0;
			var top = 1000; var bottom = 0;
			
			for (var i in coords) {
				var c = parseInt(coords[i]);
				if (i % 2 == 0) {
					left = Math.min(c,left);
					right = Math.max(c,right);
				} else {
					top = Math.min(c,top);
					bottom = Math.max(c,bottom);
				}
			}
			var width = right - left;
			var height = bottom - top;
			//alert('t '+top+' l '+left);
	
			// make a sticker
			var sticker = new Image();
			sticker.className = "sold_sticker";
			sticker.src = "/images/now_selling/sold_sticker_mini.gif"; 
			sticker.style.left = (left+(width/2)-16)+'px'; // approximate center
			sticker.style.top = (top+(height/2)-5)+'px'; // approximate center
			//sticker.onmouseover = makeShowLot(lot_id, rc, area, coords, image, map, areas, lots);
			image.parentNode.appendChild(sticker);
		}
	}
}