$(document).ready(function(){
  
  //LANGUAGE
  if ($("language").html()=="it"){
    $(".it").css("display","block");
  }else{
    $(".en").css("display","block");
  }
  
  $('#header').css("display","block");
  $('#loading').css("display","none");
  
  //MAIN SECTION
  function showBox(name){
    $(".contents").find("div").each(function() {
      $(this).css("display","none");
    });
    $("."+name).css("display","block");
    $(".divisory_float").css("display","block");
    
    if (name=="portfolio_access"){
      $("."+name).find("div").each(function() {
        $(this).css("display","none");
      });
      $(".portfolio_access .menu").css("display","block");
    }    
  
  }
  
  $("div.menu ul li a").click(function(){
    name = $(this).attr("rel");
    showBox(name);
  });
  
  //FORM
  $('#access_button_it').click(function() {
    $('#access_form_it').submit();
  });

  $('#access_button_en').click(function() {
    $('#access_form_en').submit();
  });
  
  $('#button_contatti_it').click(function() {
    var nome = $("input.nome_it").val();  
    var cognome = $("input.cognome_it").val();  
    var email = $("input.email_it").val();  
    var telefono = $("input.telefono_it").val();  
    var richiesta = $("textarea.richiesta_it").val();  
    var dataString = 'nome='+ nome + '&cognome=' + cognome + '&email=' + email + '&telefono=' + telefono + '&richiesta=' + richiesta;  
    $.ajax({
       type: "POST",
       url: "system/send_mail.php",
       data: dataString,
       success: function(msg) { 
         var risultato = msg;
         $('#message_mail_it').html(msg); 
         linguaggio = "ita";
       },
       complete: function(){
         if (linguaggio == "ita"){
           $('.result_en').css("display","none");
           $('.result_it').css("display","block")
         }else{$('.result_it').css("display","none");
         $('.result_en').css("display","block");}
       }
    });      
  });
  
  $('#button_contatti_en').click(function() {
    var nome = $("input.nome_en").val();  
    var cognome = $("input.cognome_en").val();  
    var email = $("input.email_en").val();  
    var telefono = $("input.telefono_en").val();  
    var richiesta = $("textarea.richiesta_en").val();  
    var dataString = 'nome='+ nome + '&cognome=' + cognome + '&email=' + email + '&telefono=' + telefono + '&richiesta=' + richiesta; 
    $.ajax({
       type: "POST",
       url: "system/send_mail.php",
       data: dataString,
       success: function(msg) { 
           var risultato = msg;
           linguaggio = "eng";
           $('#message_mail_en').html(msg);
       },
       complete: function(){
         if (linguaggio == "ita"){
           $('.result_en').css("display","none");
           $('.result_it').css("display","block")
         }else{$('.result_it').css("display","none");
         $('.result_en').css("display","block");}
       }
    });      
  });
  
  //SUB SECTION
  function showBox2(name){
    $(".portfolio_access").find("div").each(function() {
      $(this).css("display","none");
    });
    $(".portfolio_access").css("display","block");
    $(".portfolio_access .menu").css("display","block");
    $(".sc_menu_wrapper").css("display","block");
    $(".sc_menu_wrapper").find("div").each(function() {
      $(this).css("display","block");
    });
    $(".loading").css("display","none");    
    $(".sc_menu_tooltip").css("display","none");
    $("."+name).css("display","block");
    $(".divisory_float").css("display","block");
  }  

  $(".portfolio_access div.menu ul li a").click(function(){
    name = $(this).attr("rel");
    showBox2(name);
  });
  
  
  $('#mycarousel').jcarousel({
      vertical: true,
      scroll: 2
  });
  
  $('#mycarousel2').jcarousel({
      vertical: true,
      scroll: 2
  });


  
  
  //CODE COMMENTED
  //Background color, mouseover and mouseout  
  /*
  var colorOver = '#31b8da';  
  var colorOut = '#1f1f1f';  
 
  //Padding, mouseover  
  var padLeft = '20px';  
  var padRight = '20px'  
    
  //Default Padding  
  var defpadLeft = $('#menu li a').css('paddingLeft');  
  var defpadRight = $('#menu li a').css('paddingRight');  
        
  //Animate the LI on mouse over, mouse out  
  $('#menu li').click(function () {     
      //Make LI clickable  
      window.location = $(this).find('a').attr('href');  
        
  }).mouseover(function (){  
        
      //mouse over LI and look for A element for transition  
      $(this).find('a')  
      .animate( { paddingLeft: padLeft, paddingRight: padRight}, { queue:false, duration:100 } )  
      .animate( { backgroundColor: colorOver }, { queue:false, duration:200 });  
 
  }).mouseout(function () {  
    
      //mouse oout LI and look for A element and discard the mouse over transition  
      $(this).find('a')  
      .animate( { paddingLeft: defpadLeft, paddingRight: defpadRight}, { queue:false, duration:100 } )  
      .animate( { backgroundColor: colorOut }, { queue:false, duration:200 });  
  });   
    
  //Scroll the menu on mouse move above the #sidebar layer  
  $('#sidebar').mousemove(function(e) {  
 
      //Sidebar Offset, Top value  
      var s_top = parseInt($('#sidebar').offset().top);         
        
      //Sidebar Offset, Bottom value  
      var s_bottom = parseInt($('#sidebar').height() + s_top);  
    
      //Roughly calculate the height of the menu by multiply height of a single LI with the total of LIs  
      var mheight = parseInt($('#menu li').height() * $('#menu li').length);  
    
      //I used this coordinate and offset values for debuggin  
      $('#debugging_mouse_axis').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);  
      $('#debugging_status').html(Math.round(((s_top - e.pageY)/100) * mheight / 2));  
            
      //Calculate the top value  
      //This equation is not the perfect, but it 's very close      
      var top_value = Math.round(( (s_top - e.pageY) /100) * mheight / 2)  
        
      //Animate the #menu by chaging the top value  
      $('#menu').animate({top: top_value}, { queue:false, duration:500});  
  });
  */

});