function showImage(photoObject) {
	$("#headerimg").css({"background-image" : "url(images/" + photoObject.image + ")"});
};

function hide_jaguar(){
	$("#jaguar_info").css('visibility', 'hidden');
	$("#jaguar").css('visibility', 'visible');
}

function show_jaguar(){
	$('#jaguar_info').css('visibility', 'visible');
	$('#jaguar').css('visibility', 'hidden');
	showImage(photos[1]);
}

function hide_land(){
	$("#land_info").css('visibility', 'hidden');
	$("#landrover").css('visibility', 'visible');
}

function show_land(){
	$("#land_info").css('visibility', 'visible');
	$("#landrover").css('visibility', 'hidden');
	showImage(photos[2]);
}

function hide_range(){
	$("#range_info").css('visibility', 'hidden');
	$("#rangerover").css('visibility', 'visible');
}

function show_range(){
	$("#range_info").css('visibility', 'visible');
	$("#rangerover").css('visibility', 'hidden');
	showImage(photos[3]);
}


// Variable to store the images we need to set as background
// which also includes some text and url's.
var photos = [
	{"title" : "Home", "image" : "first.jpg",},
	{"title" : "Jaguar", "image" : "jaguar.jpg",},
	{"title" : "Land Rover", "image" : "land.jpg",},
	{"title" : "Range Rover", "image" : "range.jpg",}
];



$(document).ready(function() {
	showImage(photos[0]);
});