$(document).ready(function(){
		//DEFAULT TO THE FIRST PROPERTY
		infoupdates(1);
		//ON CLICK AND MOUSE OVERS, UPDATE INFO AREA
		$('.prop').click(function(){infoupdates($(this).attr('num'))});
		$('.property-list li').click(function(){infoupdates($(this).attr('num'))});
	});
	function infoupdates(num){
		var $dot = $('#dot-'+num);
		var $list = $('#li-'+num);
		//REMOVE OTHER BIG DOTS
		if(!$dot.hasClass('dot-on')){
			$('.dot-on').find("img").animate({
				left: "0px",
				top: "0px",
				width: "12px",
				height: "12px"
			});
			$('.dot-on').removeClass('dot-on');
			$dot.addClass('dot-on');
		}
		//GROW THE IMAGE
		$dot.find("img").animate({
			left: "-4px",
			top: "-4px",
			width: "20px",
			height: "20px"
		});
		//SET THE PROPERTY INFO BOX
		var image = '<img src="images/properties/'+num+'.jpg" />';
		$(".moreinfo-img").html(image);
		$(".moreinfo-title").html($list.html());
		$(".moreinfo-text").html($list.attr('description'));
	}