﻿    $.fn.scrollableTable = function()
    {//return;
        var table = this;
        var scrollHeight = parseInt( table.attr("Scroll-Height"));
        if(scrollHeight > table.height()) 
            return;
        var container = table.parent();
        container.addClass('scroll-container');
        container.css("clear", "both");
        container.css("overflow-x", "hidden");
        container.css("overflow-y", "scroll");
        
        container.width(container.width() + 17);
        
        var headers = $("tr.scroll-top", table);
        var marginTop = 0;
        headers.each(function(i, header){convertTRTODiv(header, false).insertBefore(container); marginTop+=$(header).height();});
        headers.css("visibility", "hidden");
        table.css("margin-top", (-marginTop-1)+"px");
        
        var footers = $("tr.scroll-bottom", table);
        footers.each(function(i, footer) {convertTRTODiv(footer, headers.length>0).insertAfter(container);});
        footers.css("visibility", "hidden");
  
        container.height(Math.min(container.height(), scrollHeight));
    };
    function convertTRTODiv(trElement, deleteElement)
    {
        var jheader =$(trElement);
        var headerDiv = $("<div/>");
        headerDiv.addClass(jheader.attr('class'));
        headerDiv.css('overflow', 'hidden');
        jheader.children("th td").each(function(index, el){convertTDtoDiv(index, el).appendTo(headerDiv);});
        headerDiv.height(jheader.height());
        
        if(deleteElement)
            jheader.remove();
        return headerDiv;
    }
    function convertTDtoDiv(index, tdElement)
    {
        var jel = $(tdElement);
        var elwidth = jel.width();
        var html = $("<div/>");
        if(index ==0 || $.browser.safari) html.css("margin-left", "-1px");
        html.addClass('item');
        html.addClass(jel.attr('class'));
        html.html(jel.html());
        html.width(elwidth);
        jel.width(elwidth);
        return html;
    }

RunOnLoad(function () {
    jQuery.noConflict();
    jQuery("table.scrollable").scrollableTable();
    jQuery("#rss-feed").rotator({ ms: 7000 });
});
