// JavaScript Document

var subMenu = null;

function studio() {
	if (subMenu.style.display=='none') {
		subMenu.style.display = 'inline';
	} else {
		subMenu.style.display = 'none';
	}
}

function preload() {
	var preloadAccueil = document.createElement('img');
	preloadAccueil.setAttribute('src', 'images/menu/accueil_hover.jpg');

	var preloadStudio = document.createElement('img');
	preloadStudio.setAttribute('src', 'images/menu/studio_hover.jpg');

	var preloadLeParc = document.createElement('img');
	preloadLeParc.setAttribute('src', 'images/menu/le_parc_hover.jpg');

	var preloadServices = document.createElement('img');
	preloadServices.setAttribute('src', 'images/menu/services_hover.jpg');

	var preloadSituation = document.createElement('img');
	preloadSituation.setAttribute('src', 'images/menu/situation_hover.jpg');

	var preloadContact = document.createElement('img');
	preloadContact.setAttribute('src', 'images/menu/contact_hover.jpg');

	var preloadChambre = document.createElement('img');
	preloadChambre.setAttribute('src', 'images/menu/chambre_hover.jpg');

	var preloadBungalow = document.createElement('img');
	preloadBungalow.setAttribute('src', 'images/menu/bungalow_hover.jpg');

	var preloadDuplex = document.createElement('img');
	preloadDuplex.setAttribute('src', 'images/menu/duplex_hover.jpg');
}

var activated = false;

window.onload = function() {
	preload();

	subMenu = document.getElementById('niveau_2');
	if (activated) {
    	subMenu.style.display = 'block';
	} else {
    	subMenu.style.display = 'none';
	}

	var preview = document.getElementById('preview');
	var preview_default = preview.getAttribute('src');
	var thumb1 = document.getElementById('thumb_1');
	thumb1.onmouseover = function() {
		preview.setAttribute('src', thumb1.getAttribute('src'));
	}
	thumb1.onmouseout = function() {
		preview.setAttribute('src', preview_default);
	}
	thumb1.onclick = function() {
		preview_default = thumb1.getAttribute('src');
		preview.setAttribute('src', thumb1.getAttribute('src'));
		return false;
	}

	var thumb2 = document.getElementById('thumb_2');
	thumb2.onmouseover = function() {
		preview.setAttribute('src', thumb2.getAttribute('src'));
	}
	thumb2.onmouseout = function() {
		preview.setAttribute('src', preview_default);
	}
	thumb2.onclick = function() {
		preview_default = thumb2.getAttribute('src');
		preview.setAttribute('src', thumb2.getAttribute('src'));
		return false;
	}

	var thumb3 = document.getElementById('thumb_3');
	thumb3.onmouseover = function() {
		preview.setAttribute('src', thumb3.getAttribute('src'));
	}
	thumb3.onmouseout = function() {
		preview.setAttribute('src', preview_default);
	}
	thumb3.onclick = function() {
		preview_default = thumb3.getAttribute('src');
		preview.setAttribute('src', thumb3.getAttribute('src'));
		return false;
	}

	var thumb4 = document.getElementById('thumb_4');
	thumb4.onmouseover = function() {
		preview.setAttribute('src', thumb4.getAttribute('src'));
	}
	thumb4.onmouseout = function() {
		preview.setAttribute('src', preview_default);
	}
	thumb4.onclick = function() {
		preview_default = thumb4.getAttribute('src');
		preview.setAttribute('src', thumb4.getAttribute('src'));
		return false;
	}
}