// JavaScript Document



function init_page(page, rub) {
	
	_debug(false);
	
	switch (page) {
		
		case 'accueil' :
			D_HOME_visu = $('home-visu-top');
			HOME_init_ControleVisu();
			HOME_start_SlideVisu();
			break;
		
		case 'conseils_services'	:
			
			if (rub == 'faq') {
				init_faq(G_NBQRFAQ);
			}
			break;
		
		case 'colles' :
			if (rub == 'conseils_solutions') {
				init_menu_projets();
			}
			break;
		
		case 'video' :
			break;
		
		default :
			break;
		
	}
	
	DBG_alert('page : '+page+' / '+rub);
	
	
	HEADER_init_actionboutons(page);
	
	HEADER_init_zone_recherche();
	
	//URL_checkSelWord();
	
	
}


function URL_checkSelWord() {
	
	var myHash = window.location.hash;
	var myPosWord = String(myHash).indexOf('sel:');
	if (myPosWord >=1 ) {
		//
		//alert(String(window.location.hash).substring(5));
		var theword = String(window.location.hash).substring(5).split(",").join("|");
		//alert(theword);
		var thecont = $('contenu').get('html');
		var myReg = new RegExp("("+theword+")","g");
		thecont = thecont.replace(myReg,"<span class='searchResult'>$1</span>")
		$('contenu').set('html',thecont);
		//alert(thecont);
	}
	
	
	
}



/*******************************************************************
 *
 * Gestion des visuels de la home et du slideshow
 *
 *******************************************************************/
function HOME_changevisu(numvisu) {
	var dvisu = $('visuhome');
	
	var myFx = new Fx.Tween(dvisu,{
		duration:300,
		property:'opacity'
	});
	
	myFx.addEvents({
		'complete':function() {
			//alert(this.target.id);
			
			$('visuhome').set('src',V_HOME_descvisu[numvisu-1].img+'.jpg');
			$('home-texte1').set('html',V_HOME_descvisu[numvisu-1].t1);
			$('home-texte2').set('html',V_HOME_descvisu[numvisu-1].t2);
			this.removeEvents('complete');
			this.start(0,1);
			V_HOME_selvisu = numvisu;
		}
	});
	
	myFx.start(1,0);
	
	V_HOME_selvisu = numvisu;
}


function HOME_init_ControleVisu() {
	
	var zone = $('home-visu-control');
	
	for (var b=1; b<=V_NBVISUHOME; b++) {
		
		var bt = new Element('div',{
			'id':'btctrlvis'+b,
			'class':'ctrl-visu-bt',
			'events':{
				'click':function(e) {
					$('btctrlvis'+V_HOME_selvisu).removeClass('sel');
					HOME_start_SlideVisu();
					HOME_actionBtVisu(this.retrieve('idb'));
				}
			},
			'styles':{
				'left':((b-1)*20)+'px'
			}
		});
		
		bt.store('idb',b);
		if(b == 1) {
			bt.addClass('sel');
		}
		bt.inject(zone);
	}
}


function HOME_start_SlideVisu() {
	
	clearInterval(V_HOME_timervisu);
	
	V_HOME_timervisu = (function() {
		var newvisu = (V_HOME_selvisu == V_NBVISUHOME) ? 1 : V_HOME_selvisu + 1;
		$('btctrlvis'+V_HOME_selvisu).removeClass('sel');
		HOME_actionBtVisu(newvisu);
	}).periodical(10000);
	
}



function HOME_actionBtVisu(numbt) {
	
	HOME_changevisu(numbt);
	$('btctrlvis'+numbt).addClass('sel');
	
	
	
}


function HEADER_init_actionboutons(page) {
	
	var allbt = $$('ul.hdmenu-liste.left li');
	
	//alert((allbt['mhd-carrelages']))
	
	for (bt=0; bt<allbt.length; bt++) {
		var lebt = $(allbt[bt]);
		var rub = String(lebt.id).substring(4);
		lebt.store('rub',rub);
		if (rub == page) {
			
			lebt.store('sel','1');
			lebt.addClass('sel')
			
		}
		DBG_alert('init bt header : '+lebt.id);
		
		
		lebt.addEvents({
			'mouseenter':function(e) {
				// remplacer par 'click' pour ipad iphone etc...
				//alert(this.retrieve('rub'));
				//MENU_click(this.retrieve('rub'));
				var therub = this.retrieve('rub');
				if (V_SELRUB != therub) {
					
					this.addClass('sel');
					
					//if (therub != 'carrelages')
						BIGMENU_show(therub);
				} else {
					// on est déjà sur cette rubrique
					// on n'agit pas sur la rubrique
					DBG_alert('on est déjà sur '+this.retrieve('rub'));
				}
			},
			
			'mouseleave':function(e) {
				var therub = this.retrieve('rub');
				//if (therub == 'carrelages') {
					//this.removeClass('sel');
				//}
			},
			
			'click':function(e) {
				var therub = this.retrieve('rub');
				//if (therub == 'carrelages') {
					//showPop('indisponible');
				//}
			}
		});
		
		
	}
	
	
}


function MENU_click(rub) {
	
	$('mhd-'+rub).setStyle('color','#FFF');;
	
}

/*******************************************************************
 *
 * BIGMENU SHOW
 *
 *******************************************************************/
function BIGMENU_show(rub) {
	
	
	if (rub == V_SELRUB) {

		BIGMENU_off(rub);
		V_SELRUB = "";
		
	} else {
	
		for (var bm=0; bm<V_TBIGMENU.length; bm++) {
			
			
			V_SELRUB = rub;
			if (rub == V_TBIGMENU[bm]) {
				
				var pos = $('mhd-'+rub).getPosition($('header'));
				var larg = $('mhd-'+rub).getSize();
				if (V_SELRUB != '') {
					
					$('bigmenu-'+V_SELRUB).addEvents({
						'mouseenter':function(e) {
							DBG_alert('mouseenter on '+e.target);
							
							$('bigmenu-'+V_SELRUB).addEvent('mouseleave',function(ev) {
								
								if (V_SELRUB != '') {
									BIGMENU_off(V_SELRUB);
									
									DBG_alert("SELRUB : "+V_SELRUB);
									
									$('bigmenu-'+V_SELRUB).removeEvents('mouseleave');
								}
								V_SELRUB = "";
							});
							$('bigmenu-'+V_SELRUB).removeEvents('mouseenter');
						}/*,
						'onblur':function(e) {
							DBG_alert('blur');
						}*/
					});
					
					$('bigmenu-'+rub).setStyles({
						'display':'block',
						//'visibility':'visible',
						//'opacity':0,
						'top':'30px',
						'left':((pos.x-60)+(larg.x/2)) + 'px'
					})
				}

				//
				//myFx.start(0,1);
				
				
			} else {
				BIGMENU_off(V_TBIGMENU[bm]);
			}
			
		}
	}

}



function BIGMENU_off(rub) {
	
	if (rub != '') {
	
		$('bigmenu-'+rub).setStyles({
			'left':'-10000px',
			//'visibility':'none',
			'display':'none'
		});
		if ($('mhd-'+rub).retrieve('sel') != '1') {
			$('mhd-'+rub).removeClass('sel');
		}
		
	}
	
	
}






function HEADER_init_zone_recherche() {
	
	var zr = $('q');
	
	zr.addEvents({
		'focus':function(e) {
			if (e.target.value == 'Rechercher') {
				e.target.value = '';
			}
			e.target.removeClass('fcG');
			e.target.removeClass('ita');
			
			
		},
		'blur':function(e) {
			if (e.target.value == '') {
				e.target.addClass('ita');
				e.target.addClass('fcG');
				e.target.value = 'Rechercher';
			}
		}
	})
}


function doSearch() {
	
	var frm = $('form-rechercher');
	if ( ($('q').value != '') && ($('q').value != 'Rechercher') ) {
		frm.submit();
	}
	
	
}



/*******************************************************************
 *
 * Gestion de la FAQ
 *
 *******************************************************************/


function init_faq(nbfaq) {
	
	//alert($$('.faq.question'));
	
	for (var fq = 1; fq<=nbfaq; fq++) {
		var newsty = '';
		var q = $('faq_Q'+fq);
		q.store('idf',fq);
		q.store('status','close');
		q.addEvents({
			'click':function(e) {
				var numfaq = this.retrieve('idf');
				var rep = $('faq_R'+numfaq);
				var sty = rep.getStyle('display');
				
				this.toggleClass('sel');
				//alert(this.getStyle('display'));
				if (sty == 'none') {
					
					newsty = 'block';
				} else {
					newsty = 'none';
					
				}
				rep.setStyle('display',newsty);
			}
		})
		
	}
	
}


/*******************************************************************
 *
 * smoothjump
 *
 *******************************************************************/

function smoothJumpToElt(elt) {
	
	var pos = $(elt).getPosition();
	//alert(pos.y);
	$(document.body).scrollTo(0,pos.y);
	
}


/*******************************************************************
 *
 * Layer noir 
 *
 *******************************************************************/
function showLayerNoir() {
	
	var sizescroll = $(document.body).getScrollSize();
	
	var myFx = new Fx.Tween($('layerBlack'),{
		duration:200,
		property:'opacity'
	});
	
	$('layerBlack').setStyles(
		{
			'height':sizescroll.y+'px',
			'display':'block',
			'opacity':0
		}
	)
	
	myFx.start(0,1);
}


function hideLayerNoir() {
	
	//var sizescroll = $(document.body).getScrollSize();
	
	var myFx = new Fx.Tween($('layerBlack'),{
		duration:200,
		property:'opacity'
	});
	
	$('layerBlack').setStyles(
		{
			'display':'block',
			'opacity':1
		}
	)
	
	myFx.start(1,0);
}



function closePop(wichone) {
	
	hideLayerNoir();
	
	if (wichone == 'popvideo') {
		$('hostvideo').set('html','');
	}
	$(wichone).setStyles({
		'display':'none'
	});

	
	//window.location.reload();
	
}




/*******************************************************************
 *
 * Mentions légales
 *
 *******************************************************************/
function showPop(wichone) {
	//var size = $(document.body).getSize();
	var curscroll = $(document.body).getScroll();
	var topy = (100 + parseInt(curscroll.y))+ 'px';
	var thediv;

	showLayerNoir();
	
	switch(wichone) {
		
		case 'mentions-legales' :
			thediv = $('popMention');
			break;
		
		case 'indisponible' :
			thediv = $('popencours');
			break;
		
	}
	
	thediv.setStyles(
		{
			'top':topy,
			'display':'block'
		}
	);

}


/*******************************************************************
 *
 * Video
 *
 *******************************************************************/


//<video width="352" height="288" controls="controls" autoplay="autoplay">
//						<source src="inc/vid/01prepasuppports.mp4" type="video/mp4" />
//						<source src="inc/vid/01prepasuppports.webm" type="video/webm" />
//						<source src="inc/vid/01prepasuppports.ogv" type="video/ogg" />
//						<!-- ALTERNATIVE --> 
//						
//						<iframe width="425" height="349" src="http://www.youtube.com/embed/S_0nkMcW5nk?hl=fr&fs=1" frameborder="0" allowfullscreen></iframe>
//				</video>


function addVideo(nomvid, vidyoutube, desc, rep) {
	
	var curscroll = $(document.body).getScroll();
	var topy = (100 + parseInt(curscroll.y))+ 'px';
	var popvid = $('popvideo');
	var hvid = $('hostvideo');
	var descvid = $('descvideo');
	
	
	

	var srctxt   = '<video width="352" height="288" controls="controls" autoplay="autoplay">';
	srctxt 	 	+= '<source src="'+rep+''+nomvid+'.mp4" type="video/mp4" />';
	srctxt 		+= '<source src="'+rep+''+nomvid+'.webm" type="video/webm" />';
	srctxt 		+= '<source src="'+rep+''+nomvid+'.ogv" type="video/ogg" />';
	
	srctxt 		+= '<iframe width="425" height="349" src="http://www.youtube.com/embed/'+vidyoutube+'?hl=fr&fs=1" frameborder="0" allowfullscreen></iframe>';
	srctxt 		+= '</video>';
	
	showLayerNoir();
	
	
	
	//myvid.set('html',srctxt);
	
	//myvid.inject(ondiv);
	
	hvid.set('html',srctxt);
	descvid.set('html',desc)
	popvid.setStyles(
		{
			'top':topy,
			'display':'block'
		}
	);
	
	
	
}


/*******************************************************************
 *
 * projets conseils et soluces
 *
 *******************************************************************/
var curetapeprojsel = 0;
function init_menu_projets() {
		
	for (var bt=0; bt<4; bt++) {
		
		var btp = $('btproj-'+bt);
		
		btp.store('idbt',bt);
		btp.addEvents({
			'click':function(e) {
				
				var numbt = this.retrieve('idbt');
				$('btproj-'+curetapeprojsel).removeClass('on');
				this.addClass('on');
				
				$('contproj-'+curetapeprojsel).removeClass('on');
				$('contproj-'+numbt).addClass('on');
				
				$('projpmo-'+curetapeprojsel).setStyle('display','none');//('on');
				$('projpmo-'+numbt).setStyle('display','block');

				curetapeprojsel = numbt;
			}
		})
		
	}
	
	

}