// JavaScript Document

// Redimensionnement de la fenetre
function resizeEvent() {
	var nWidth = parseInt(document.documentElement.clientWidth);
	var nHeight = parseInt(document.documentElement.clientHeight);
	$("menu").setStyle("height", (nHeight - 128));
	$("trame").setStyle("height", (nHeight - 124));
	$("trame").setStyle("width", (nWidth - 16));
	$("bordure").setStyle("height", (nHeight - 124));
	$("bordure").setStyle("width", (nWidth - 16));
	$("contenu").setStyle("height", (nHeight - 128));
	$("contenu").setStyle("width", (nWidth - 191));
	$("cont_texte").setStyle("width", Math.min(800, (nWidth - 218)));
	$('contenu').setStyle("left", 180);
	$('menu').setStyle("left", 9);
	$('trame').setStyle("left", 7);
	$('bordure').setStyle("left", 5);
	$('logoMp').setStyle("left", 0);
}

// Maj images du menu
var menuActif = $('menu_accueil');
function majImgmenu() {
	$('menu_accueil').set('src', "images/icones/accueil" + (menuActif==$('menu_accueil')?"_h":"") + ".png");
	$('menu_societe').set('src', "images/icones/societe" + (menuActif==$('menu_societe')?"_h":"") + ".png");
	$('menu_prestas').set('src', "images/icones/prestas" + (menuActif==$('menu_prestas')?"_h":"") + ".png");
	$('menu_contact').set('src', "images/icones/contact" + (menuActif==$('menu_contact')?"_h":"") + ".png");
}

// Changement de la couleur de fond
var timerCouleur = null;
var couleurs = new Array(10);
couleurs[0] = "#336699";
couleurs[1] = "#339999";
couleurs[2] = "#666666";
couleurs[3] = "#663366";
couleurs[4] = "#663333";
couleurs[5] = "#666633";
couleurs[6] = "#996633";
couleurs[7] = "#999933";
couleurs[8] = "#996633";
couleurs[9] = "#669966";
var curCouleur = 0;
function majCouleur(rapide) {
	curCouleur++;
	if (curCouleur > 9) curCouleur = 0;
	if (rapide)
		$(document.body).set('tween', {duration: 500});
	else
		$(document.body).set('tween', {duration: 9500});
	$(document.body).tween('background-color', couleurs[curCouleur]);
}

// Favoris
function favoris() {
	if (Browser.Engine.trident4) 
		window.external.AddFavorite("http://www.mightyprods.com", "Mighty Productions"); 
	else 
		window.sidebar.addPanel("Mighty Productions", "http://www.mightyprods.com",""); 
}

// Créer un accordion
function creerAccordion() {
	var myAccordion = new Accordion($("accordion"), "div.news_titre", "div.news_content", {
		opacity: false,
		onActive: function(toggler, element) {
			toggler.setStyle("color", "#FF9900");
		},
		onBackground: function(toggler, element){
			toggler.setStyle("color", "#C0C0C0");
		}
	});
}

// Gestion du form contact
function validContact() {
	if ($('origine').get("value") == "" || $('origine').get("value") == "Entrez votre nom ici") {
		$('origine').set("value", "Entrez votre nom ici");
		$('origine').tween('background-color', '#FF8080', '#FFFFFF');
		$('origine').select();
		$('origine').focus();
	} else if ($('nature').get("value") == "" || $('nature').get("value") == "Entrez la nature du projet ici") {
		$('nature').set("value", "Entrez la nature du projet ici");
		$('nature').tween('background-color', '#FF8080', '#FFFFFF');
		$('nature').select();
		$('nature').focus();
	} else if ($('message').get("value") == "" || $('message').get("value") == "Entrez votre message ici") {
		$('message').set("value", "Entrez votre message ici");
		$('message').tween('background-color', '#FF8080', '#FFFFFF');
		$('message').select();
		$('message').focus();
	
	// Envoi du mail
	} else {
		$('origine').set('disabled', 1);
		$('nature').set('disabled', 1);
		$('message').set('disabled', 1);
		
		var trtRequest = new Request( {
			method: 'get', 
			url: 'actions.php', 
			onSuccess: function(retourAction) {
				if (retourAction == "")
					$('form_contact').set('html', '<table><tr><td style="width: 100px; height: 24px;">Destinataire</td>' +
							'<td style="width: 300px;"><a href="mailto:mightyprods@gmail.com">mightyprods@gmail.com</a></td></tr>' +
							'<tr><td colspan="2"><i>Message exp&eacute;di&eacute; !</i></td></tr></table>');
				else
					$('form_contact').set('html', '<table><tr><td style="width: 100px; height: 24px;">Destinataire</td>' +
							'<td style="width: 300px;"><a href="mailto:mightyprods@gmail.com">mightyprods@gmail.com</a></td></tr>' +
							'<tr><td colspan="2"><i>Erreur lors de l\'expédition du message, réessayer ultérieurement...<br /><br />' + 
							'(' + retourAction + ')</i></td></tr></table>');
			}
		});
		trtRequest.send('trt=sendmail&origine=' + $('origine').get("value") + 
				'&nature=' + $('nature').get("value") + '&message=' + $('message').get("value"));
	}
}


// ------------------------------------
// 				mooTools
// ------------------------------------
window.addEvent('domready', function() {

	// ------------------------------------
	// General

	// Styles
	$('trame').setStyle('opacity', 0.5);
	
	// Resize
	$(window).addEvent('resize', function() { resizeEvent(); });	
	resizeEvent();
	
	// Changement couleur toutes les 10 secs
	majCouleur();
	timerCouleur = setInterval('majCouleur();', 10000);
	
	// Outils
	$('btnAjuste').addEvent('click', function(e) {
		var nWidth = parseInt($('cont_texte').getStyle("width"));
		var nLeft = (parseInt(document.documentElement.clientWidth) / 2) - ((nWidth + 206) / 2);
		$('contenu').morph({width: nWidth + 25, left: nLeft + 175});
		$('trame').morph({width: nWidth + 200, left: nLeft + 2});
		$('bordure').morph({width: nWidth + 200, left: nLeft});
		$('logoMp').morph({left: (parseInt(document.documentElement.clientWidth) / 2) - 300});
		$('menu').morph({left: nLeft + 4});
	});
	$('btnPlein').addEvent('click', function(e) {
		var nWidth = parseInt(document.documentElement.clientWidth);
		$('contenu').morph({width: nWidth - 191, left: 180});
		$('trame').morph({width: nWidth - 16, left: 7});
		$('bordure').morph({width: nWidth - 16, left: 5});
		$('logoMp').morph({left: 0});
		$('menu').morph({left: 9});
	});

	// ------------------------------------
	// Gestion des menus
 
	// Scroll vers les sous menus	
	var cntScroll = new Fx.Scroll('contenu', {
		wait: false,
		duration: 1000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Sine.easeInOut
	});

	// Requete contenu + gestion du fondu
	var cntFade = new Fx.Tween('cont_texte', {property:'opacity'});
	var objRequest = new Request( {
		method: 'get', 
		url: 'actions.php', 
		onSuccess: function(retourAction) {
			cntFade.start(1,0).chain(function() { 
				cntScroll.set(0, 0); 
				$('cont_texte').set('html', retourAction); 
				creerAccordion();
				cntScroll.set(0, 0); 
				$$('img.mooZoom').setStyle('cursor', 'pointer').slimbox(		
					{counterText: "Image {x} sur {y}"}, function(el) { return [el.src, el.alt]; 
				});
				this.start(0,1);
			});
		}
	});
	objRequest.send('get=' + affsec); 		// Page par défaut
	$('menu_' + affsec).set('src', "images/icones/" + affsec + "_h.png");

	// Accueil
	$('menu_accueil').addEvent('mouseenter', function(e) {
		$('menu_accueil').set("src", "images/icones/accueil_h.png");
	});
	$('menu_accueil').addEvent('mouseleave', function(e) {
		if (menuActif != $('menu_accueil')) 
			$('menu_accueil').set("src", "images/icones/accueil.png");
	});
	$('menu_accueil').addEvent('click', function(e) {
		e.stop();
		if (menuActif != $('menu_accueil')) {
			menuActif = $('menu_accueil');
			majImgmenu();
			sm1Slide.slideOut().chain(function() {
				sm2Slide.slideOut().chain(function() {
					objRequest.send('get=accueil');
				});
			});
		}
	});
	
	// Société
	var sm1Slide = new Fx.Slide('sm_societe', {duration: 500, transition: Fx.Transitions.Sine.easeInOut}).hide().slideOut();
	$('menu_societe').addEvent('mouseenter', function(e) {
		$('menu_societe').set("src", "images/icones/societe_h.png");
	});
	$('menu_societe').addEvent('mouseleave', function(e) {
		if (menuActif != $('menu_societe')) {
			$('menu_societe').set("src", "images/icones/societe.png");
		}
	});
	$('menu_societe').addEvent('click', function(e) {
		e.stop();
		if (menuActif != $('menu_societe')) {
			menuActif = $('menu_societe');
			majImgmenu();
			sm2Slide.slideOut().chain(function() {
				sm1Slide.slideIn().chain(function() {
					objRequest.send('get=societe');
				});

			});
		}
	});
	$('sm_s1').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref11');
		$('ref11').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_s2').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref12');
		$('ref12').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_s3').addEvent('click', function(e){
		e.stop();
		cntScroll.toElement('ref13');
		$('ref13').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_s4').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref14');
		$('ref14').tween('color', '#FFAA33', '#FFFFFF');
	});

	// Prestations
	var sm2Slide = new Fx.Slide('sm_prestas', {duration: 500, transition: Fx.Transitions.Sine.easeInOut}).hide().slideOut();
	$('menu_prestas').addEvent('mouseenter', function(e) {
		$('menu_prestas').set("src", "images/icones/prestas_h.png");
	});
	$('menu_prestas').addEvent('mouseleave', function(e) {
		if (menuActif != $('menu_prestas')) {
			$('menu_prestas').set("src", "images/icones/prestas.png");
		}
	});
	$('menu_prestas').addEvent('click', function(e){
		e.stop();
		if (menuActif != $('menu_prestas')) {
			menuActif = $('menu_prestas');
			majImgmenu();
			sm1Slide.slideOut().chain(function() {
				sm2Slide.slideIn().chain(function() {
					objRequest.send('get=prestas');
				});
			});
		}
	});
	$('sm_p1').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref21');
		$('ref21').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_p2').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref22');
		$('ref22').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_p3').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref23');
		$('ref23').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_p4').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref24');
		$('ref24').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_p5').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref25');
		$('ref25').tween('color', '#FFAA33', '#FFFFFF');
	});
	$('sm_p6').addEvent('click', function(e) {
		e.stop();
		cntScroll.toElement('ref26');
		$('ref26').tween('color', '#FFAA33', '#FFFFFF');
	});
	
	// Contact
	$('menu_contact').addEvent('mouseenter', function(e) {
		$('menu_contact').set("src", "images/icones/contact_h.png");
	});
	$('menu_contact').addEvent('mouseleave', function(e) {
		if (menuActif != $('menu_contact')) 
			$('menu_contact').set("src", "images/icones/contact.png");
	});
	$('menu_contact').addEvent('click', function(e) {
		e.stop();
		if (menuActif != $('menu_contact')) {
			menuActif = $('menu_contact');
			majImgmenu();
			sm1Slide.slideOut().chain(function() {
				sm2Slide.slideOut().chain(function() {
					objRequest.send('get=contact');
				});
			});
		}
	});
});