$(document).ready( function(){
//     $('a.presentation').click( function(){
//         w = $(window).width();
//         h = $(window).height();
//         $('body').append('<div id="framecontainer"></div>');
//         $('#framecontainer').append('<div class="frame_sup"></div>').append('<div class="frame_inf"></div>').append('<div class="frame_background"></div>').append('<div class="frame_frame"></div>');
//         //$('.frame_frame').append('<div class="dialog"><div class="content"><div class="t"></div></div></div>');
//         //$('#framecontainer .content').append('<div class="b"><div></div></div>');
//
//         //colocación
//         $('.frame_frame').width(600).height(440);
//         //Lo coloco en el centro vertical, la esquina superior debe estar a la mitad del documento - la mitad de la altura del frame
//         top_corner = h/2 - $('.frame_frame').height()/2;
//         $('.frame_frame').css( { top: top_corner} );
//         //Lo coloco en borde izdo de la pantalla y lo animo al centro
//         left_corner = w/2 - $('.frame_frame').width()/2;
//
//         //Animación
//         $('.frame_frame').css( { left: w} ).animate( { left:left_corner },1000 );
//         //Meto el iframe
//         url = $(this).attr('href');
//         $('.frame_frame').append('<iframe width="600" height="440" src="'+url+'" ></iframe><hr />');
//
//         $('.frame_sup, .frame_inf').width(w).animate({ height:'50px' },1000);
//         $('.frame_sup').css( { top:'0em'} );
//         $('.frame_inf').css( { bottom:'0em'} );
//         $('.frame_background').width(w).height(h).show();
//
//         // Exit
//         $('.frame_background, .frame_sup, .frame_inf').click( function(){
//             $('#framecontainer').remove();
//         });
//         return false;
//     });

//     Tabuladores horizontales
    lastBlock = $("#tab1");
    maxWidth = 300;
    minWidth = 180;
//     maxWidth = $("#tab1").width();
//     minWidth = $("ul.horizontal_tabs li:not(#tab1)").width();

    $("ul.horizontal_tabs li").bind('mouseenter',function(){
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
        $(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
        lastBlock = this;
    });

    $('a.tooltip').cluetip({splitTitle: '|'});
    $('a.media').media({type:'html'});
});