window.onload = init;

function init(){
	if(document.getElementById('musique')) addListener(document.getElementById('musique'), 'click', popupMusique);
	
	if(document.getElementById('grid'))
	{
		var miniature = document.getElementById('grid').getElementsByTagName('img');
		for(var i=0; i<miniature.length; i++){
			addListener(miniature[i], 'click', changeImg);
		}
	}
	
	if(document.getElementById('inscription')) addListener(document.getElementById('inscription'), 'click', formVisible);
	if(document.getElementById('form_annul')) addListener(document.getElementById('form_annul'), 'click', formInvisible);
	if(document.getElementById('form_retour')) addListener(document.getElementById('form_retour'), 'click', formInvisible);
	if(document.getElementById('video_retour')) addListener(document.getElementById('video_retour'), 'click', formInvisible);
	if(document.getElementById('link_videoF')) addListener(document.getElementById('link_videoF'), 'click', function(){ videoLaucher('videoF') });
	if(document.getElementById('link_videoH')) addListener(document.getElementById('link_videoH'), 'click', function(){ videoLaucher('videoH') });
	if(document.getElementById('link_videoC')) addListener(document.getElementById('link_videoC'), 'click', function(){ videoLaucher('videoC') });	
}

function addListener(element, type, expression, bubbling)
{
	bubbling = bubbling || false;
 
	if(window.addEventListener)	{ // Standard
		element.addEventListener(type, expression, bubbling);
		return true;
	} else if(window.attachEvent) { // IE
		element.attachEvent('on' + type, expression);
		return true;
	} else return false;
}

function changeImg(event){
	if(event.target) {
		var imagemin=event.target.src;
	}
	else
	{
		var imagemin=event.srcElement.src;
	}
	document.getElementById('image_big').src = imagemin;
}

function formVisible(){
	document.getElementById('form_contact').style.display = "block";
	document.getElementById('image_big').style.display = "none";
	document.getElementById('video_content').style.display = "none";
}

function formInvisible(){
	document.getElementById('form_contact').style.display = "none";
	document.getElementById('image_big').style.display = "inline";
	document.getElementById('video_content').style.display = "none";
}

function videoLaucher(video){
	document.getElementById('video_content').style.display = "block";
	videop = document.getElementById('video_content').getElementsByTagName('p');
	for(var i=0; i<videop.length; i++)
	{
		videop[i].style.display = "none";	
	}
	document.getElementById(video).style.display = "block";
	document.getElementById('image_big').style.display = "none";
	document.getElementById('form_contact').style.display = "none";
}

function formVerif(){
	
	var verif = document.getElementById('form_champs').getElementsByTagName('input');
	var faux = 0;
	for(var i=0; i<verif.length; i++){
		if(verif[i].value == ""){
			verif[i].style.border = 2+"px red solid";
			faux = 1;
		}
		else {
			verif[i].style.border = "none";
		}
		
	}
	if (document.fmail.mail.value.search(/^[a-z0-9._-]+[^._-]@[a-z0-9._-]+([a-z0-9]+[^._-])?[.-]+[a-z0-9]{2,4}$/) == -1){
		document.fmail.mail.style.border = 2+"px red solid";
		faux = 1;
	}
	if (faux == 1)
	{
			return false;
	}
}

function popupMusique(){
	popup = window.open('./sound.php', 'musique', 'resizable=no, location=no, width=200, height=100, menubar=no, status=no, scrollbars=no, menubar=no');
	popup.blur()
	window.focus();
}