if(screen.width == 800)
{
  document.location = "/800";
}

$(document).ready(function() {     
  
  $("#loginer").click( function(){
  	$(this).parents("form").submit();
  });
  
  $("#login_form input").keypress(function(e) {
    if(e.which == 13) {
      $(this).blur();
      $(this).parents('form').submit();
    }
  });

  $("input[name=pseudof]").focus(function() {
      var pre_pseudo = $("input[name=email]").val().split('@');
      if(pre_pseudo[0] != "")
      {
          $("input[name=pseudof]").val(pre_pseudo[0]);
      }
  });				
  
  $("#right_featured form").likivalidator();

  $("#submiter").click( function(){
    var scope = $(this);
    var site_id = "meecam";
    var pseudo = $("input[name=pseudof]").val();
    var email = $("input[name=email]").val();
    var sexe = $('input[type=radio][name=sex]:checked').val();
    var ville = $("input[name=city]").val();
    var data = 'site_id=' + site_id + '&pseudo=' + pseudo + '&email=' + email + '&sexe=' + sexe + '&ville=' + ville;
    //start the ajax 
    $.ajax({  
      //this is the php file that processes the data and send mail  
      url: "catcherproxy.php",   
      //GET method is used  
      type: "GET",  
      //pass the data           
      data: data,       
      success: function(){
        $(scope).parents("form").submit();
      }
    });                     
    //end the ajax
  });

  $("#city").focus();
  $(document).pngFix();
  //Execute the slideShow  
  slideShow();  
});  
  
function slideShow() {  
  
  //Set the opacity of all images to 0  
  $('#gallery a').css({opacity: 0.0});  
         
  //Get the first image and display it (set it to full opacity)  
  $('#gallery a:first').css({opacity: 1.0});  
         
  //Set the caption background to semi-transparent  
  $('#gallery .caption').css({opacity: 0.7});  
    
  //Resize the width of the caption according to the image width  
  $('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});  
        
  //Get the caption of the first image from REL attribute and display it  
  $('#gallery .content').html($('#gallery a:first').find('img').attr('alt'))  
  .animate({opacity: 0.7}, 400);  
         
  //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds  
  setInterval('gallery()',3000);  
       
}  
   
function gallery() {  
       
  //if no IMGs have the show class, grab the first image  
  var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));  
    
  //Get next image, if it reached the end of the slideshow, rotate it back to the first image  
  var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));     
         
  //Get next image caption  
  var caption = next.find('img').attr('alt');   
         
  //Set the fade in effect for the next image, show class has higher z-index  
  next.css({opacity: 0.0})  
  .addClass('show')  
  .animate({opacity: 1.0}, 1000);  
    
  //Hide the current image  
  current.animate({opacity: 0.0}, 1000)  
  .removeClass('show');  
        
  //Set the opacity to 0 and height to 1px  
  $('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });   
         
  //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect  
  $('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '25px'},500 );  
         
  //Display the content  
  $('#gallery .content').html(caption);

}