/**
 * JS-Funktionen fuer Deutsche Fliese Gewinnspiel
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40
 * e-Mail : info@seitenblick.de
 *
 * Version: 1.0
 * Bibliotheken: jquery 1.3.2 
 * Author: Christopher Fruehwirth 
 */
 
$(document).ready( function() {
   // Inhalt auf der Startseite einblenden
   $("#lottery_home_content").fadeIn("slow");   

   // Gefaerbte Scrollbar
   $(function(){ $("#channel_scroll_pane_1").jScrollPane({showArrows:false, scrollbarWidth:10}); });
   
   // Beim Mausklick auf den Dimmer schliest die Lightbox
   $('#dimmer').click(function(){
     $('#dimmer').hide();
     $('#lbwrapper').hide();
   })
   
   // Close Buttons
   $('.closebutton').click(function(){
     $('#dimmer').hide();
     $('#lbwrapper').hide();
   })
   
   $('#lb_close').click(function(){
     $('#dimmer').hide();
     $('#lbwrapper').hide();
   })
 
   // Cancel Button
   $('.cancelbutton').click(function(){
     $('#dimmer').hide();
     $('#lbwrapper').hide();
   })  
    
   // Weiter Button
   $('.continuebutton').click(function(){
     $('#dimmer').hide();
     $('#lbwrapper').hide();
   })  
    
   // Beim Mausklick auf Link(Startseite), Dimmer und Lightbox anzeigen
   $('#form_register').click(function(){
     $('#dimmer').show();
     $('#lbwrapper').show();
   })   
   
   // Der Lostpw Button oeffnet das naechste Fenster
  $('#lostpw').click(function(){
    $('#lightbox').children().hide();
    $('#lostpw_send').show();
  })
  
  $('.votebutton').click(function(){
    showvotingsuccess();
  })

  
/*------------- Validierungsfunktionen ---------------------------------------*/
  // Ueberpfruefung der Nutzereingaben   
  $('#registrationform').submit(function() {
    var error = 0;
    // Name
    if($('#name').val().length<2){
      $('#name').prev().css("color","red");
      error = 1;
    }
    else{
      $('#name').prev().css("color","black");
    }
    // Vorname  
    if($('#prename').val().length<2){
      $('#prename').prev().css("color","red");
      error = 1;
    }
    else{
      $('#prename').prev().css("color","black");
    }
    // Strasse
    if($('#street').val().length<4){
       $('#street').prev().css("color","red");
       error = 1; 
    }
    else{
      $('#street').prev().css("color","black");
    }
    // Stadt
    if($('#city').val().length<7){
      $('#city').prev().css("color","red");
      error = 1;
    }
    else{
      $('#city').prev().css("color","black");
    }
    // Nick
    if($('#nickname').val().length<2){
      $('#nickname').prev().css("color","red");
      error = 1;
    }     
    else{
      $('#nickname').prev().css("color","black");
    }
    // EMail
    if($('#email').val().length<6){
      $('#email').prev().css("color","red");
      error = 1;
    }  
    else{
      $('#email').prev().css("color","black");
    }
    
    if(EMail($('#email').val())){
      $('#email').prev().css("color","black");
    } else {
      $('#email').prev().css("color","red");
      error = 1;
    }
    
    // PW
    if($('#password').val().length<6){
      $('#password').prev().css("color","red");
      error = 1;
      $('#pwwarning').text("Das Passwort muss mindestens 6 Zeichen lang sein.");
    }
    else{
      $('#pwwarning').text("");
      $('#password').prev().css("color","black");
    }
    // Bestaetigungscheckbox
    if(!$('#confirm:checked').attr('checked')){
      $('.checkboxtext').css("color","red");
      error = 1;
    }
    else{
      $('.checkboxtext').css("color","black");
    }
    if(error==1){return false;}
    else {return true;}
  })  
  
  // Registerformular Upload Bildvalidierung
  $('#upload').submit(function() {
    var error = 0;
    // Uploadfeld darf nicht leer sein
    if($('#uploadfield').val()==""){
      $('#uploadfield').prev().css("color","red");
      error = 1;
    }
    else {
      $('#uploadfield').prev().css("color","black");
    }
    // Beschriftung des Bildes
    if($('#caption').val()==""){
      $('#caption').prev().css("color","red");
      error = 1;
    }
    else {
      $('#caption').prev().css("color","black");
    }
    if(error==1){return false;}
    else {return true;}
  })

  
  
  // Ueberpruefung des Votingformulars
  $('#registrationform_voting').submit(function() {
    var error = 0;
    if($('#vote_name').val().length<2){
      $('#vote_name').prev().css("color","red");
      error = 1;
    }
    else{
      $('#vote_name').prev().css("color","black");
    }
    if($('#vote_prename').val().length<2){
      $('#vote_prename').prev().css("color","red");
      error = 1;
    }
    else{
      $('#vote_prename').prev().css("color","black");
    }
    if($('#vote_street').val().length<4){
      $('#vote_street').prev().css("color","red");
      error = 1; 
    }
    else{
      $('#vote_street').prev().css("color","black");
    }
    if($('#vote_city').val().length<7){
      $('#vote_city').prev().css("color","red");
      error = 1;
    }
    else{
      $('#vote_city').prev().css("color","black");
    }
    
    if($('#vote_email').val().length<6){
      $('#vote_email').prev().css("color","red");
      error = 1;
    }     
    else{
      $('#vote_email').prev().css("color","black");
    }
    
    if(EMail($('#vote_email').val())){
      $('#vote_email').prev().css("color","black");
    } else {
       $('#vote_email').prev().css("color","red");
      error = 1;
    }
    
    if($('#vote_password').val().length<6){
      $('#vote_password').prev().css("color","red");
      $('#vote_pwwarning').text("Das Passwort muss mindestens 6 Zeichen lang sein.");
      error = 1;
    }  
    else{
      $('#vote_pwwarning').text("");
      $('#vote_password').prev().css("color","black");
    }
    if(!$('#vote_confirm:checked').attr('checked')){
      $('.checkboxtext').css("color","red");
      error = 1;
    }
    else{
      $('.checkboxtext').css("color","black");
    }
    if(error==1){return false;}
    else {return true;}
  })  
  
  // Der Beschreibungstext darf max 140 Zeichen lang sein
  $('#caption').keydown(function() {
     if($('#caption').val().length>=140){
       $('#caption').css("color","red");
       var oldtext =  $('#caption').val();
       var newtext =  oldtext.substring(0,oldtext.length-1);
       
       $('#caption').val(newtext);
     }
     else {
       $('#caption').css("color","black");     
     }     
  })
  
})

/* Box zur Benutzerregistrierung mit Bildupload einblenden */
function showregisterbox(){
  $('#lightbox').children().hide();
  $('#lbwrapper').removeClass("hochformat").removeClass("querformat").removeClass("login");
  $('#lightbox').removeClass("hochformat").removeClass("querformat").removeClass("login");
  $('#lb_close').show();
  $('#dimmer').show();
  $('#lbwrapper').show();
  $('#register').show();
}

/* Box zur Benutzerregistrierung für Voting einblenden */
function show_voting_registerbox(){
  $('#lightbox').children().hide();
  $('#lbwrapper').removeClass("hochformat").removeClass("querformat").removeClass("login");
  $('#lightbox').removeClass("hochformat").removeClass("querformat").removeClass("login");
  $('#lb_close').show();
  $('#dimmer').show();
  $('#lbwrapper').show();
  $('#register_voting').show();
}

// Loginfenster
function showloginwindow(){
  $('#lightbox').children().hide();
  $('#lbwrapper').removeClass("hochformat").removeClass("querformat");
  $('#lightbox').removeClass("hochformat").removeClass("querformat");
  $('#lbwrapper').addClass("login");
  $('#lightbox').addClass("login");
  $('#lb_close').show();
  $('#dimmer').show();
  $('#lbwrapper').show();
  $('#login_greeting').show();
}

// PW Vergessen Fenster
function showlostpwwindow(){
  $('#lightbox').children().hide();  /* Eigentlich nur das showpwfenster*/
  $('#lb_close').show();
  $('#lostpw').show();
}

// Detailansicht eines Teilnehmerbildes 
function showdetailansicht(id, format){
  var format = format;
      
  // Andere Lightbox Inhalte ausblenden
  $('#lightbox').children().hide();

  // Groesenanpassungen der Lightbox
  if(format=="hoch"){
    $('#lbwrapper').removeClass("querformat").removeClass("login");
    $('#lightbox').removeClass("querformat").removeClass("login");
    $('#lbwrapper').addClass("hochformat");
    $('#lightbox').addClass("hochformat");
    $('#lb_close').show();
  }
  if(format=="quer"){
    $('#lbwrapper').removeClass("hochformat").removeClass("login");
    $('#lightbox').removeClass("hochformat").removeClass("login");
    $('#lbwrapper').addClass("querformat");
    $('#lightbox').addClass("querformat");
    $('#lb_close').show();
  }
  
  var dyncontent = '<div id="id' + id + '" class="galleryitemdetail" style="display: none;">'
  
  // Der Lightbox dyn. ein neues Element mit den Detailinformationen geben
  $('#lightbox').append(dyncontent);
  $('#id' + id).append('<span id="test">');
    
  // Dimmer und Lightbox wird angezeigt
  $('#dimmer').fadeIn("slow");
  $('#lbwrapper').fadeIn("slow");
     
  // Eigentlicher Inhalt wird angezeigt
  
  //Wir müssen nun den Inhalt wohl oder übel per AJAX nachladen
  $('#id'+id).fadeIn("slow");
}

// Formular einblenden, wenn Passwort vergessen wurde!
function lostpassword() {
  $('#login').hide();
  $('#lostpw_send').show();
}


// Login-Formular einblenden
function show_loginbox() {
  $('#lightbox').children().hide();
  $('#dimmer').show();
  $('#lbwrapper').addClass("login");
  $('#lightbox').addClass("login");
  $('#lbwrapper').show();
  $('#lb_close').show();
  $('#register').hide();
  $('#register_voting').hide();
  $('#login').show();
  $('#lostpw_send').hide();  
}

// Auf korrekte Email Form prüfen
function EMail(s)
{
  var a = false;
  var res = false;
  
  //Test ob Reguläre Ausdrücke unterstützt werden
  if(typeof(RegExp) == 'function')
  {
    var b = new RegExp('abc');
    if(b.test('abc') == true)
    {
      a = true;
    }
  }
  
  if(a == true)
  {
    reg = new RegExp('^([a-zA-Z0-9\-\.\_]+)'+
                     '(\@)([a-zA-Z0-9\-\.]+)'+
                     '(\.)([a-zA-Z]{2,4})$');
    res = (reg.test(s));
  } 
  else {
    res = (s.search('@') >= 1 &&
           s.lastIndexOf('.') > s.search('@') &&
           s.lastIndexOf('.') >= s.length-5)
  }
  return(res);  
}