﻿function matchRibbonPos() {
	$('#ribbon_ie6shim').css('width', $('#ribbon').width()-2);
	$('#ribbon_ie6shim').css('height', $('#ribbon').height()-10);
	$('#ribbon_ie6shim').show();
}

$(document).ready(function() {
	// Create IE6 shim
	$('#ribbon').after('<iframe id="ribbon_ie6shim" style="margin-top: 58px; position: absolute; z-index: 9999; display: none; background-color: transparent; border: none;" border="0" frameborder="0"><html><body style="background: transparent;"></body></iframe>');
						   
    $('#siteNav > li > a').bind('mouseover', function() {
		var rel=$(this).attr('rel');
        if ((rel != null) && (rel!="")) {
            $('#ribbon').removeClass('hidden');
            $('#ribbon').load(rel, function(data) {
				matchRibbonPos();
			});
			matchRibbonPos();
        }
    });

    $('#siteNav > li > a').bind('mouseout', function() {
        $('#ribbon').addClass('hidden');
		$('#ribbon_ie6shim').hide();
    });

    $('#ribbon').bind('mouseout', function() {
        $(this).addClass('hidden');
		$('#ribbon_ie6shim').hide();
    });

    $('#ribbon').bind('mouseover', function() {
        $(this).removeClass('hidden');
		matchRibbonPos();
    });
});