// Residence Tabs 
$(document).ready(function(){
	var index = 0;
	//Tabs 
	$("#tabs li a").click(function (){	
		$(".panel").css("display","none");
		var panelChoice = this.href.split("#");
		$("#"+panelChoice[1]).css("display","block");
		
		for(i=0;i<$("#tabs li a").length;i++){if($("#tabs li a")[i].href == this.href){index = i;} }
		$("#tabs li").removeClass("selected"); 
		$("#tabs li")[index].className += "selected";	
		return false;
	});
	
	//Unit Gallery 
	$(".images .gallery a").click(function (){	
		//switch featured image from correct panel
		for(i=0;i<$(".panel").length;i++){
			for(e=0;e<$(".panel:eq("+i+") .images .gallery a").length;e++){
				if($(".panel:eq("+i+") .images .gallery a")[e].id == this.id)
				{	index=i;	}
			}
		}
		$(".images .gallery img")[index].src = this.href;
		//Change selected thumb
		$(".panel:eq("+index+") .images .gallery a").removeClass("selected"); 
		this.className += "selected";
		return false;
	});
	
	//Avaialble Units pop-up
	$(".availableUnits").click(function () {
		openPop();	
		return false;
	});
});


function openPop() {
	$("#pnlContent").append("<div id='availablePop'><img class='pngpic' src='/media/images/av_tbg.png' height='506px' width='915px' /><a href='' class='closeButton'>Close</a></div>");
	$(".closeButton").click(function () {
		$("#availablePop").remove();	
		return false;
	});
}