// JavaScript Document
//detection navogateur
/*
var Engine = {
        detect: function() {
          var UA = navigator.userAgent;
          this.isKHTML = /Konqueror|Safari|KHTML/.test(UA);
          this.isGecko = (/Gecko/.test(UA) && !this.isKHTML);
          this.isOpera = /Opera/.test(UA);
          this.isMSIE  = (/MSIE/.test(UA) && !this.isOpera);
          this.isMSIE7 = this.isMSIE && !(/MSIE 6\./.test(UA) && !this.isOpera);
        }
}
//
Engine.detect();
 //     
function choixNavigateur() {    
      if(Engine.isMSIE && !Engine.isMSIE7) {
        $('logo').src = 'images/logo.gif';
		$('evenementiel').src = 'images/evenementiel.gif';
		$('collections').src = 'images/collections.gif';
		$('onpack').src = 'images/onpack.gif';
		$('galerie').src = 'images/galerie.gif';
		$('contact').src = 'images/contact.gif';
		$('entete').src ='images/image-.gif';
        
      } else {
          $('logo').src = 'images/logo.png';
		$('evenementiel').src = 'images/evenementiel.png';
		$('collections').src = 'images/collections.png';
		$('onpack').src = 'images/onpack.png';
		$('galerie').src = 'images/galerie.png';
		$('contact').src = 'images/contact.png';
		$('entete').src ='images/image-.png';
      }
	  affichage();
}*/
	 //

function bubble(id,x,y){
        $(id+'-bubble').setStyle({left:x+'px',top:y+'px'});
        new Effect.Scale(id+'-bubble',100, Object.extend({
          beforeStart:function(effect){
            $(effect.element).style.display = 'block';
            $(effect.element).setOpacity(0);
            $$('#'+id+'-bubble p').each(function(p){p.hide()});
          },
          afterUpdate:function(effect){
            $(effect.element).setOpacity(effect.position);
          },
          scaleFrom:0,
          scaleFromCenter:true,
          afterFinish:function(effect){
            $$('#'+id+'-bubble p').each(function(p){
              new Effect.Appear(p,{duration:0.4});
            });
          }
        }, arguments[3] || {}));        
}
//
function affichage() {
	
	bubble('carre1',     698, 80, { delay:0, duration:0 });
	bubble('carre2',       34,283, { delay:0, duration:0 });
	bubble('carre3',       245,283, { delay:0, duration:0 });
		
}
//

var functionEffectOut = function(choixOut) {
	//alert(this);
	var carreOut = 'carre'+this+'-bubble';
	//alert(carre);
	new Effect.Opacity(carreOut, {duration: 0.5, from: 0.3, to: 1});
}
var functionEffect = function(choix) {
	//alert(this);
	var carre = 'carre'+this+'-bubble';
	//alert(carre);
	new Effect.Opacity(carre, {duration: 0.5, from: 1, to: 0.3});
}
function prepareEffect(e) {
	
	Event.observe('carre1-bubble', 'mouseover', functionEffect.bindAsEventListener('1'));
	Event.observe('carre2-bubble', 'mouseover', functionEffect.bindAsEventListener('2'));
	Event.observe('carre3-bubble', 'mouseover', functionEffect.bindAsEventListener('3'));
	Event.observe('carre4-bubble', 'mouseover', functionEffect.bindAsEventListener('4'));
	Event.observe('carre5-bubble', 'mouseover', functionEffect.bindAsEventListener('5'));
	Event.observe('carre6-bubble', 'mouseover', functionEffect.bindAsEventListener('6'));
	// mouseout
	Event.observe('carre1-bubble', 'mouseout', functionEffectOut.bindAsEventListener('1'));
	Event.observe('carre2-bubble', 'mouseout', functionEffectOut.bindAsEventListener('2'));
	Event.observe('carre3-bubble', 'mouseout', functionEffectOut.bindAsEventListener('3'));
	Event.observe('carre4-bubble', 'mouseout', functionEffectOut.bindAsEventListener('4'));
	Event.observe('carre5-bubble', 'mouseout', functionEffectOut.bindAsEventListener('5'));
	Event.observe('carre6-bubble', 'mouseout', functionEffectOut.bindAsEventListener('6'));
	
}

//Event.observe(window, "load", choixNavigateur);
Event.observe(window, "load", affichage);
//Event.observe(window, "load", prepareEffect);