function page_home(){
    var bk_pos = 2700;
    show_section('home',bk_pos);
}

function page_who(){
    var bk_pos = 3600;    
    show_section('who',bk_pos);
}

function page_services(){
    var bk_pos = 900;    
    show_section('services',bk_pos);
}

function page_portfolio(){
    var bk_pos = 1800;
   show_section('portfolio',bk_pos);
}

function page_contact(){
    var bk_pos = 4500;
   show_section('contact',bk_pos);
}

function window_width(){
    var ancho = $(window).width();
   return ancho
}    

function window_height(){
    var alto = $(window).height();
   return alto
} 

function show_section(section,bk_pos){    
    //quitamos seccion anterior
        $("#formcontact").animate(
            {opacity: 0},
            {duration: 100}
     )
    $(".active").animate(
        {height: 0},
        {duration: 200,
        complete: function(){
            $(".active").hide().removeClass("active");
            //cambiamos el boton
            $(".selected").removeClass("selected");
            $("#"+section+"_button").addClass("selected");
            //movemos el fondo
            var ancho = window_width();  
            $("article").animate(
                {"background-position": ((ancho-900)/2)- bk_pos},
                {duration: 1000,
                complete: function() {
                    load_section(section);
                    
            }});
        }});
}

function load_section(section){
     $("#"+section).addClass("active");
     var alto = $("#"+section).height();
     switch(section){
     case 'home':
         alto = 395;
      break;

     case 'who':
         alto = 500;
         $('.botonerawho').hide();
         $('.botonerawho').delay(600).fadeIn();
      break;

     case 'services':
         alto = 490;
     break;
      
     case 'portfolio':
         alto = 500; 
     break;
      
     case 'contact':
         $("#formcontact").delay(800).animate(
            {opacity: 1},
            {duration: 200}
         )
         alto = 440;
     break;
    }            

     $(".active").show().animate(
        {height: alto},
        {duration: 500}
        )
   $(".scrolled.graphic").tinyscrollbar();   
   $(".scrolled.web").tinyscrollbar();
}
     
function load_trabajo(trabajo){
    $(document).ready(function(){ 
                 $.ajax({ 
                     data: "action=trabajo&trabajo="+trabajo, 
                     type: "GET", 
                     dataType: "html", 
                     url: "/include/ajax.bbdd.php", 
                     beforeSend: function(objeto){
                    },
                     success: function(data){ 
                             $('#display').html(data);
                             var img = $('.cataleg li').length;
                             $('.cataleg .scrolltarget').width(70*img);
                             scrollhorizontal();
                             $('.big li a#graphic').lightBox();
                         } 
                     }); 
             }); 
}
function validarEmail(valor){
    re=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/
    if(!re.exec(valor))    {
        return false;
    }else{
        return true;
    }
}

function scrollhorizontal(){
  var max = $(".cataleg").width() - $(".cataleg div.scrolltarget").width();
    if($(".cataleg div.scrolltarget").position().left==0){
         $('.scrollxminus').addClass('disabled');
    }else{
         $('.scrollxminus').removeClass('disabled');   
    }
    if($(".cataleg div.scrolltarget").position().left<=max){
         $('.scrollxplus').addClass('disabled');   
    }else{
         $('.scrollxplus').removeClass('disabled');   
    }
}