function ocultar(){
        $('.activo').removeClass('activo').addClass('noactivo');
        $(this).removeClass('noactivo').addClass('activo');
        var id= $(this).attr('rel');

        switch (id){
            case "web":
                $('.contenedor').fadeOut(400).delay(500);
                
                $("#web").fadeIn(500);
                
                break;
            case "grafico":
                 $('.contenedor').fadeOut(400).delay(500);
                 $("#grafico").fadeIn(500);
                break;
            case "mkt":
                $('.contenedor').fadeOut(400).delay(500);
                $("#mkt").fadeIn(500);
                break;

            case "todos":
                 $('.contenedor[style="display:block;"]').fadeOut(600).delay(600);
                 $('#trabajos').hide().delay(300);
                 $(".contenedor").show();
                 $('#trabajos').fadeIn(500);
                break;
                
                

        }
       
        return false;
 }

function destacar(){

//    alert('hola');
//    var id = $(this).attr('id');
//    alert(id);
//    $('.trab').css('opacity','0.4')
//    $('#'+id).css('opacity','1')
    

    $('.trab').hover(abrir,cerrar);
    
    function abrir (){
        var id = $(this).attr('id');
        $('.trab').css('opacity','0.2')
        $('#'+id).css('opacity','1')
        $('#'+id+' .logo').css('border','1px #000 solid')
    }

    function cerrar (){
        var id = $(this).attr('id');
        $('.trab').css('opacity','1')
        $('#'+id+' .logo').css('border','1px #ccc solid')
    }
    return false;
}


function efectos_lista(){
   
    $('.cerrado').hide();
    $('#mas > div').hide();
    $('#puntos a').bind('click',menu);
    
    $('#serv #nom_serv a').bind('click',abrir_serv);
    
    $('#mas a').bind('click',abrir_serv);

    function abrir_serv(){

        var e=$(this).attr('rel');
        var src = $("#nom_serv a[rel="+e+"] img").attr('src');
        var estado=$('#'+e).attr('class')
        if (estado=='cerrado'){
           $('#'+e+'> .boton_ser').hide();
           $('#'+e).slideDown();
           $('#'+e).removeClass('cerrado').addClass('nocerrado');
           $("#nom_serv a[rel="+e+"] img").attr('src','images/flecha_sup.png');
           $('#'+e+'> .boton_ser').fadeIn(700);

        }else {
            $('#'+e+'> .boton_ser').fadeOut(100);
            $('#'+e).slideUp();
            $("#nom_serv a[rel="+e+"] img").attr('src','images/flecha_inf.png');
            $('#'+e).removeClass('nocerrado').addClass('cerrado');
        }

    }



    function menu (){
        var boton= $(this).attr('rel');
         $('#puntos a').removeClass('activo').addClass('noactivo');
         $(this).removeClass('noactivo').addClass('activo');
         $('.ocultar').fadeOut(100).delay(500);

        switch (boton){
            case 'web':
                $('#mas > div').hide();
                $('.web').fadeIn();
                $('.serv_web').fadeIn(600);
                break;
            case 'grafico':
                $('#mas > div').hide();
                $('.grafico').fadeIn();
                $('.serv_grafico').fadeIn(600);
                break;
            case 'seo':
                $('#mas > div').hide();
                $('.seo').fadeIn();
                $('.serv_seo').fadeIn(600);
                break;
            case 'creatividad':
                $('#mas > div').hide();
                $('.creatividad').fadeIn();
                $('.serv_creatividad').fadeIn(600);
                break;
            case 'mkt':
                $('#mas > div').hide();
                $('.mkt').fadeIn();
                $('.serv_mkt').fadeIn(600);
                break;
            case 'consultoria':
                $('#mas > div').hide();
                $('.consultoria').fadeIn();
                $('.serv_consultoria').fadeIn(600);
                break;
             case 'formacion':
                $('#mas > div').hide();
                $('.formacion').fadeIn();
                $('.serv_formacion').fadeIn(600);
                break;
             case 'all':
                    $('.ocultar').fadeIn(500);
                break;

        }
        return false;
    }
    return false;

}

function atributos(){
    $("a[href='#']").attr('onclick','return false;');

}

function mapa(){
    $('#mapa').hide();
    $('#logo_mapa a').bind('click',verMapa);
    var mapaString= "<iframe width='960' height='400' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=to+be+solutions&amp;sll=40.396764,-3.713379&amp;sspn=17.217367,21.665039&amp;ie=UTF8&amp;hq=to+be+solutions&amp;hnear=&amp;cid=15595925990773974189&amp;ll=41.649988,-0.892725&amp;spn=0.012827,0.042014&amp;z=15&amp;iwloc=A&amp;output=embed'></iframe>";

    function verMapa(){

        var rel= $(this).attr('rel');

        if (rel=='abierto'){
           $('#logo_mapa a').attr('rel','cerrado');
           $('#logo_mapa p a').text('Abrir mapa Googe Maps >');
           $('#mapa').hide();
           $("#menu").animate({"height": "-=440px"}, "slow");

        } else{
           $('#logo_mapa a').attr('rel','abierto');
           $("#menu").animate({"height": "+=440px"}, "slow")
           $('#mapa').fadeIn(1000);
           $('#mapa').html(mapaString);
           $('#logo_mapa p a').text('Cerrar mapa Google Maps >');

        }



    }
}



$(document).ready( function(){
   
   $('#visualización a').bind('click',ocultar);
   destacar();
   efectos_lista()
   atributos();
   mapa();

});