// JavaScript Document index.js

// Load Images 
var bg1 = new Image();
bg1.src = '../img/diagonals_light.png';
var stopOut = new Image();
stopOut.src = '../img/stop_out.gif';
var stopOver = new Image();
stopOver.src = '../img/stop_over.gif';
var playOver = new Image();
playOver.src = '../img/play_over.gif';
var bg_hover = new Image();
bg_hover.src = '../img/plan_over.jpg';

// Setup Main Accordion
function initPage() {
	var Accordion1 = new Spry.Widget.Accordion('Accordion1', {duration:800, fps:60, fixedPanelHeight:false});
	hideAllMedia();
	hideAllServiceNodes();
	randomBackground();
	hideStopButton();
	readyListeners();
	var selectors = $$('.MediaSelector')
	for(var i=0;i<selectors.length;i++) {
		readyMediaClick(i);
	}
	var selectors = $$('.ServiceSelector')
	for(var i=0;i<selectors.length;i++) {
		readyServiceClick(i);
	}
	var selectors = $$('.MediaPlayButton')
	for(var i=0;i<selectors.length;i++) {
		readyMusicClick(i);
	}
	var mask = $('mask');
	mask.fade({ duration: 1.0});
	setTimeout('$(\'pageBody\').setStyle({overflow: \'auto\'})', 1200);
}

// Accueil Random BG
function randomBackground() {
	var num = Math.floor(Math.random()*5);
	var imgFile = 'img/random' + num + '.jpg';
	$('accueilRandHolder').setStyle({ backgroundImage : 'url(' + imgFile + ')' });
}

// Hide Divs
function hideAllMedia() {
	$$('.MediaPanelContent').each( function(item){ 
		item.hide();
	});
}
function hideAllServiceNodes() {
	$$('.ServiceNodeRight').each( function(item){ 
		item.hide();
	});
}
function hideServicePanels() {
	$$('.SevicePanelContent').each( function(item){
		item.hide();
	});
}



function playClick(n) {
	
	resetMusic();
	
	var avantButton = 'avant' + n;
	var apresButton = 'apres' + n;
	var stopButton = 'stop' + n;
	var playButton = 'play' + n;
	var playerAvant = 'playerAvant' + n;
	var playerApres = 'playerApres' + n;
	
	$(avantButton).setStyle({backgroundColor : '#243', color : '#fff', cursor : 'pointer'});
	$(apresButton).setStyle({cursor : 'pointer'})
	
	$(avantButton).observe('click', function(event) {
		avantClick(n);
	});
	
	$(apresButton).observe('click', function(event) {
		apresClick(n);
	});
	
	$(playButton).hide();
	$(stopButton).show();
	
	
	$(playerAvant).SetVariable('method:play', '');
    $(playerAvant).SetVariable('enabled', 'true');
	$(playerAvant).SetVariable("method:setVolume", 100);
	
	
	$(playerApres).SetVariable('method:play', '');
    $(playerApres).SetVariable('enabled', 'true');
	$(playerApres).SetVariable('method:setVolume', 0);
	
}

function onInit() {}
function onUpdate() {}

function stopClick(n) {
	resetMusic();	
}

function hideStopButton() {
	$$('.MediaStopButton').each( function(item) {
		item.hide();
	});
}

function avantClick(n) {
	var avantButton = 'avant' + n;
	var apresButton = 'apres' + n;
	var playerAvant = 'playerAvant' + n;
	var playerApres = 'playerApres' + n;
	$(avantButton).setStyle({backgroundColor:'#243', color : '#fff'});
	$(apresButton).setStyle({backgroundColor:'#222', color : '#555'});
	$(playerAvant).SetVariable("method:setVolume", 100);
	$(playerApres).SetVariable('method:setVolume', 0);
}
function apresClick(n) {
	var avantButton = 'avant' + n;
	var apresButton = 'apres' + n;
	var playerAvant = 'playerAvant' + n;
	var playerApres = 'playerApres' + n;
	$(avantButton).setStyle({backgroundColor:'#222', color : '#555'});
	$(apresButton).setStyle({backgroundColor:'#900', color : '#fff'});
	$(playerAvant).SetVariable('method:setVolume', 0);
	$(playerApres).SetVariable('method:setVolume', 100);

}

function readyMusicClick(ref) {
	
	var playButton = 'play' + ref;
	var stopButton = 'stop' + ref;
	
	$(playButton).observe('click', function(event) {
		playClick(ref);
	});
	
	$(stopButton).observe('click', function(event) {
		stopClick(ref);
	});
	
}

function resetMusic() {
	
	$$('.MediaPlay').each( function(item){
		item.setStyle({backgroundColor:'#222', color : '#555', cursor : 'default'});
		item.stopObserving();
	});
	$$('.MediaStopButton').each( function(item){
		item.hide();
	});
	$$('.MediaPlayButton').each( function(item){
		item.show();
	});
	$$('.MyPlayer').each( function(item){
		item.SetVariable('method:stop', '');
	});
	
}

// Init click handlers
function readyMediaClick(ref) {
	var mediaSelector = 'mediaSelect' + ref;
	var targetMediaDiv = 'mediaContent' + ref;
	$(mediaSelector).observe('click', function(event) {
		hideAllMedia();
		$(targetMediaDiv).appear({duration:0.5});
	});
}
function readyServiceClick(ref) {
	var serviceSelector = 'serviceSelect' + ref;
	var targetServiceDiv = 'serviceRightContent' + ref;
	$(serviceSelector).observe('click', function(event) {
		hideAllServiceNodes();
		$(targetServiceDiv).appear({duration:0.5});
	});
}

function readyListeners() {
	$('serviceSelectRec').observe('click', function(event) {
		hideServicePanels();
		hideAllServiceNodes();
		$('servicePanelRec').show();
		$('serviceRightContent0').appear({duration:0.8});
	});
	$('serviceSelectRepete').observe('click', function(event) {
		hideServicePanels();
		hideAllServiceNodes();
		$('servicePanelRepete').show();
		$('serviceRightContent5').appear({duration:0.8});
	});
	$('serviceSelectMobile').observe('click', function(event) {
		hideServicePanels();
		hideAllServiceNodes();
		$('servicePanelMobile').show();
		$('serviceRightContent9').appear({duration:0.8});
	});
	$('serviceSelectPost').observe('click', function(event) {
		hideServicePanels();
		hideAllServiceNodes();
		$('servicePanelPost').show();
		$('serviceRightContent13').appear({duration:0.8});
	});
	$('serviceSelectAutre').observe('click', function(event) {
		hideServicePanels();
		hideAllServiceNodes();
		$('servicePanelAutre').show();
		$('serviceRightContent19').appear({duration:0.8});
	});
	$('accueilMain').observe('click', function(event) {
		hideServicePanels();
		hideAllMedia();
		randomBackground();
	});
	$('serviceMain').observe('click', function(event) {
		hideServicePanels();
		hideAllMedia();
	});
	$('mediaMain').observe('click', function(event) {
		hideServicePanels();
		hideAllMedia();
	});
	$('contactMain').observe('click', function(event) {
		hideServicePanels();
		hideAllMedia();
		
	});
	//alert('click loaded');
}