jQuery(document).ready(function(){
    jQuery('#animation').flash(
        { src: 'http://www.esostudio.be/images/i_layout/preload1.swf',
          width: 911,
          height: 354 },
        { version: 8 }
    );
    
    jQuery('#accordeon').accordion({ autoheight: false});
    
    
    jQuery(function() { jQuery(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })});
    
    // TRANSITION HOMEPAGE
			var selectedFeatIdx = 0;
			var isTransitioning = false;
			
			var features = jQuery('.selectedFeat, .feat');
			features.each(function() {
				jQuery('.navigation').append('<li><a href="#"></a></li>');
			});
			jQuery('.navigation a:first').addClass('selected');
			
			function updateSelectedFeature() {
				isTransitioning = true;
				jQuery('.navigation .selected').removeClass('selected');
				jQuery('.navigation a:eq(' + selectedFeatIdx + ')').addClass('selected');
				
				jQuery('.selectedFeat').fadeOut(500, function() {
					
					jQuery(this).removeClass('selectedFeat');
					jQuery(this).css('display','');
					jQuery(this).addClass('feat');
					jQuery(features[selectedFeatIdx]).fadeIn(500, function() {
						jQuery(this).removeClass('feat');
						jQuery(this).addClass('selectedFeat');
						isTransitioning = false;
					});
				});
			}
			jQuery('.navigation a').click(function() {
				for(var i = 0; i < jQuery('.navigation a').length ; i++) {
					if(this == jQuery('.navigation a')[i]) {
						selectedFeatIdx = i;
						updateSelectedFeature();
						break;
					}
				}
			});
			
			jQuery('#rightArrow').click(function() {
				if(selectedFeatIdx < features.length-1 && !isTransitioning) {
					selectedFeatIdx++;
					updateSelectedFeature();
				}
			});
			
			jQuery('#leftArrow').click(function() {
				if(selectedFeatIdx != 0 && !isTransitioning) {
					selectedFeatIdx--;
					updateSelectedFeature();
				}
			});
			
		
			
			jQuery("#myForm").validate({
				rules: {
					names: {
						required: true,
						minlength: 5
					},
					tel: {
						required: true,
						minlength: 6
					},
					email: {
						required: true,
						email: true
					},
					messages_text: {
						required: true,
						minlength: 10
					},
					verifi: {
						required: true,
						maxlength: 1
					}
				},
				messages: {
					names: "<em></em>Indiquez un nom valide",
					tel: "<em></em>Indiquez un numéro valide",
					email: "<em></em>Indiquez un mail valide",
					messages_text: "<em></em>Entrez votre message",
					verifi: "<em></em>Faites l'addition"
				}
			});
});








jQuery(function () {
        if (jQuery.browser.msie && jQuery.browser.version < 7) return;
        
        jQuery('#navigation li')
            .removeClass('highlight')
            .find('a')
            .append('<span class="hover" />').each(function () {
                    var $span = $('> span.hover', this).css('opacity', 0);
                    jQuery(this).hover(function () {
                        // on hover
                        $span.stop().fadeTo(350, 1);
                    }, function () {
                        // off hover
                        $span.stop().fadeTo(350, 0);
                    });
                });
                
    });
    





/* Check Form
function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}

jQuery(function () {
			jQuery('#bt_submit').click(function(){

        var bReturn = true;
        
        jQuery("label[for='name']").css({color: "white"});
        if ( jQuery.trim(jQuery("#name").val()).length<3 || jQuery("#name").val()=="Votre nom" ) {
            jQuery("label[for='name']").css({color: "#F08D00"});
            bReturn = false;
        }
        
        jQuery("label[for='tel']").css({color: "white"});
        if ( jQuery.trim(jQuery("#tel").val()).length<5 || jQuery("#tel").val()=="Un numéro où vous joindre ?" ) {
            jQuery("label[for='tel']").css({color: "#F08D00"});
            bReturn = false;
        }
        var email = jQuery("#email").val();
        if(isValidEmailAddress(email) && email!="" && email!="Votre Email" ) {
						jQuery("label[for='email']").css({color: "#F08D00"});
					}else{
							bReturn = false;
					}
       			        
        jQuery("label[for='email']").css({color: "white"});
        if ( jQuery.trim(jQuery("#email").val()).length<5 || jQuery("#email").val()=="Votre Email" ) {
            jQuery("label[for='email']").css({color: "#F08D00"});
            bReturn = false;
        }
        
        jQuery("label[for='messages']").css({color: "white"});
        if ( jQuery.trim(jQuery("#messages").val()).length<5 || jQuery("#messages").val()=="Entrez votre message ici" ) {
            jQuery("label[for='messages']").css({color: "#F08D00"});
            bReturn = false;
        }
        
        if ( jQuery("#verifi").val()!="4") {
            jQuery("#verifi").val()="Entrez votre message ici";
            bReturn = false;
        }

        return bReturn;

			});
		});


  */

/* Hover opacity*/

 
 jQuery(function () {
      if (jQuery.browser.msie && jQuery.browser.version < 10){
      	 
      	 jQuery('#last_project .content_project')
          .removeClass('highlight')
          .find('a')
          .append('<span class="hover_ie" />').each(function () {
                  var $span = jQuery('> span.hover_ie', this).css('opacity', 0);
                  jQuery(this).hover(function () {
                      // on hover
                      $span.stop().fadeTo(350, 1);
                  }, function () {
                      // off hover
                      $span.stop().fadeTo(350, 0);
                  });
              });
      	 
      }else{
      	
      jQuery('#last_project .content_project')
          .removeClass('highlight')
          .find('a')
          .append('<span class="hover" />').each(function () {
                  var $span = jQuery('> span.hover', this).css('opacity', 0);
                  jQuery(this).hover(function () {
                      // on hover
                      $span.stop().fadeTo(350, 1);
                  }, function () {
                      // off hover
                      $span.stop().fadeTo(350, 0);
                  });
              });
              
           }   
  });
      

 jQuery(function () {
			jQuery('#demo').hide();
			
			jQuery('#bt_request').click(function(){
				jQuery('#demo').slideDown('normal');
			});
			jQuery('.call_back_head').click(function(){
				jQuery('#demo').slideUp('normal');
			});
			jQuery('#close').click(function(){
				jQuery('#demo').slideUp('normal');
			});
		});