/*
 * Quick and dirty hack to get the subpages working cross browser and with IE<8.
 * -Ricky 
 */

$(document).ready(function() {
        var ieRenderMode = (parseInt(IEVersion().DocMode));                    
        /* Also: better to do this using Jquery, but it's been a while. */
	    var all_page_items      = ($("#header li.page_item"));
	    var toppage_items = ($("#header>ul>li.page_item"));
       	for (i=0; i<toppage_items.length; i++){
               var subpages = jQuery(toppage_items[i]).find("ul>li.page_item");
               if(subpages.length > 0){
                   if(!toppage_items[i].id || toppage_items[i].id == ""){
                       toppage_items[i].id = "toppage_item-"+i;
                       toppage_items[i].style.position="relative";
                   }
                   var subPageContainer = document.createElement('div'); 
                   subPageContainer.className="subPageContainer";
                   subPageContainer.style.display="none";
                   subPageContainer.id="subPageContainer_for_"+toppage_items[i].id;
                   toppage_items[i].appendChild(subPageContainer);
                   for (si=0; si<subpages.length; si++){
                       subPageContainer.appendChild(subpages[si]);
                       if(ieRenderMode > 0 && ieRenderMode <8 ){
                          /* If an older version of IE or a modern version stepping down: */
                          subpages[si].style.marginLeft="-16px";
                       }                        
                   }
                   jQuery(toppage_items[i]).bind("mouseenter", function(e){
                           qdMenuOver(this);
                   });                    
                   jQuery(toppage_items[i]).bind("mouseleave", function(e){
                           qdMenuOff(this);
                   });                    
               }
        }
}
);
/* Quick and dirty functions for hover menus: */
function qdMenuOver(parentMenu){
    var container = document.getElementById('subPageContainer_for_'+parentMenu.id);
    container.style.display="block";
    var subpages = jQuery(container).find("li.page_item");
    var widthCounter = 0;
    /* Get the longest width among the elements */
    for (si=0; si<subpages.length; si++){
        if(subpages[si].offsetWidth > widthCounter){
            widthCounter = subpages[si].offsetWidth;
        }
    }
    /* Now set the container and all of them to that width. */
    container.style.width = widthCounter+"px";
    parentMenu.className += " active_page";
}
function qdMenuOff(parentMenu){
    var container = document.getElementById('subPageContainer_for_'+parentMenu.id);
    parentMenu.className = String(parentMenu.className).replace(new RegExp(" active_page","g"),"");
    container.style.display="none";
}