/*var gonow
        var workie4
        workie4 = navigator.appVersion;
        work = workie4.indexOf("MSIE 4",17);
        if (work == 17) {
        gonow = true;
        }*/

//Establish Browser Version
var n = (navigator.appName == "Netscape")
var n4 = (document.layers) ? 1:0
var ie = (navigator.appName == "Microsoft Internet Explorer")
var ie4 = (document.all) ? 1:0
var browserName = navigator.appName;
var rolloversOK = 0;
browserVer = parseInt(navigator.appVersion);
if (n && browserVer >= 3) rolloversOK = 1;
else if (ie && browserVer >= 4) rolloversOK = 1;

if (n4) {
// Test for Unix NS4 version and don't allow DHTML elements in it
        if (navigator.appVersion.indexOf("X11") >= 0) {
                n4 = 0;
        }
}
else if (ie4) {
 // Test for Mac IE4 version and don't allow DHTML elements in it
        if ((navigator.appVersion.indexOf("Macintosh") >= 0) || (navigator.appVersion.indexOf("Mac_") >= 0)) {
                ie4 = 0;
        }
}
//More Variables
var theTimeout = setTimeout("","1");
var subTheTimeout = setTimeout("","1");
var version = "no";
var top_adjust = 0;
//var subtop_adjust = 0;
var offset;
var browserWidth;
var browserOffset;
var pageWidth = 800;

//if (n4) {
        version = "ok";
        top_adjust = 2;
//}

//else if (ie4) {
 //       version = "ok";
 //       top_adjust = 2;
//}

// The Popup Menu Variables
var totalMenus = 1;
var menuPosX = 1;
var menuPosY = new Array(totalMenus);
var itemsOnMenu = new Array(totalMenus);
var menuItems = new Array(totalMenus);
var urlLinks = new Array(totalMenus);
var lastMenu = -99;
var lastHotItem = -99;
var moveOver = 3;



//tr that changes
var bgHot = "#000099";
var bgNormal = "#ffffff";

menuPosY[1] = 90  + top_adjust;
itemsOnMenu[1] = 6;

menuItems[1] = new Array(itemsOnMenu[1]);
urlLinks[1] = new Array(itemsOnMenu[1]);

menuItems[1][0] = "   Try & Buy";             
menuItems[1][1] = "   Help Us Create"; 
menuItems[1][2] = "   Sweepstakes & Newsletters";                             
menuItems[1][3] = "   Family Care";
menuItems[1][4] = "   Household Care ";                   
menuItems[1][5] = "   Personal Care";                 

urlLinks[1][0] = "/store/main.jhtml";
urlLinks[1][1] = "http://app07.recipio.com/pg_com/index.html";
urlLinks[1][2] = "#";
urlLinks[1][3] = "/family_care/sectionmain.jhtml";
urlLinks[1][4] = "/household_care/sectionmain.jhtml";
urlLinks[1][5] = "/personal_care/sectionmain.jhtml";

menuPosY[2] =  90 + top_adjust;
itemsOnMenu[2] = 5;

menuItems[2] = new Array(itemsOnMenu[2])
urlLinks[2] = new Array(itemsOnMenu[2])

menuItems[2][0] = "    Main Page";                 
menuItems[2][1] = "    Shareholder Resources";                       
//menuItems[4][2] = "    Employee Resources";                                  
menuItems[2][2] = "    Fast Facts  ";                 
menuItems[2][3] = "    Historical Trends";                       
menuItems[2][4] = "    Financial Reports"; 

urlLinks[2][0] = "/investors/sectionmain.jhtml";
urlLinks[2][1] = "/investors/shareholder_resources/category_main.jhtml";
//urlLinks[4][2] = "/investors/employee_resource/features.jhtml";
urlLinks[2][2] = "/investors/fast_facts/features.jhtml";
urlLinks[2][3] = "/investors/historical_trends/category_main.jhtml";
urlLinks[2][4] = "/investors/financial_reports/category_main.jhtml?toolbar=/common/lbar_investors_mini.html";


menuPosY[3] = 90 + top_adjust
itemsOnMenu[3] = 10

menuItems[3] = new Array(itemsOnMenu[3])
urlLinks[3] = new Array(itemsOnMenu[3])

menuItems[3][0] = "    Main Page";                 
menuItems[3][1] = "    Apply Now  ";                       
menuItems[3][2] = "    Job Opportunities";                                  
menuItems[3][3] = "    Current Job Postings";                 
menuItems[3][4] = "    Internships";                       
menuItems[3][5] = "    Succeeding at P&G"; 
menuItems[3][6] = "    Application Process";                                  
menuItems[3][7] = "    College Recruiting";                 
menuItems[3][8] = "    Lifestyle & Benefits";                       
menuItems[3][9] = "    FAQs    ";

urlLinks[3][0] = "/jobs/sectionmain.jhtml";
urlLinks[3][1] = "/jobs/apply_now/sectionmain.jhtml";
urlLinks[3][2] = "/jobs/job_opportunity/jobopportunitymain.jhtml";
urlLinks[3][3] = "/jobs/current_job_postings/current_job_main.jhtml";
urlLinks[3][4] = "/jobs/internships/internshipsmain.jhtml";
urlLinks[3][5] = "/jobs/succeeding/succeedingatpg.jhtml";  
urlLinks[3][6] = "/jobs/application/application_process.jhtml";
urlLinks[3][7] = "/jobs/college/college_recruiting/collegerecruiting_main.jhtml";
urlLinks[3][8] = "/jobs/life_compensation/life.jhtml";
urlLinks[3][9] = "/jobs/faq/faq.jhtml";


menuPosY[4] = 90 + top_adjust
itemsOnMenu[4] = 2

menuItems[4] = new Array(itemsOnMenu[4])
urlLinks[4] = new Array(itemsOnMenu[4])

menuItems[4][0] = "    Fabric Care - Cleaning Stains";                 
menuItems[4][1] = "    Hair Care - Hair Concerns";                                  

urlLinks[4][0] = "concarefabric.htm";
urlLinks[4][1] = "concarehair.htm";

menuPosY[5] = 90 + top_adjust
itemsOnMenu[5] = 3

menuItems[5] = new Array(itemsOnMenu[5])
urlLinks[5] = new Array(itemsOnMenu[5])

menuItems[5][0] = "  Brands";                 
menuItems[5][1] = "  Corporate";                       
menuItems[5][2] = "  Financials";                                  

urlLinks[5][0] = "brandsarchives.htm";
urlLinks[5][1] = "corparchives.htm";
urlLinks[5][2] = "finarchives.htm";

/*menuPosY[6] = 100 + top_adjust
itemsOnMenu[6] = 7

menuItems[6] = new Array(itemsOnMenu[6])
urlLinks[6] = new Array(itemsOnMenu[6])

menuItems[6][0] = "    Main Page";                 
menuItems[6][1] = "    Photo Gallery";                       
menuItems[6][2] = "    News Archive";                                  
menuItems[6][3] = "    Financial Information";                 
menuItems[6][4] = "    Corporate Information";                       
menuItems[6][5] = "    Worldwide Operations"; 
menuItems[6][6] = "    Product Information";

urlLinks[6][0] = "/news/sectionmain.jhtml";
urlLinks[6][1] = "/news/photogallery.jhtml";
urlLinks[6][2] = "/news/XMLSearch_news.jhtml";
urlLinks[6][3] = "/investors/financial_reports/category_main.jhtml?toolbar=/common/lbar_news_mini.html";
urlLinks[6][4] = "/news/executive_bio.jhtml";
urlLinks[6][5] = "/about_pg/ww_operations.jhtml?toolbar=/common/lbar_news_mini.html";
urlLinks[6][6] = "/products/pg_products.jhtml?toolbar=/common/lbar_news_mini.html";

menuPosY[7] = 100 + top_adjust
itemsOnMenu[7] = 7

menuItems[7] = new Array(itemsOnMenu[7])
urlLinks[7] = new Array(itemsOnMenu[7])

menuItems[7][0] = "   Main Page";                 
menuItems[7][1] = "   Overview & Facts";                       
menuItems[7][2] = "   Student Information";                                  
menuItems[7][3] = "   Corporate Citizenship";                 
menuItems[7][4] = "   Science & Technology";                       
menuItems[7][5] = "   Product Information"; 
menuItems[7][6] = "   Worldwide Operations";

urlLinks[7][0] = "/about_pg/sectionmain.jhtml";
urlLinks[7][1] = "/about_pg/overview_facts/category_main.jhtml";
urlLinks[7][2] = "/about_pg/student_info/category_main.jhtml";
urlLinks[7][3] = "/about_pg/corporate/corp_citizenship_main.jhtml";
urlLinks[7][4] = "/about_pg/science_tech/sectionmain.jhtml";
urlLinks[7][5] = "/products/pg_products.jhtml?toolbar=/common/lbar_about_mini.html";
urlLinks[7][6] = "/about_pg/ww_operations.jhtml?toolbar=/common/lbar_about_mini.html";
*/
 // POPUP MENU FUNCTIONS

function doPopup (whichMenu, whichHotItem) {
        //if (version != "ok") {return}
                
//Moves menu over from left of window
        if (whichMenu == 0) { moveOver = 5; }
        else if (whichMenu == 1) { moveOver = 262; }
        else if (whichMenu == 2) { moveOver = 367; }
        else if (whichMenu == 3) { moveOver = 450; }
        else if (whichMenu == 4) { moveOver = 440; }
		else if (whichMenu == 5) { moveOver = 420; }
//       	else if (whichMenu == 6) { moveOver = 592; }
//		else if (whichMenu == 7) { moveOver = 634; }
//Clears the HidePopup timeout
        clearTimeout(theTimeout);

// DO WE HAVE TO RE-DRAW THE MENU?
        newMenu = 0
        if (whichMenu != lastMenu) {
                lastMenu = whichMenu
                newMenu = 1 
        }
        else if (whichHotItem != lastHotItem) {
                newMenu = 1
        }
// RE-DO THE POPUP TABLE, IF NECESSARY
        if (newMenu) {
                lastHotItem = whichHotItem;
                popupWidth = "100"; insideWidth = "98";
//Adjusts the size of each of the popup menus according to the size of text
                 if ((whichMenu == 0)) { popupWidth = "150"; insideWidth = "148"; }
                 if ((whichMenu == 1)) { popupWidth = "180"; insideWidth = "178"; }
                 if ((whichMenu == 2)) { popupWidth = "160"; insideWidth = "158"; }
                 if ((whichMenu == 3)) { popupWidth = "150"; insideWidth = "148"; }
                 if ((whichMenu == 4)) { popupWidth = "175"; insideWidth = "173"; }
                 if ((whichMenu == 5)) { popupWidth = "132"; insideWidth = "130"; }
//				 if ((whichMenu == 6)) { popupWidth = "150"; insideWidth = "148"; }
//				 if ((whichMenu == 7)) { popupWidth = "140"; insideWidth = "138"; }
//the size of the height of each tr (leave alone)
                                popupHeight = (itemsOnMenu[whichMenu] * 15)
//theTable is a variable that holds the string of the entire table of the Popups
                                theTable  = '<table width=' + popupWidth + ' cellpadding=0 cellspacing=0 border=1><tr><td>\n'
                                theTable += '<table align="center" width=' + insideWidth + ' height=' + popupHeight + ' bgcolor=' + bgNormal + ' cellspacing=0 cellpadding=0 border=0>\n'
                               //theTable += '<tr><td width="100%" height=1></td></tr>\n' 
                for (x = 0; x < itemsOnMenu[whichMenu]; x++ ) {
                        bg2Use = bgNormal; class2Use = "notHot";
                        if (x == whichHotItem) { bg2Use = bgHot; class2Use = "Hot"; }
                        theTable += '<tr bgcolor=' + bg2Use + '><td><a href="' + urlLinks[whichMenu][x] + '" class="' + class2Use + '" onMouseOver="doPopup(' + whichMenu + ',' + x + ');" onMouseOut="hideTime();">' + menuItems[whichMenu][x] + '</a></td></tr>\n'
                       //aif (x != itemsOnMenu[whichMenu]) { theTable += '<tr><td width="100%" height=1></td></tr>\n' }
                }
                theTable += '</table>\n</td></tr></table>\n'
//Check for N4 and writes to the Layer tag
                if (n4) {
                        browserWidth = window.innerWidth;
                        browserOffset = 20;
                        //if (browserWidth < pageWidth ) {
                        //      browserWidth = pageWidth;
                        //}
                        offset = (browserWidth - pageWidth)/2 + moveOver - 2;
        //              menuPosX = offset + browserOffset;
                        menuPosX = 0 + moveOver;
        
                        whichLayer = "nsPopup"
                        document.layers[whichLayer].visibility = 'hide'
                        document.layers[whichLayer].document.write(theTable)
                        document.layers[whichLayer].document.close()
                        if (whichHotItem == -1) {
                                document.layers["nsBuffer"].visibility = 'hide'
                                document.layers["nsBuffer"].document.write(theTable)
                                document.layers["nsBuffer"].document.close()
                                document.layers["nsBuffer"].moveTo(menuPosX, menuPosY[whichMenu])
                                document.layers["nsBuffer"].visibility = 'show'
                        }
                        document.layers[whichLayer].moveTo(menuPosX, menuPosY[whichMenu])
                        document.layers[whichLayer].visibility = 'show'
                }
//Checks for IE4 and writes to the Div tag
                else if (ie4) {
                        browserWidth = parseInt(document.body.offsetWidth);
                        browserOffset = 20;
//                      if (browserWidth < pageWidth ) {
//                                              browserWidth = pageWidth;
//                      }
                        offset = (browserWidth - pageWidth)/2 + moveOver;
//                      menuPosX = offset + browserOffset;
//                      menuPosX = offset - 70;
                        menuPosX = 0 + moveOver;

                        whichLayer = "iePopup"
                        document.all[whichLayer].innerHTML = theTable
                        document.all[whichLayer].style.posLeft = menuPosX
                        document.all[whichLayer].style.posTop = menuPosY[whichMenu]
                        document.all[whichLayer].style.visibility = 'visible'
                        }
                }
             
        }

        

function hideTime() {
        if (version != "ok") {
        }
        else{
                theTimeout = setTimeout("hidePopups()", "300");
	}
}

function hidePopups() {

                lastMenu = -99
                lastHotItem = -99
                
        if (n4) {
                document.layers["nsPopup"].visibility = "hide";
                document.layers["nsBuffer"].visibility = "hide";
        }

                else if (ie4) { 
                 document.all["iePopup"].style.visibility = 'hidden';
        }
}