var scroll_length = -(1692 - 846); // length of whole set, minus the three visible boxes 282px/ea
var home_props = []; // initialize the array as a global variable

function scroll_right(){
	var scroll_obj = document.getElementById("feat_prop_scroll");
	var left_start = parseInt(scroll_obj.style.left.substring(0,scroll_obj.style.left.length - 2)); // get current left value
//		window.alert("left_start: "+left_start+" > scroll_length: "+scroll_length);
	
	if(left_start < 0){
		document.getElementById("feat_prop_scroll").style.left = (left_start + 2) + "px";
		
//		window.alert("new_left: "+document.getElementById("feat_prop_scroll").style.left);
//		document.getElementById("left_coord").value="right: "+(left_start + 2) + "px";
		scroll_right_timer = window.setTimeout("scroll_right()",20);
	}		
}

function scroll_left(){
	var scroll_obj = document.getElementById("feat_prop_scroll");
	var left_start = scroll_obj.style.left.substring(0,scroll_obj.style.left.length - 2); // get current left value
//		window.alert("left_start: "+left_start+" > scroll_length: "+scroll_length);
	if(left_start > scroll_length){	
		document.getElementById("feat_prop_scroll").style.left = (left_start - 1) + "px";
//		document.getElementById("left_coord").value="left: "+(left_start - 1) + "px";
		scroll_left_timer = window.setTimeout("scroll_left()",10);
	}
}		

function stop_right(){
	clearTimeout(scroll_right_timer);
}

function stop_left(){
	clearTimeout(scroll_left_timer);
}


function draw_featured(){
	var prop_string;
	var num_props = home_props.length;
	if(num_props == 0){
	 // if no properties, don't display anything
	}else{
		scroll_length = -((num_props * 282) - 846);
		prop_string = "<style type='text/css'> #feat_prop_scroll {width:"+(num_props * 282)+"px;}</style>";
		for(var p=0;p < num_props;p++){
			prop_string = prop_string +  "<div class='feat_prop'><table cellpadding='0' cellspacing='0' border='0'><tr><td style='width:8px; height:8px;'><img src='images/home/feat_border-top-left.gif' width='8' height='8' alt='' border='0'></td>";
			prop_string = prop_string +  "<td style='background-image:url(images/home/feat_border-top.gif);' ></td><td style='width:8px; height:8px;'><img src='images/home/feat_border-top-right.gif' width='8' height='8' alt='' border='0'></td></tr>";
			prop_string = prop_string +  "<tr><td style='background-image:url(images/home/feat_border-left.gif);' ></td><td style='height:173px;'><a href='detail.asp?id="+home_props[p]["id"]+"'><img src='";
			prop_string = prop_string +  home_props[p]["img"];
			prop_string = prop_string +  "' height='173' alt='";
			prop_string = prop_string +  p + " - "+home_props[p]["city"]+ " " +home_props[p]["desc"];
			prop_string = prop_string +  "' border='0'></a></td><td style='background-image:url(images/home/feat_border-right.gif);' ></td></tr>";
			prop_string = prop_string +  "<tr><td style='width:8px; height:8px;'><img src='images/home/feat_border-bot-left.gif' width='8' height='8' alt='' border='0'></td><td style='background-image:url(images/home/feat_border-bot.gif);' ></td>";
			prop_string = prop_string +  "<td style='width:8px; height:8px;'><img src='images/home/feat_border-bot-right.gif' width='8' height='8' alt='' border='0'></td></tr></table>";
			prop_string = prop_string +  "<div class='info'>"+home_props[p]["city"]+ "<br />"+home_props[p]["desc"]+"</div>";
			prop_string = prop_string +  "<div class='details'>"+home_props[p]["rent"]+ "<br /><a href='detail.asp?id="+home_props[p]["id"]+"'>View details</a></div>";
			prop_string = prop_string +  "<div class='clear'></div></div>";
		}
		document.write(prop_string);
	}
}