// preload  images

if ( document.images ) {

galImage1= new Image(363,242) // image width and height (xx,yy)
galImage1.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-1.jpg" // change to final url ( ex: http://www.yourdomain.com/images/imagename

galImage2= new Image(363,242)
galImage2.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-2.jpg"

galImage3= new Image(363,242)
galImage3.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-3.jpg"

galImage4= new Image(363,242)
galImage4.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-4.jpg"

galImage5= new Image(363,242)
galImage5.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-5.jpg"

galImage6= new Image(363,242)
galImage6.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-6.jpg"

galImage6= new Image(363,242)
galImage6.src = "http://www.loghouseinn.com/images/our_inn_pics/bed-7.jpg"

galImage7= new Image(363,242)
galImage7.src = "http://www.loghouseinn.com/images/our_inn_pics/DSC02087-hot-tub.jpg"

galImage8= new Image(363,242)
galImage8.src = "http://www.loghouseinn.com/images/our_inn_pics/living-area-010.jpg"

galImage9= new Image(363,242)
galImage9.src = "http://www.loghouseinn.com/images/our_inn_pics/living-area.jpg"

	}

// gallery 


function changeImg (id) {
	var main = document.getElementById(id);
	var mainImg = document.getElementById('mainImg');
	var roomInfo = document.getElementById('roomInfo');
	
	switch (id) {
	
		
		case "images/our_inn_pics/DSC02087-hot-tub.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('HotTub').innerHTML;
			document.getElementById('img10').style.display = "none";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
		
		case "images/our_inn_pics/bed-2.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('QueenTwin').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "none";
			document.getElementById('img1').style.display = "block";
			break
			
		
		case "images/our_inn_pics/bed-3.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('DoubleSleighBedroom').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "none";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
		case "images/our_inn_pics/bed-4.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('KingSleighBedroom').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "none";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
			
		case "images/our_inn_pics/bed-6.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('DoubleSleighBedroom0').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "none";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
			
		case "images/our_inn_pics/bed-1.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('QueenSleighBedroom1').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "none";
			break
			
			
		case "images/our_inn_pics/bed-7.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('QueenSleighBedroom2').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "none";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
		
		case "images/our_inn_pics/bed-5.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('QueenTwinSleigh').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "none";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
			
		case "images/our_inn_pics/living-area-010.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('KitchenDiningArea').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "block";
			document.getElementById('img8').style.display = "none";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
			
		case "images/our_inn_pics/living-area.jpg":
			mainImg.src = id;
			roomInfo.innerHTML = document.getElementById('LivingRoom').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "none";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
			break
			
		default:
			mainImg.src = "./images/our_inn_pics/DSC02087-hot-tub.jpg";
			roomInfo.innerHTML = document.getElementById('LivingRoom').innerHTML;
			document.getElementById('img10').style.display = "block";
			document.getElementById('img9').style.display = "none";
			document.getElementById('img8').style.display = "block";
			document.getElementById('img7').style.display = "block";
			document.getElementById('img6').style.display = "block";
			document.getElementById('img5').style.display = "block";
			document.getElementById('img4').style.display = "block";
			document.getElementById('img3').style.display = "block";
			document.getElementById('img2').style.display = "block";
			document.getElementById('img1').style.display = "block";
	
		}
	
	}
	
function blurthis (id) {
	//document.getElementById(id).style.borderColor = "#212121";
	//document.getElementById(id).style.borderWidth = "2px";
	//document.getElementById(id).style.borderStyle = "solid";
	//document.getElementById(id).style.margin = "2px";
	
	document.getElementById(id).style.opacity = ".90";
	document.getElementById(id).style.filter = "alpha(opacity=90)";
	document.getElementById(id).style.borderBottom ="#333333 2px solid";
	document.getElementById(id).style.borderTop ="#333333 2px solid";
	}
	
function unblur (id) {
	//document.getElementById(id).style.border = "none";
	//document.getElementById(id).style.margin = "4px";
	
	document.getElementById(id).style.opacity = "1.0";
	document.getElementById(id).style.filter = "alpha(opacity=100)";
	document.getElementById(id).style.border ="none";
	}