$(document).ready(function() {

    var W = $(window).width();
    var Wback = (W-1145)/2;
    $("#back").css('left',Wback-30+"px");

   $(window).bind('resize', function() {
    var W = $(window).width();
    var Wback = (W-1145)/2;
    $("#back").css('left',Wback-30+"px");
    });

   //$(".sub1").show();

   $("#bind1").bind('mouseover',function(){
       $(".sub1").slideDown();
       $(".sub2").slideUp();
      
   });

   $("#bind2").bind('mouseover',function(){
       $(".sub2").slideDown();
       $(".sub1").slideUp();
      
   });

   

    $(".menu1 a").bind('mouseover',function(){
       $("#submenu1").slideDown();
       $(".menu1 a").css('background-position','bottom');
       $(".menu2 a").css('background-position','top');
       $(".menu3 a").css('background-position','top');
       $(".menu4 a").css('background-position','top');
       $("#submenu1").css('left','9px');
       $("#submenu2").slideUp();
       $("#submenu3").slideUp();
       $("#submenu4").slideUp();

    });

    $(".menu2 a").bind('mouseover',function(){
       $("#submenu2").slideDown();
       $(".menu1 a").css('background-position','top');
       $(".menu2 a").css('background-position','bottom');
       $(".menu3 a").css('background-position','top');
       $(".menu4 a").css('background-position','top');
       $("#submenu2").css('left','193px');
       $(".menu1 a").css('background-position','top');
       $("#submenu1").slideUp();
       $("#submenu3").slideUp();
       $("#submenu4").slideUp();


    });

    $(".menu3 a").bind('mouseover',function(){
       $("#submenu3").slideDown();
       $(".menu1 a").css('background-position','top');
       $(".menu3 a").css('background-position','bottom');
       $(".menu2 a").css('background-position','top');
       $(".menu4 a").css('background-position','top');
       $("#submenu3").css('left','377px');
       $("#submenu1").slideUp();
       $("#submenu2").slideUp();
       $("#submenu4").slideUp();
    });

    $(".menu4 a").bind('mouseover',function(){
       $("#submenu4").slideDown();
       $(".menu1 a").css('background-position','top');
       $(".menu4 a").css('background-position','bottom');
       $(".menu3 a").css('background-position','top');
       $(".menu2 a").css('background-position','top');
       $("#submenu4").css('left','561px');
       $("#submenu1").slideUp();
       $("#submenu2").slideUp();
       $("#submenu3").slideUp();
    });
 

     $("#content-wrapper").bind('mouseover',function(){
       $("#submenu1").hide();
       $("#submenu2").hide();
       $("#submenu3").hide();
       $("#submenu4").hide();
       $("#menu a").css('background-position','top');

    });

     $("#content-wrapper-red").bind('mouseover',function(){
       $("#submenu1").hide();
       $("#submenu2").hide();
       $("#submenu3").hide();
       $("#submenu4").hide();
       $("#menu a").css('background-position','top');

    });

    $("#header").bind('mouseover',function(){
       $("#submenu1").hide();
       $("#submenu2").hide();
       $("#submenu3").hide();
       $("#submenu4").hide();
       $("#menu a").css('background-position','top');

    });



    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "aaSorting": [[ 1, "desc" ]],
        "aoColumns": [
			null,
			null,
                        null
		],

        "oLanguage": {
                "sLengthMenu": "Montrer _MENU_ données par page",
                "sZeroRecords": "Non trouvé",
                "sInfo": "De _START_ à _END_ des _TOTAL_ offres d'emplois",
                "sInfoEmpty": "De 0 à 0 de 0 données",
                "sInfoFiltered": "(Filtré de _MAX_ des données totales)",
                "oPaginate": {
                                "sFirst":    "Premier",
                                "sPrevious": "Précédent",
                                "sNext":     "Suivant",
                                "sLast":     "Dernier"
                        },
                "sSearch": "Rechercher:"
        }

     });

     $(".css_right").css('display','none')

     $("#showShare").bind('click', function(){
        $("#share").slideDown("slow");
     });

     $("#closeShare").bind('click', function(){
        $("#share").slideUp("slow");
     });

     $("#form1").validationEngine();


     var screenW = $(window).width();

     if(screenW<1024){
         $("#container").css("margin-left","160px")
     }


  var currentPosition = 0;
  var slideWidth = 260;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  //$('#slideshow')
    //.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    //.append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  

  $('.control')
    .bind('click', function(){
    // Determine new position
        $("#iphone").fadeOut("fast");
        $("#mainIphone").show();
	if($(this).attr('rel')=="99"){
        currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
        }else{
        currentPosition = parseInt($(this).attr('rel'));
        }

	// Hide / show controls
    //alert(currentPosition);
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }


  $('#closeIphone').bind('click',function(event){
      $("#iphone").hide().fadeIn();
      $("#mainIphone").fadeOut("slow");
      currentPosition = 0;
  });
    





});