//slider vars
sliderLeft = 0;
sliderStep = 295;
sliderStepCount = 0;
sliderElementCount = 0;
var $slidethis;
var $arrow_left;
var $arrow_right;
var $form_elements;

//navivars
//hauptmenu
var $navi;
var $navi_links;

var $subnavi_home;
var $subnavi_links;
var $subnavi_home_container;

var $subnavi_projekte;
var $subnavi_projekte_container;

function sliderMoveLeft() {
  if (sliderStepCount < (sliderElementCount-3))
  {
    sliderLeft -= sliderStep;
    sliderStepCount++;
    $slidethis.animate({"left":sliderLeft }, "slow");
    if (sliderStepCount == (sliderElementCount-3))
    {
        $arrow_right.toggleClass('active',false);
    }
    if (sliderStepCount <= (sliderElementCount-3))
    {
      $arrow_left.toggleClass('active', true);
    }
  }
}

function sliderMoveRight() {
  if (sliderStepCount > 0)
  {
    sliderLeft += sliderStep;
    sliderStepCount--;
    $slidethis.animate({"left": sliderLeft}, "slow");
    if (sliderStepCount == 0)
    {
      $arrow_left.toggleClass('active',false);
    }
    if (sliderStepCount >= 0)
    {
      $arrow_right.toggleClass('active',true);
    }
  }
}

$(document).ready(function(){
  $slidethis = $('#slidethis');
  $arrow_left = $('#arrow-left');
  $arrow_right = $('#arrow-right');
  sliderElementCount = $slidethis.children().length;
  
  $arrow_left.click(sliderMoveRight);
  $arrow_right.click(sliderMoveLeft);
  
 });
 
 //hauptmenu
 $(document).ready(function(){
    navi_items = new Array("aktuell", "projekte", "gesuche", "agenda", "links", "kontakt");
    $navi = new Array(6);
    for (i = 0; i< 6;i++)
    {
      $navi[i] = new Array(2);
      $navi[i][0] = $("#"+navi_items[i]);
      $navi[i][1] = $("#"+navi_items[i]+"_img");
    }
    $navi_links = $(".navi").children()
 
    $navi_links.click(function()
    {
      window.location = $(this).children('a').prop("href");
      return false;
    });
 
    $navi[0][0].mouseout(function(){
      hideSubHome();
    }).mouseover(function(){
      showSubHome();
    });    
    
    $navi[1][0].mouseout(function(){
      hideSubProjekte();
    }).mouseover(function(){
      showSubProjekte();
    });
    
    $navi[2][0].mouseout(function(){
      $navi[2][1].prop('src','/gfx/n_gesuche.png');
    }).mouseover(function(){
      $navi[2][1].prop('src','/gfx/n_gesuche_hover.png');
    });
    
    $navi[3][0].mouseout(function(){
      $navi[3][1].prop('src','/gfx/n_agenda.png');
    }).mouseover(function(){
      $navi[3][1].prop('src','/gfx/n_agenda_hover.png');
    });
    
    $navi[4][0].mouseout(function(){
      $navi[4][1].prop('src','/gfx/n_links.png');
    }).mouseover(function(){
      $navi[4][1].prop('src','/gfx/n_links_hover.png');
    });
    
    $navi[5][0].mouseout(function(){
      $navi[5][1].prop('src','/gfx/n_kontakt.png');
    }).mouseover(function(){
      $navi[5][1].prop('src','/gfx/n_kontakt_hover.png');
    });
 });
 
 //submenu home
  $(document).ready(function(){
    subnavi_home_items = new Array("suedkultur", "ziele", "koepfe", "zahlen", "publikationen");
    $subnavi_home = new Array(5);
    for (i = 0; i< 5;i++)
    {
      $subnavi_home[i] = new Array(2);
      $subnavi_home[i][0] = $("#"+subnavi_home_items[i]);
      $subnavi_home[i][1] = $("#"+subnavi_home_items[i]+"_img");
    }
    
    $subnavi_home_container = $("#submenu_home");
    
    $subnavi_links = $(".subnavi").children('.element');
    
    //link
    $subnavi_links.click(function()
    {
      window.location = $(this).children('a').attr("href");
      return false;
    });
    
    //element animation
    $subnavi_home[0][0].mouseout(function(){
      $subnavi_home[0][1].prop('src','/gfx/sn_suedkultur.png');
    }).mouseover(function(){
      $subnavi_home[0][1].prop('src','/gfx/sn_suedkultur_hover.png');
    }); 
    
    $subnavi_home[1][0].mouseout(function(){
      $subnavi_home[1][1].prop('src','/gfx/sn_ziele.png');
    }).mouseover(function(){
      $subnavi_home[1][1].prop('src','/gfx/sn_ziele_hover.png');
    });  
      
    $subnavi_home[2][0].mouseout(function(){
      $subnavi_home[2][1].prop('src','/gfx/sn_koepfe.png');
    }).mouseover(function(){
      $subnavi_home[2][1].prop('src','/gfx/sn_koepfe_hover.png');
    });  
    
    $subnavi_home[3][0].mouseout(function(){
      $subnavi_home[3][1].prop('src','/gfx/sn_zahlen.png');
    }).mouseover(function(){
      $subnavi_home[3][1].prop('src','/gfx/sn_zahlen_hover.png');
    });
    
    $subnavi_home[4][0].mouseout(function(){
      $subnavi_home[4][1].prop('src','/gfx/sn_publikationen.png');
    }).mouseover(function(){
      $subnavi_home[4][1].prop('src','/gfx/sn_publikationen_hover.png');
    });
    
    //showsubnavi
    $subnavi_home_container.mouseout(function(){
      hideSubHome();
    }).mouseover(function(){
      showSubHome();
    });
 });
 
 function showSubHome() {
  hideSubProjekte();
  $navi[0][0].toggleClass('active',true)
  $navi[0][1].prop('src','/gfx/n_aktuell_hover.png');
  $subnavi_home_container.css('display','block');
 }
 
 function hideSubHome() {
  $navi[0][0].toggleClass('active',false)
  $navi[0][1].prop('src','/gfx/n_aktuell.png');
  $subnavi_home_container.css('display','none');
 }
 
 //submenu projekte
$(document).ready(function(){
    subnavi_projekte_items = new Array("kulturpass", "museumsgeschichten", "baukultur", "tourismus", "suedkulturvorort");
    $subnavi_projekte = new Array(5);
    for (i = 0; i< 5;i++)
    {
      $subnavi_projekte[i] = new Array(2);
      $subnavi_projekte[i][0] = $("#"+subnavi_projekte_items[i]);
      $subnavi_projekte[i][1] = $("#"+subnavi_projekte_items[i]+"_img");
    }
    
    $subnavi_projekte_container = $("#submenu_projekte");
    
    //element animation
    $subnavi_projekte[0][0].mouseout(function(){
      $subnavi_projekte[0][1].prop('src','/gfx/sn_kulturpass.png');
    }).mouseover(function(){
      $subnavi_projekte[0][1].prop('src','/gfx/sn_kulturpass_hover.png');
    }); 
    
    $subnavi_projekte[1][0].mouseout(function(){
      $subnavi_projekte[1][1].prop('src','/gfx/sn_museumsgeschichten.png');
    }).mouseover(function(){
      $subnavi_projekte[1][1].prop('src','/gfx/sn_museumsgeschichten_hover.png');
    });  
      
    $subnavi_projekte[2][0].mouseout(function(){
      $subnavi_projekte[2][1].prop('src','/gfx/sn_baukultur.png');
    }).mouseover(function(){
      $subnavi_projekte[2][1].prop('src','/gfx/sn_baukultur_hover.png');
    });  
    
    $subnavi_projekte[3][0].mouseout(function(){
      $subnavi_projekte[3][1].prop('src','/gfx/sn_tourismus.png');
    }).mouseover(function(){
      $subnavi_projekte[3][1].prop('src','/gfx/sn_tourismus_hover.png');
    });
    
    $subnavi_projekte[4][0].mouseout(function(){
      $subnavi_projekte[4][1].prop('src','/gfx/sn_suedkulturvorort.png');
    }).mouseover(function(){
      $subnavi_projekte[4][1].prop('src','/gfx/sn_suedkulturvorort_hover.png');
    });

    
    //showsubnavi
    $subnavi_projekte_container.mouseout(function(){
      hideSubProjekte();
    }).mouseover(function(){
      showSubProjekte();
    });
 });
 function showSubProjekte() {
  hideSubHome();
  $navi[1][0].toggleClass('active',true)
  $navi[1][1].prop('src','/gfx/n_projekte_hover.png');
  $subnavi_projekte_container.css('display','block');
 }
 
 function hideSubProjekte() {
  $navi[1][0].toggleClass('active',false)
  $navi[1][1].prop('src','/gfx/n_projekte.png');
  $subnavi_projekte_container.css('display','none');
 }
 
 // kulturkalender teaser
 $(document).ready(function() {
  $(".event").click(function()
    {
      window.location = $(this).children('div').children('a').prop("href");
      return false;
    });
 });
 
 
 //Kontakt Form
$(document).ready(function() {
  $("#javascriptmsg").hide();
  $form_elements = new Array(11);
  $form_elements[0] = $("#vorname");
  $form_elements[1] = $("#nachname");
  $form_elements[2] = $("#email");
  $form_elements[3] = $("#nachricht");
  $form_elements[4] = $("#newsletter");
  $form_elements[5] = $("#sendenbutton");
  $form_elements[6] = $("#errormsg");
  $form_elements[7] = $("#succesful");
  $form_elements[8] = $("#form_elements");
  $form_elements[9] = $("#form");
  $form_elements[10] = $("#errormsgSend");
  $form_elements[8].show();
  
  //vorname
  $form_elements[0].focus(function() {
    if ($form_elements[0].val() == "Vorname") {
          $form_elements[0].prop("value","");
    }
  });
  
  $form_elements[0].blur(function() {
    if ( $form_elements[0].val() == '') {
      $form_elements[0].prop("value", "Vorname");
    }
  });
  
  //nachname
  $form_elements[1].focus(function() {
    if ($form_elements[1].val() == "Name") {
          $form_elements[1].prop("value","");
    }
  });
  
  $form_elements[1].blur(function() {
    if ( $form_elements[1].val() == "") {
      $form_elements[1].prop("value", "Name");
    }
  });
  
  //email
  $form_elements[2].focus(function() {
    if ($form_elements[2].val() == "Email") {
          $form_elements[2].prop("value","");
    }
  });
  
  $form_elements[2].blur(function() {
    if ( $form_elements[2].val() == '') {
      $form_elements[2].prop("value", "Email");
    }
  });
  
  //nachricht
  $form_elements[3].focus(function() {
    if ($form_elements[3].html() == "Nachricht") {
          $form_elements[3].html("");
    }
  });
  
  $form_elements[3].blur(function() {
    if ( $form_elements[3].html() == '') {
      $form_elements[3].html("Nachricht");
    }
  });

  //senden?
  $form_elements[5].click(function() {
    //checkform
    vorname = $form_elements[0].val();
    nachname = $form_elements[1].val();
    email = $form_elements[2].val();
    nachricht = $form_elements[3].val();
    error = 0;
    
    if ( vorname == "Vorname" || vorname == "") {
      $form_elements[0].toggleClass("error");
      error = 1;
    }
    
    if ( nachname == "Name" || nachname =="") {
      error = 1;
      $form_elements[1].toggleClass("error");
    }
    
    if ( email == "Email" || email == "") {
      error = 1;
      $form_elements[2].toggleClass("error");
    }
    else {
      var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
      if(reg.test(email) == false) {
        error = 1;
        $form_elements[2].toggleClass("error");
      }
    }
    
    if (nachricht == "Nachricht" || nachricht == "") {
      error = 1;
      $form_elements[3].toggleClass("error");
    }
    
    if (error == 1)
    {
      $form_elements[6].slideDown("fast");
      $form_elements[10].slideUp("fast");
    }
    else
    {
      var action = $form_elements[9].attr("action");
      var serializedForm = $form_elements[9].serialize();
      $.ajax({
        type:"GET",
        url:"http://www.suedkultur.ch/post/kontakt.asp?do=1&ajax=1",
        data: serializedForm,
        success:function(data, textStatus) {
          if (data.replace(/\s+$/,"").replace(/^\s+/,"") == 1) {
            $form_elements[6].slideUp("fast");
            $form_elements[8].slideUp("fast");
            $form_elements[10].slideUp("fast");
            $form_elements[7].slideDown("fast");
          } else {
            $form_elements[10].slideDown("fast");
          }
        },
        error: function(xhr, textStatus, errorThrown) {
            $form_elements[10].slideDown("fast");
          },
        timeout: 20000
      });
    }
   });
});