/*
function showHover (e)
{
    $('.hover:first', this).css('display', 'block');
    $('.normal:first', this).css('display', 'none');
}

function hideHover (e)
{
    $('.hover:first', this).css('display', 'none');
    $('.normal:first', this).css('display', 'block');
    
    e.stopPropagation();
}
*/


$(document).ready(
	function() {

	    // Storage for calculation
	    var menuWidth = $('#htmlMenu').width();
	    var menuItems = $('#tabs > li').size();
	    var width = 0;
	    var padding = 0;

	    $('#tabs li:first a').addClass('first');

	    // Fix for IE6
	    if ($.browser.msie) {

	        $("#tabs li").hover(
			    function() {
			        $(this).addClass("sf");
			    },
			    function() {
			        $(this).removeClass("sf");
			    });

	    }

	    // Concatenate the total width for each top li item
	    /*
	    $('#tabs > li').each(
	    function ()
	    {
	    width += $(this).width();
	    }
	    );
	    */

	    // Calculate the correct padding
	    padding = Math.floor(((menuWidth - width) / menuItems) / 2);

	    // Apply the padding
	    /*
	    $('#tabs > li').each(
	    function ()
	    {
	    $(this).css('padding-left', padding+'px').css('padding-right', padding+'px');
	    }
	    );
	    */
	    // Apply the background color for even li's
	    $('#tabs ul.children').each(
			function() {
			    $('li:even', this).addClass('even');
			}
		);

	    // Apply event handler for li's
	    /*
	    $('#tabs > li').bind('mouseover', showHover);
	    $('#tabs > li').bind('mouseout', hideHover);
	    $('ul.children > li').bind('mouseover', showHover);
	    $('ul.children > li').bind('mouseout', hideHover);
	    */

	}
);