// JavaScript Document
function affiche(num){
	// masque toutes les div.zoom
	var tab = getElementsByClass('zoom');
	for (var i = 0;i<tab.length;i++)
	{
 	 	tab[i].style.display = "none";
	}
	
	//Met tous les onglet en position 1
	var tab2 = getElementsByClass('limenu');
	for (var j = 0;j<tab2.length;j++)
	{
 	 	tab2[j].className = "limenu";
	}

	document.getElementById("zoom"+num).style.display = "block";
	document.getElementById("li"+num).className = "limenu active";
	
	}
	

function affiche_bloc(nom){
// masque toutes les contenu
	var tab = getElementsByClass('contenu');
	for (var i = 0;i<tab.length;i++)
	{
 	 	tab[i].style.display = "none";
	}
	
	//Met tous les onglet en position 1
	var tab2 = getElementsByClass('onglet');
	for (var j = 0;j<tab2.length;j++)
	{
 	 	tab2[j].className = "onglet";
	}

	document.getElementById(nom).style.display = "block";
	document.getElementById("menu_"+nom).className = "onglet active";
	
	}


function getElementsByClass(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
		var i; var j;
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}



var addCart = function(pos_el) {
		//alert(pos_el);
		
		var sSize = $(window).getScroll();
		var pos = $(window).getSize();
		var box = $('fdbk').getSize();
		var coord = $('fdbk').getCoordinates();
		var sCenterX = ( window.getWidth()/2 ) - 155;
		//var sCenterY = sSize.y+(window.getHeight() - coord['height'])/2;
		var sCenterY = pos_el;
		
		
		$('fdbk').setStyles({'top': -(2*box.y), 'left': sCenterX}); // position initiale
		var show = new Fx.Morph('fdbk', {
			link: 'chain',
			duration: 1000,
			transition: 'quart:out'
		});
		show.start({
			'top': sCenterY, 
			'left' : sCenterX,
			'display': 'block', 
			'opacity' : 1
		}).chain(function(){
			var d = $random(0, 1);
			var top = (d==0) ? sCenterX : -(2*box.y);
			//var left = (d==0) ? -(2*box.x) : sCenterX;
			var left = sCenterX;
			this.start.delay(2000, this, {
				'top': top, 
				'left': left,
				'opacity': 0
			});
		});
	
}



var msgConn = function() {
		var sSize = $(window).getScroll();
		var pos = $(window).getSize();
		var box = $('fdbk2').getSize();
		var coord = $('fdbk2').getCoordinates();
		var sCenterX = ( window.getWidth()/2 ) - 300;
		var sCenterY = sSize.y+(window.getHeight() - coord['height'])/2;
		$('fdbk2').setStyles({'top': -(2*box.y), 'left': sCenterX}); // position initiale
		var show = new Fx.Morph('fdbk2', {
			link: 'chain',
			duration: 1000,
			transition: 'quart:out'
		});
		show.start({
			'top': sCenterY, 
			'left' : sCenterX,
			'display': 'block', 
			'opacity' : 1
		}).chain(function(){
			var d = $random(0, 1);
			var top = (d==0) ? sCenterX : -(2*box.y);
			//var left = (d==0) ? -(2*box.x) : sCenterX;
			var left = sCenterX;
			this.start.delay(2000, this, {
				'top': top, 
				'left': left,
				'opacity': 0
			});
		});
	
}


var msgConnOut = function() {
		var sSize = $(window).getScroll();
		var pos = $(window).getSize();
		var box = $('fdbk3').getSize();
		var coord = $('fdbk3').getCoordinates();
		var sCenterX = ( window.getWidth()/2 ) - 300;
		var sCenterY = sSize.y+(window.getHeight() - coord['height'])/2;
		$('fdbk3').setStyles({'top': -(2*box.y), 'left': sCenterX}); // position initiale
		var show = new Fx.Morph('fdbk3', {
			link: 'chain',
			duration: 3000,
			transition: 'quart:out'
		});
		show.start({
			'top': sCenterY, 
			'left' : sCenterX,
			'display': 'block', 
			'opacity' : 1
		}).chain(function(){
			var d = $random(0, 1);
			var top = (d==0) ? sCenterX : -(2*box.y);
			//var left = (d==0) ? -(2*box.x) : sCenterX;
			var left = sCenterX;
			this.start.delay(2000, this, {
				'top': top, 
				'left': left,
				'opacity': 0
			});
		});
	
}