/*

 * 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);

                   });                    

               }

        }

}

);

/* 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";

}