/** This is the script used in creating the site drowpdowns */

/******************************************************************************/
/**---------------------these are the top nav options----------------------- **/
/******************************************************************************/
 	
 function optionsDiv(opt, el) {
       //will make the options appear over the folder with id=c

       var o = document.getElementById('options');
       o.style.display="block";
       var s = o.status;

       var xyPos = findPosition(document.getElementById(el));
       var offsetParent = document.getElementById(el).offsetParent;
       var xCoord = xyPos[0];
       var yCoord = xyPos[1];
       var oL=0;
       var oT=0;
     
       var browserName=navigator.appName;
       
       yCoord = yCoord+18;
       if (browserName=="Microsoft Internet Explorer") {
			yCoord = yCoord-1;
       }

       if (s) {
           o.innerHTML = "";
           o.status = flip(s);
       } else {

           if (opt=='myAccount')
               o.innerHTML = getMyAccountOptions(xCoord-oL, yCoord+1,document.getElementById(el).id);
           else if (opt=='customerService')
               o.innerHTML = getCustomerServiceOptions(xCoord, yCoord+1,document.getElementById(el).id);
         
 
           o.status = flip(s);

       }
   }

   function flip(s) {
       if (s) {
           return false;
       } else {
           return true;
       }
   }

   function findPosition(oElement) {
       if (typeof( oElement.offsetParent ) != 'undefined') {
           for (var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent) {
               posX += oElement.offsetLeft;
               posY += oElement.offsetTop;
           }
           return [ posX, posY ];
       } else {
           return [ oElement.x, oElement.y ];
       }
   }

   function getMyAccountOptions(x, y, eId) {
        return "<table id='optionTableC' cellspacing='0' style='position:absolute;top:" + y + "px;left:" + x + "px;'>" +
               "<tr>" +
               "<td id='optionBlock' valign='top' colspan='2'><table class='optionLinkTable' cellspacing='0' cellpadding='0' >" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/forwardRequest.htm?forward=updateAccountInfo'>&nbsp;&nbsp;<span style='vertical-align:middle'>Update Account Info</span></a></td></tr>" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/forwardRequest.htm?forward=updateCreditCard'>&nbsp;&nbsp;<span style='vertical-align:middle'>Update Payment Info</span></a></td></tr>" +
                     "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/forwardRequest.htm?forward=updateAddresses'>&nbsp;&nbsp;<span style='vertical-align:middle'>Update Addresses</span></a></td></tr>" +
                     "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/forwardRequest.htm?forward=updatePassword'>&nbsp;&nbsp;<span style='vertical-align:middle'>Update Password</span></a></td></tr>" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/forwardRequest.htm?forward=orderHistory'>&nbsp;&nbsp;<span style='vertical-align:middle'>Order History</span></a></td></tr>" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/forwardRequest.htm?forward=trackOrder'>&nbsp;&nbsp;<span style='vertical-align:middle'>Track Your Orders</span></a></td></tr>" +
               "</table></td>" +
               "</tr>" +
               "</table>";
    }

    function getCustomerServiceOptions(x, y, eId) {
        return "<table id='optionTableC' cellspacing='0' style='position:absolute;top:" + y + "px;left:" + x + "px;'>" +
               "<tr>" +
               "<td id='optionBlock' valign='top' colspan='2'><table class='optionLinkTable' cellspacing='0' cellpadding='0' >" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/returnPolicy.htm'>&nbsp;&nbsp;<span style='vertical-align:middle'>Return Policy</span></a></td></tr>" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/privacyPolicy.htm'>&nbsp;&nbsp;<span style='vertical-align:middle'>Privacy Policy</span></a></td></tr>" +
                    "<tr valign='middle'><td class='optionLink'><a href='http://www.thebathoutlet.com/contactUs.htm'>&nbsp;&nbsp;<span style='vertical-align:middle'>Contact Us</span></a></td></tr>" +
               "</table></td>" +
               "</tr>" +
               "</table>";
    }
	


	function closeDiv() {
        var o = document.getElementById('options');
        o.style.display='none';
        o.innerHTML = "";
        o.status = flip(o.status);
   }	
	/***************************************************************************************************************/
