var total_thumbs
var total_rows
var available_rows_down
var available_rows_up
$(document).ready(function() {
	total_thumbs = $(".thumbs img").size()
	total_rows = Math.round(total_thumbs/3)
$(".thumbs").css("marginTop",0)
	$(".thumbs img").mouseover(function(){
		$(this).addClass("hover")
	})
	$(".thumbs img").mouseout(function(){
		if (!$(this).hasClass("selected")){
			$(this).removeClass("hover")
		}
	})
	$('.photo_album .loading').slideUp("fast");
	
	$(".property2").load(function(){
		$('.photo_album .loading').slideUp("fast");
});
	$(".thumbs img").click(function(){
		 expand_album()
		$(".photo_album .loading").slideDown("fast");
		
		$('.thumbs img.selected').removeClass("selected").removeClass("hover")
		$(this).addClass("selected")
		$(".property2").attr("src", $(this).attr("src").replace('/82/','/444/'));
		
		available_rows_down = total_rows - ($(".thumbs").css("marginTop").replace("px", "").replace("-","")/69)
		available_rows_up = $(".thumbs").css("marginTop").replace("px", "").replace("-","")/69
		
		if ($(this).hasClass('row4')){
		 	if (available_rows_down-4>1){
				$(".thumbs").animate({ marginTop: "-=69px" }, function(){
					organise_rows()
				})
			}
		}
		if ($(this).hasClass('row5')){
			if (available_rows_down-5>1){
			$(".thumbs").animate({ marginTop: "-=138px" }, function(){
			organise_rows()	
			})
			}else if(available_rows_down-5==1){
				$(".thumbs").animate({ marginTop: "-=69px" }, function(){
				organise_rows()
			})
		}
		}
		
		if ($(this).hasClass('row2')){
			
		 	if (available_rows_up>=1){
				$(".thumbs").animate({ marginTop: "+=69px" }, function(){
					organise_rows()
				})
			}
		}
		if ($(this).hasClass('row1')){
			if (available_rows_up>1){
			$(".thumbs").animate({ marginTop: "+=138px" }, function(){
			organise_rows()	
			})
			}else if(available_rows_up==1){
				$(".thumbs").animate({ marginTop: "+=69px" }, function(){
				organise_rows()
			})
		}
		}
		
	})
	$(".property:not(.sold)").click(function(){
		 expand_album()
	})
	$('.map_options li').click(function(){
		if ($(this).html()=="Street View"){
			$('.map_options li.selected').removeClass("selected")
			$(this).addClass("selected")
			$("#map_view").hide()
			$("#street_view").show()
			
		}else{
			$('.map_options li.selected').removeClass("selected")
			$(this).addClass("selected")
			$("#map_view").show()
			$("#street_view").hide()
		}
	})
	setTimeout("hideMap()",2000)

});
var expanded = false;
function hideMap(){
	$("#map_view").hide()
//	alert('d')
}
function organise_rows(){
	var count=0;
	var row_count=1;
	var first_count=1;
	var top = $(".thumbs").css("marginTop").replace("px", "").replace("-","")/69;
	
	$(".row1").removeClass("row1")
	$('.row2').removeClass("row2")
	$('.row3').removeClass("row3")
	$('.row4').removeClass("row4")
	$('.row5').removeClass("row5")
	
	$('.thumbs img').each(function(el){
		

		if (first_count > (top)*3 && row_count<6){
			count++;
			$(this).addClass("row"+row_count)
			if (count==3){
				count=0;
				row_count++;
			}
		
		}
		first_count++
	})
					
}
function expand_album(){
	if (!expanded){
		expanded=true;
		$(".thumbs").fadeOut("fast");
		$(".photo_album").animate({ 
			width: "755px", paddingLeft: 0
		}, 800, function(){
			$(".thumbs").css("width", "275px")
			$(".thumbs").css("paddingLeft", "0")
			$(".thumbs").fadeIn("fast")
			$(".thumbs img").animate({ 
				width: "82px", height:"61px"
				}, 100);
			$(".thumbs").animate({
				height:"5000px"
				}, 100)
			$(".photo_album .property").animate({ 
				width: "444px", opacity: 0
				}, 800 );
			$(".property2").fadeIn()
		})
	}
}