//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Name: psnav.js
//Description: Creates navigation menus for private areas. 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Variables
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    var gtype              = ".gif"                  //Image Extention
    var ImagePath          = "./images/nav/psnav/"       //Image Location
    var FooterImageName = "./images/nav/keyboard.jpg"                      //Footer Image
    var FooterImageStyle   = "width:118px;height:125px;background:gray;align:center" //Footer Image Styles
    var DisplayFooterImage = true                    //Flag for hiding/showing footer image
   
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Variables
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Location Settings
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    if (typeof (loc) == "undefined" || loc == "") {
        var loc = ""
        if (document.body && document.body.innerHTML) {
            var tt = document.body.innerHTML.toLowerCase();
            var last = tt.indexOf("psnav.js\"");
            if (last > 0) {
                var first = tt.lastIndexOf("\"", last);
                if (first > 0 && first < last) loc = document.body.innerHTML.substr(first + 1, last - first - 1);
            }
        }
    }

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Location Settings
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Output of navigation table.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    document.write("<table border=\"0\" cellspacing=\"1\" cellpadding=\"1\"><tr>");     ///Start Table & row
    tr(false);                                                                          //write </tr> End row
    ///Start Button Creation
    writeButton(loc + "", "login.asp", "psnav_b2", 119, 22, "Your Online Profile", "", 0);
    writeButton(loc + "", "editstudents.asp", "psnav_b3", 119, 22, "Your Students", "", 0);
    writeButton(loc + "", "categories.asp", "psnav_b1", 119, 22, "Available Products", "", 0);
    writeButton(loc + "", "showcart.asp", "psnav_b4", 119, 22, "Your Shopping Cart", "", 0);
    writeButton(loc + "", "history.asp", "psnav_b8", 119, 22, "Your Order History", "", 0);
    writeButton(loc + "", "privacy.asp", "psnav_b5", 119, 22, "Privacy Policy", "", 0);
    writeButton(loc + "", "returns.asp", "psnav_b6", 119, 22, "Return Policy", "", 0);
    writeButton(loc + "", "terms.asp", "psnav_b7", 119, 22, "Terms And Conditions", "", 0);
    writeButton(loc + "", "contact.asp", "psnav_b11", 119, 22, "Contact Information", "", 0);
    writeButton(loc + "", "admin.asp", "psnav_b9", 119, 22, "Admins Only", "", 0);
    writeButton(loc + "", "logout.asp", "psnav_b10", 119, 22, "Sign Out", "", 0);
    ///End Button Creation
    if (DisplayFooterImage) {                                                           //if DisplayFooterImage is true then:
        NavFooterImage(FooterImageName);                                                //Create Nav Footer Image
    }
    tr(true);                                                                           //write <tr> Start Row                    
    document.write("</tr></table>")                                                     ///End row and table
    loc = "";                                                                             //reset loc variable
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Output of navigation table.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: NavFooterImage
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Write <TR> or </TR>
/// </summary>
/// <param name="b"   type="boolean" > True start a row, False ends a row  </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function NavFooterImage(imageName) {
    var _imgRow = "<tr><td>&nbsp</td></tr><tr><td><img style=\"" + FooterImageStyle + "\" src=\"" + imageName + "\" alt=\"Navigation Footer Image\"></td></tr>"
    document.write(_imgRow);
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: NavFooterImage
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////




//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: tr
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Write <TR> or </TR>
/// </summary>
/// <param name="b"   type="boolean" > True start a row, False ends a row  </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function tr(b) { if (b) document.write("<tr>"); else document.write("</tr>"); }
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: tr
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: turn_over 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Replace img to create hover/click effects.
/// </summary>
/// <param name="name"   type="string" > Image Name  </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function turn_over(name) {
    if (document.images != null) {                          //If there are images on the page and clicked != name
        document[name].src = document[name + "_over"].src;    //Replace with ImageName_over.src ( name_over.gif)
    }
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: turn_over
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: reg 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Replace img to create visual effect
/// </summary>
/// <param name="name"   type="string" > Image Name  </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function turn_off(name) {
    if (document.images != null) {                          //If there are images on the page and clicked != name
        document[name].src = document[name + "_off"].src;     //Replace with ImageName_off.src ( name_off.gif)
    }
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: reg
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: reg 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Register 2 new images on document. ImageName_off & ImageName_over.
/// </summary>
/// <param name="gname"   type="string" > Image Name  </param>
/// <param name="name"    type="string" > Image Name  </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function reg(gname, name) {
    if (document.images) {                                            //If the document has images present.	    
        document[name + "_off"] = new Image();                       //Register new image. name_off.gtype
        document[name + "_off"].src = loc + ImagePath + gname + gtype;             //Set new image source = gname.gtype
        document[name + "_over"] = new Image();                      //Register New image name_over
        document[name + "_over"].src = loc + ImagePath + gname + "_over" + gtype; //Set new image source = name_over.gif
    }
    //Debug Helper:
    //document.write("gname:" + gname + "<Br>name:" + name + "<br>gtype:" + gtype+"<Br>"+ "<br>loc:" + loc+"<Br>");
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: reg
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: evs 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Register javascript events for onmouseover & onmouseout
/// </summary>
/// <param name="name"   type="string" > Element Name to add events too  </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function evs(name) { return " onmouseover=\"turn_over('" + name + "')\" onmouseout=\"turn_off('" + name + "')\"" }
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: evs
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///Start Function: writeButton 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/// <summary>
///     Writes formated Image Button.
/// </summary>
/// <param name="urld"   type="string" > Prefix for URL Target  </param>
/// <param name="url"    type="string" > URL target for button  </param>
/// <param name="name"   type="string" > Name of Button         </param>
/// <param name="w"      type="integer"> Width (optional)       </param>
/// <param name="h"      type="integer"> Height (optional       </param>
/// <param name="alt"    type="string" > Alt text (optional)    </param>
/// <param name="target" type="string" > Target (optional)      </param>
/// <param name="hsp"    type="integer"> Hspace (optional)      </param>
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function writeButton(urld, url, name, w, h, alt, target, hsp) {
    gname = name;
    while (typeof (document[name]) != "undefined") name += "x";     //If object exists with same name add trailing spaces until unique
    reg(gname, name);                                           //Register name_over.gif & name_off.gif images on document.
    tr(true);                                                   //write <tr> for a new table row
    document.write("<td>");                                     //write <td> for table collumn
    if (alt != "") alt = " alt=\"" + alt + "\"";                //If alt is set then add that to the image button
    if (target != "") target = " target=\"" + target + "\"";    //If target is set then add it to image button
    if (w > 0) w = " width=\"" + w + "\""; else w = "";         //if width is set add it to the image button
    if (h > 0) h = " height=\"" + h + "\""; else h = "";        //if height is set add it to the image button
    if (url != "") url = " href=\"" + urld + url + "\"";        //if url is set add it to the image button with urld as prefix

    document.write("<a " + url + evs(name) + target + ">");     //Write a link with url, register onmouseover and onmouseout JS events, then add the target (if applicable)

    if (hsp == -1) hsp = " align=\"right\"";                     //if hsp is -1 then align the image to the right
    else if (hsp > 0) hsp = " hspace=\"" + hsp + "\"";              //If hsp > 0 set hspace = hsp
    else hsp = "";                                              //else delete hsp

    //Write Image tag with afformentioned properties & end link and table collumn
    document.write("<img src=\"" + loc + ImagePath + name + gtype + "\" name=\"" + name + "\"" + w + h + alt + hsp + " border=\"0\" /></a></td>");
    tr(false);                                                  //Write </tr> to end table row

    //Debug Helper:
    //document.write(    "<br>urld:  " + urld +"<br>url:   " + url  + "<br>name:  " + name + "<br>WxH    " + w + h  + "<br>alt:   " + alt  +"<br>target:" + target + "<br>hsp:   " + hsp );
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///End Function: writeButton 
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////