// function to swap homepage stuff
function changeImage(val) {
	
	// define image root
	var imageURL = "assets/images/";
	var alt = "";
	
	// hide search layers by default
	document.getElementById('campingSearch').style.display = 'none'; 
	document.getElementById('cottageSearch').style.display = 'none'; 
	document.getElementById('bandbSearch').style.display = 'none'; 
	document.getElementById('hotelSearch').style.display = 'none'; 
	document.getElementById('introText').style.display = 'none'; 

	// now show whatever depending on what is searched
	if (val == 1) {
		imageURL = imageURL + "ysb-camping-image.jpg";
		alt = "Your Camping Break";
		document.getElementById('campingSearch').style.display = 'block'; 
	}
	else if (val == 2) {
		imageURL = imageURL + "ysb-cottage-image.jpg";
		alt = "Your Cottage Break";
		document.getElementById('cottageSearch').style.display = 'block'; 
	}
	else if (val == 3) {
		imageURL = imageURL + "ysb-bandb-image.jpg";
		alt = "Your Bed and Breakfast Break";
		document.getElementById('bandbSearch').style.display = 'block'; 
	}
	else if (val == 4) {
		imageURL = imageURL + "ysb-hotel-image.jpg";
		alt = "Your Luxury Break";
		document.getElementById('hotelSearch').style.display = 'block'; 
	}
	else {
	    var randomnumber=Math.floor(Math.random()*101);
	    if (randomnumber>=50) {
		imageURL = imageURL + "ysb-opening-image.jpg";
		} else {
		imageURL = imageURL + "ysb-opening-image2.jpg";
		}
		alt = "Your Short Break";
		document.getElementById('introText').style.display = 'block'; 
	}

	document.getElementById('mainImage').src = imageURL;
	document.getElementById('mainImage').alt = alt;
}