$(document).ready(function(){
    $('.CollapsiblePanelTab').click(function(){
        var Last = parseInt($('#LastOpened').val());
        var rel = $(this).attr("rel");
        var rel213 = $(this).position().top;
        var Top =   parseInt(262);
        var rel2    =   parseInt(rel)-1;
        if(Last!="0" && rel!=Last)
        $('#Panel'+Last).slideUp();
//        setTimeout("$('html, body').animate({scrollTop:"+((rel2*87)+Top)+"}, 'slow');",500);
        setTimeout("$('html, body').animate({scrollTop:"+rel213+"}, 'slow');",500);
        $('.PanelInnerOpen').css('display','block');
        $('#PanelInner'+rel).fadeOut('normal');
        $('#Panel'+rel).slideDown('normal');
        $('#ShowImage'+rel).css('display','none');
        $('#HiddenImage'+rel).css('display','block');
        $('#LastOpened').val(rel);
    });
    $('.CloseButton').click(function(){
        $('.PanelInner').css('display','block');
        var rel = $(this).attr("rel");
        $('#PanelInner'+rel).css('display','block');
        $('#Panel'+rel).slideUp('slow');
    });
});