window.onload=init;
var count = 0;
function init() {
	
	$("#home").mousedown(function() {
		window.location = "index.html";
	});
	
	$("#pd").mousedown(function() {
		window.location = "pd.html";
	});
	
	$("#pl").mousedown(function() {
		window.location = "pl.html";
	});
	
	$("#bp").mousedown(function() {
		window.location = "bp.html";
	});
	
	$("#ci").mousedown(function() {
		window.location = "ci.html";
	});
	
	$("#home").mouseover(function() {
		$(this).css({
			'background-color': '#069'
		});
	}
	); 
	
	$("#home").mouseout(function() {
		$(this).css({
			'background-color': '#069'
		});
	}
	); 
	
	$("#bp").mouseover(function() {
		$(this).css({
			'background-color': 'green'
		});
	}
	); 
	
	$("#bp").mouseout(function() {
		$(this).css({
			'background-color': '#069'
		});
	}
	); 
	
	$("#pl").mouseover(function() {
		$(this).css({
			'background-color': 'orange'
		});
	}
	); 
	
	$("#pl").mouseout(function() {
		$(this).css({
			'background-color': '#069'
		});
	}
	); 
	
	$("#pd").mouseover(function() {
		$(this).css({
			'background-color': '#60F'
		});
	}
	); 
	
	$("#pd").mouseout(function() {
		$(this).css({
			'background-color': '#069'
		});
	}
	); 
	
	$("#ci").mouseover(function() {
		$(this).css({
			'background-color': 'black'
		});
	}
	); 
	
	$("#ci").mouseout(function() {
		$(this).css({
			'background-color': '#069'
		});
	}
	); 
	
}

function slideShow(count) {
	count = count%3;
	switch(count) {
		case 0:
			$("#super").attr("src", "img/Manhattan.jpg");
			break;
		case 1:
			$("#super").attr("src", "img/Bryant_Park.jpg");
			break;
		case 2:
			$("#super").attr("src", "img/Grand_Central.jpg");
			break;		

	}
	count++;
	slideShow(count);
}