var slideIndex = 0;


$(document).ready(function() {
	
	$('#welcome').click(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	$('#welcome').mouseover(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	
	$('#welcome').mouseleave(function() {
		$(this).children('.overlay').animate({left : '635px'}, 250);
	});
	//bottom wide
	$('#bottom_wide').click(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	$('#bottom_wide').mouseover(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	
	$('#bottom_wide').mouseleave(function() {
		$(this).children('.overlay').animate({left : '440px'}, 250);
	});
	//Bottom Narrow
	$('#bottom_narrow').click(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	$('#bottom_narrow').mouseover(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	
	$('#bottom_narrow').mouseleave(function() {
		$(this).children('.overlay').animate({left : '440px'}, 250);
	});
	//Vertical Tile
	$('#rightvert').click(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	$('#rightvert').mouseover(function() {
		$(this).children('.overlay').animate({left : '3px'}, 250);
	});
	
	$('#rightvert').mouseleave(function() {
		$(this).children('.overlay').animate({left : '160px'}, 250);
	});
	
	$('#residents_btn').toggle(function(){
		$('#residents_content').slideDown(750);
	}, 
		function() {
		$('#residents_content').slideUp(500);
	});
	
	$('.slide_right_btn').click(function() {
		if(slideIndex < 4) {
			slideIndex++;
			} else {
				slideIndex = 0;
			}
		$('.slideitems').animate({left : slideIndex * -910+ 'px' }, 750);
	});
	
	$('.slide_left_btn').click(function() {
		if(slideIndex > 0) {
			slideIndex--;
			} else {
				slideIndex = 0;
			}
		$('.slideitems').animate({left : slideIndex * -910+ 'px' }, 750);
	});
	
});