?
Solved

Dynamic DIVS, Saving Open divs to a cookie

Posted on 2005-04-10
23
Medium Priority
?
484 Views
Last Modified: 2010-05-18
Refuring to http://www.experts-exchange.com/Web/Web_Languages/JavaScript/Q_21377760.html
---
had posted a question priveously about how to make a "panel" with javascript while in use (div statment, tab and panel).  I have post all the source for download at http://myweb.cableone.net/mrlaird/au_dev.zip. I would like to add the ability for a user to save a tab layout. Perferably in a cookie. Unfortunatly my ability with java script is extreamly limited so i am fourced to seek help. Now, I have already got the function created to read the cookie using asp. This is not in the dloaded file as of yet, i will see about getting it in there on monday, untill then it looks like this (sorry, using VBscript below, i hope you dont all shun me for it).

<%
  dim tabCount =  request.cookie("tabs")
  if tabCount = "" then
    response.cookie("tabs") = 6
    response.cookie("lbl1") = "My first link"
    response.cookie("lnk1") = "http://link1.com"
    response.cookie("lbl2") = "My Second Link"
    response.cookie("lnk2") = "http://link2.com"
    response.cookie("lbl3") = "My Third Link"
    response.cookie("lnk3") = "http://link3.com"
    response.cookie("lbl4") = "My Fourth Link"
    response.cookie("lnk4") = "http://link4.com"
    response.cookie("lbl5") = "My Fifth Link"
    response.cookie("lnk5") = "http://link5.com"
    response.cookie("lbl6") = "My Sixth Link"
    response.cookie("lnk6") = "http://link6.com"
end if
%>

<html>
<!--all of this stuff is in that download at http://myweb.cableone.net/mrlaird/au_dev.zip-->

<!--Here i will load the cookie-->
<%
  dim i, lnk, lbl
  response.write("<script language=javascript>" & vbcrlf>
  for i = 1 to tabCount
    lnk = request.cookie("lnk" & i) 'read link for cookie
    lbl = request.cookie("lbl" & i) 'read lable from cookie
    response.write("createPanel('" & lnk & "', '" & lbl & "');") 'write javascript request to create the panel (its in panel2.js)
  next
%>

In body of the page there is a button with value of Save Page. i would like this to collect all the "tabs" currently open and the iframe src of there counterpart panel. Then right then all into a cookie that would be readable my the APS stuff above. thank you for your help. 200pts
0
Comment
Question by:ilaird
  • 13
  • 10
23 Comments
 
LVL 2

Author Comment

by:ilaird
ID: 13749093
oops i noticed that at the end of that last chunk of asp i forgot to close the script that i was writing into the page... it would be right after the for loop closed...

<%
  dim i, lnk, lbl
  response.write("<script language=javascript>" & vbcrlf>

  for i = 1 to tabCount
    lnk = request.cookie("lnk" & i) 'read link for cookie
    lbl = request.cookie("lbl" & i) 'read lable from cookie
    response.write("createPanel('" & lnk & "', '" & lbl & "');") 'write javascript request to create the panel (its in panel2.js)
  next
 
  response.writ("</script>")
%>
</body>
</html>
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13749239
can u post ur view source? from the browser?
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749243
sure thing. . .  will be 4 diffrent posts. there is alot of code...
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 2

Author Comment

by:ilaird
ID: 13749249
File name: default.asp
---
<html>
      <head>
            <!--Panel Info-->
            <style type="text/css">@import url(js/panel2.css);</style>
            <script type="text/javascript" src="js/panel2.js"></script>
            <PARAM NAME="ScrollBars" VALUE="0">
            <base target="_blank">
            <script language="vbscript">
                  sub go_click()
                        createPanel(txtGO.value, txtgo.value)
                  end sub
            </script>
      </head>
      <body onload="initPanelSystem();">
            <script type='text/javascript'>
                  function Go(){return}
            </script>
            <script type='text/javascript' src='js/menu_var.js'></script>
            <script type='text/javascript' src='js/menu_com.js'></script>
            <noscript>Your browser does not support script</noscript>
            <!--Header Image-->
            <TABLE cellpadding="0" cellspacing="0" border="0" width="100%" ID="Table1">
                  <TR bgcolor="#8C8C8C">
                        <TD width="15" background="/images/bg_phonestrip.gif" colspan="2">
                              &nbsp;
                        </TD>
                  </TR>
                  <TR bgcolor="#0066CC">
                        <TD height="44">&nbsp;&nbsp;&nbsp;<IMG src="/images/easy_as_dell.gif" alt="Easy As Dell logo" width="95" height="25" border="0">
                        </TD>
                        <TD class="lnk_main_masthead" width="100%" valign="bottom" style="padding-bottom:10px"
                              style="color:#FFFFFF"><BR>
                              <b>GTS Tool Pit</b>
                        </TD>
                  </TR>
                  <TR height="1" bgcolor="#006699" colspan="2" width="100%">
                        <TD colspan="2">
                        </TD>
                  </TR>
                  <TR height="1" bgcolor="#97949D" colspan="3" width="100%">
                        <TD colspan="2">
                        </TD>
                  </TR>
                  <TR height="1" bgcolor="#A4AC9F" colspan="3" width="100%">
                        <TD colspan="2">
                        </TD>
                  </TR>
                  <TR height="1" bgcolor="#BCBFC6" colspan="3" width="100%">
                        <TD colspan="2">
                        </TD>
                  </TR>
                  <TR height="1" bgcolor="#CCCCCC" colspan="3" width="100%">
                        <TD colspan="2">
                        </TD>
                  </TR>
            </TABLE>
            <!--End Header Image-->
            <table width="100%" height="83%" border="0" onload="return showPanel(this, 'panel1');">
                  <tr>
                        <td valign="top" width="135px">
                              <table>
                                    <tr>
                                          <td valign="bottom" height=64px>
                                                <span style="cursor: hand;">
                                                      <table class="mnu" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                  <td bgcolor="#0066DC" onMouseOver=bgColor='darkblue' onMouseOut=bgColor="#0066DC" onclick="window.open('http://dellserv.aus.amer.dell.com:49153/dellserv/jsp/index.jsp')">
                                                                        Dellserv 5.4.5
                                                                  </td>
                                                            </tr>
                                                      </table>
                                                </span>
                                          </td>
                                    </tr>
                                    <tr>
                                          <td valign=bottom height=624>
                                                <input class=mnu type="text" name="txtGO" value="www.dell.com">
                                                <input class="mnu" type="button" bgcolor="#0066DC" onMouseOver=bgColor='darkblue' onMouseOut=bgColor="#0066DC"  onclick="go_click()" value="Open" ID="Button1" NAME="Button1">
                                          </td>
                                    </tr>
                              </table>
                        </td>
                        <td valign="top"><br>
                              <!--TABS-->
                              <!--div title="RCEC" class="tab" onclick="return showPanel(this, 'panel1');" id="gen">RCEC<div class="close">+</div>
                              </div>
                              <div title="Training" class="tab" onclick="return showPanel(this,
                                                            'panel2');" id="not">Training<div class="close">+</div>
                              </div>
                              <div title="GTS-TFW" class="tab" onclick="return showPanel(this,
                                                            'panel3');" id="tmz">GTS-TWF<div class="close">+</div>
                              </div>
                              <div title="Auditing" class="tab" onclick="return showPanel(this,
                                                            'panel4');" id="aud">RSL<div class="close">+</div>
                              </div>
                              <div title="DSN" class="tab" onclick="return showPanel(this, 'panel5');" id="newwin">DSN<div class="close">+</div>
                              </div>
                              <div title="Phone" class="tab" onclick="return showPanel(this, 'panel6');" id="A1">Phone#<div class="close">+</div>
                              </div-->
                              <div title="" class="tab" id="dummytab" style="display: none;">NewWin<div class="close">+</div>
                              </div>
                              <!--Panels-->
                              <DIV class="panel" id="panel1" style="DISPLAY: True">
                                    <iframe src="fr.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel2" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel3" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel4" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel5" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel6" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel7" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel8" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <DIV class="panel" id="panel9" style="DISPLAY: none">
                                    <iframe src="cn.html" width="100%" height="100%"></iframe>
                              </DIV>
                              <div class="panel" id="dummy" style="display: none">
                                    <iframe src="test2.html" width="100%" height="100%"></iframe>
                              </div>
                        </td>
                  </tr>
            </table>
            <p align="center"><FONT style="FONT-SIZE: 8pt"><A href="http://www.dell.com/us/en/gen/misc/policy_002_policy.htm">Copyright</A>
                        1999-2005 Dell Inc. | Dell Confidential - Internal Use Only<br>
                        Best if viewed in: 1280x1024 | <a href="mailto:ian_laird@dell.com?subject=GTS-Tool pit">
                              Feedback</a></FONT></p><p align="right">
                              
                              <!--Save Currently Open Pannels-->
                              <input type="button" value="Save Page"></p>
      </body>
</html>
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749251
File Name: js/panel2.js
---
var panels = new Array('panel1', 'panel2', 'panel3', 'panel4', 'panel5', 'panel6', 'panel7', 'panel8', 'panel9');
var idConversion = new Array();
idConversion["gen"] = "1";
idConversion["not"] = "2";
idConversion["tmz"] = "3";
idConversion["aud"] = "4";
idConversion["newwin"] = "5";
idConversion["A1"] = "6";
idConversion["A2"] = "7";
idConversion["A3"] = "8";
idConversion["A4"] = "9";
var selectedTab = null;

function showPanel(tab, name)
{
  if (selectedTab)
  {
    selectedTab.style.backgroundColor = '';
    selectedTab.style.paddingTop = '';
    selectedTab.style.paddingBottom = '';
    selectedTab.style.fontWeight = 'normal';
    selectedTab.style.borderTop = '#aaa 1px solid';
    selectedTab.style.borderRight = '#aaa 1px solid';
    selectedTab.style.borderLeft = '#aaa 1px solid';
  }

  selectedTab = tab;
  selectedTab.style.backgroundColor = '#fff3b3';
  selectedTab.style.marginTop = '0px';
//  selectedTab.style.paddingBottom = '4px';
  selectedTab.style.fontWeight = 'bold';
  selectedTab.style.color = '#555555';
  selectedTab.style.borderTop = '#000 1px solid';
  selectedTab.style.borderRight = '#000 1px solid';
  selectedTab.style.borderLeft = '#000 1px solid';
  for(i = 0; i < panels.length; i++)
  {
    document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
  }
  return false;
}

num = 10;
function createPanel(src, tabLabel)
{
  // clone the "panel"
  var orig = document.getElementById("dummy");
  var clone = orig.cloneNode(true);
  clone.id = "panel" + num;
  var theFrame = clone.getElementsByTagName("iframe")[0];
  theFrame.src = src;

  // clone the tab
  var origTab = document.getElementById("dummytab");
  var cloneTab = origTab.cloneNode(true);
  cloneTab.id = "tab" + num;
  cloneTab.title = tabLabel;
  cloneTab.childNodes[0].nodeValue = tabLabel;
  cloneTab.childNodes[1].onclick = closePanel;
  cloneTab.onclick = function() {
    var tabNum = this.id.replace(/^tab/, "");
    showPanel(this, "panel" + tabNum);
  };

  cloneTab.style.display = "inline";
  orig.parentNode.insertBefore(clone, orig);
  origTab.parentNode.insertBefore(cloneTab, origTab);

  // now add to array
  panels[panels.length] = "panel" + num;
  num ++;
}

function closePanel()
{
  // fix array first
  var tab = this.parentNode;
  var tabNum = idConversion[tab.id]? idConversion[tab.id]: tab.id.replace(/^tab/, "");
  var index = -1;
  for (var i = 0, n = panels.length; i < n; i ++)
  {
    if (panels[i] == "panel" + tabNum)
    {
      index = i;
      break;
    }
  }
  panels.splice(index, 1);

  // remove panel
  var p = document.getElementById("panel" + tabNum);
  p.parentNode.removeChild(p);

  // remove tab
  tab.parentNode.removeChild(tab);
}

function initPanelSystem()
{
  var divs = document.getElementsByTagName("div");
  for (var i = 0, n = divs.length; i < n; i ++)
  {
    var curr = divs[i];
    if (curr.className && curr.className == "tab")
      curr.getElementsByTagName("div")[0].onclick = closePanel;
  }

  var links = document.getElementsByTagName("a");
  //for (var i = 0, n = links.length; i < n; i ++)
  //{
    //var curr = links[i];
    //if (curr.href)
     //curr.onclick = function() {createPanel(this.href, this.innerHTML); return false;};
  //}
}

function go_click()
{
      createPanel("http://" + txtGO.value, txtGO.value)
      txtGO.value = ""
}
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749254
File Name: js/panel2.css
---
body {
  BACKGROUND-COLOR:#EDEBE3;
  FONT-SIZE:66.67%;
  FONT-FAMILY:tahoma;
}

.tab{
  CURSOR:hand;
  BORDER-RIGHT:#aaa 1px solid;
  BORDER-TOP:#aaa 1px solid;
  BORDER-LEFT:#aaa 1px solid;
  PADDING: 2px 25px 3px 25px;
  BACKGROUND:#fffae1;
  MARGIN: 0;
  COLOR:#000000;
  POSITION:relative;
  TOP:-3px;
  TEXT-DECORATION:none;
  width: 135px;
  CURSOR:pointer;
  float: left;
}

.tab .close {
  position: absolute;
  border: Solid 1px gray;
  right: 0;
  top: 3px;
  width: 15px;
  background-color: #EDEBE3;
  font-size: xx-small;
  right: 5px;
  text-align: center;
}

.panel{
  BORDER:#252525 1px solid;
  PADDING:0;
  OVERFLOW:auto;
  WIDTH:100%;
  HEIGHT:93%;
  BACKGROUND-COLOR:white;
  clear: both;
}

#subtabs UL{
  PADDING: 4px 0;
  MARGIN:0;
  LIST-STYLE-TYPE:none;
}

#subtabs LI{
  PADDING: 0 8px;
  FLOAT:left;
  BORDER-LEFT:#ccc 1px solid;
  WHITE-SPACE:nowrap;
}

#subtabs LI:unknown{
  BORDER-LEFT-STYLE:none;
}

#subtabs{
  PADDING: 0 0 0 5px;
  BACKGROUND:#fff3b3;
  COLOR:#666;
}
.clCMAbs{
position:absolute;
visibility:hidden;
left:0;
top:0;
}

.clCMEvent{
position:absolute;
width:99%;
height:99%;
clip:rect(0,100%,100%,0);
left:0;
top:0;
visibility:visible;
}

.clBar{
position:absolute;
width:10px;
height:10px;
background-color:#0044cc;
layer-background-color:#000000;
visibility:hidden
}

.clLevel0,.clLevel0over{
position:absolute;
padding:3px;
font-family:tahoma;
font-size:11px;
font-weight:normal;}

.clLevel0{
background-color:#0044cc;
layer-background-color:#000000;
color:#ffffff;}

.clLevel0over{
background-color:#0000cc;
layer-background-color:#000000;
color:#ffffff;
cursor:pointer;
cursor:hand;
font-weight:bold;}

.clLevel0border{
position:absolute;
background-color:#3333cc;
layer-background-color:#000000;}

.clLevel1,.clLevel1over{
position:absolute;
padding:3px;
font-family:tahoma,arial,helvetica;
font-size:11px;
font-weight:normal;}

.clLevel1{
background-color:#1564E6;
layer-background-color:#000000;
color:#FFFFFF;}

.clLevel1over{
background-color:#0000cc;
layer-background-color:#000000;
color:#FFFFFF;
cursor:pointer;
cursor:hand;
font-weight:normal;}

.clLevel1border{
position:absolute;
background-color:darkblue;
layer-background-color:#000000;}

A:hover{
color:#0066DC;
font-size:8pt;
font-family:Tahoma;
font-weight:bold;
}

.mnu
{
      width: 140;
      height: 20;
      background-color: #0066DC;
      font-family: arial, comic sans ms, technical;
      font-weight: bold;
      color: White;
      font-size: 9pt;
      border: solid 1px black;
      padding-left: 2pt;
}
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749259
File name: Menu_var.js - Note realy reated but at least you will be able to test the cookie...
---
/***********************************************************************************
*      (c) Ger Versluis 2000 version 5.411 24 December 2001 (updated Jan 31st, 2003 by Dynamic Drive for Opera7)
*      For info write to menus@burmees.nl                      *
*      You may remove all comments for faster loading                *            
***********************************************************************************/

      var NoOffFirstLineMenus=5;                  // Number of first level items
      var LowBgColor='#0066DC';                  // Background color when mouse is not over
      var LowSubBgColor='lightblue';                  // Background color when mouse is not over on subs
      var HighBgColor='DarkBlue';                  // Background color when mouse is over
      var HighSubBgColor='DarkBlue';                  // Background color when mouse is over on subs
      var FontLowColor='white';                  // Font color when mouse is not over
      var FontSubLowColor='black';                  // Font color subs when mouse is not over
      var FontHighColor='white';                  // Font color when mouse is over
      var FontSubHighColor='white';                  // Font color subs when mouse is over
      var BorderColor='black';                  // Border color
      var BorderSubColor='black';                  // Border color for subs
      var BorderWidth=1;                        // Border width
      var BorderBtwnElmnts=1;                  // Border between elements 1 or 0
      var FontFamily="arial,comic sans ms,technical"      // Font family menu items
      var FontSize=9;                        // Font size menu items
      var FontBold=1;                        // Bold menu items 1 or 0
      var FontItalic=0;                        // Italic menu items 1 or 0
      var MenuTextCentered='left';                  // Item text position 'left', 'center' or 'right'
      var MenuCentered='left';                  // Menu horizontal position 'left', 'center' or 'right'
      var MenuVerticalCentered='top';            // Menu vertical position 'top', 'middle','bottom' or static
      var ChildOverlap=.1;                        // horizontal overlap child/ parent
      var ChildVerticalOverlap=.1;                  // vertical overlap child/ parent
      var StartTop=153;                        // Menu offset x coordinate
      var StartLeft=16;                        // Menu offset y coordinate
      var VerCorrect=0;                        // Multiple frames y correction
      var HorCorrect=0;                        // Multiple frames x correction
      var LeftPaddng=3;                        // Left padding
      var TopPaddng=2;                        // Top padding
      var FirstLineHorizontal=0;                  // SET TO 1 FOR HORIZONTAL MENU, 0 FOR VERTICAL
      var MenuFramesVertical=1;                  // Frames in cols or rows 1 or 0
      var DissapearDelay=300;                  // delay before menu folds in
      var TakeOverBgColor=1;                  // Menu frame takes over background color subitem frame
      var FirstLineFrame='navig';                  // Frame where first level appears
      var SecLineFrame='space';                  // Frame where sub levels appear
      var DocTargetFrame='space';                  // Frame where target documents appear
      var TargetLoc='';                        // span id for relative positioning
      var HideTop=0;                        // Hide first level when loading new document 1 or 0
      var MenuWrap=1;                        // enables/ disables menu wrap 1 or 0
      var RightToLeft=0;                        // enables/ disables right to left unfold 1 or 0
      var UnfoldsOnClick=0;                  // Level 1 unfolds onclick/ onmouseover
      var WebMasterCheck=0;                  // menu tree checking on or off 1 or 0
      var ShowArrow=1;                        // Uses arrow gifs when 1
      var KeepHilite=0;                        // Keep selected path highligthed
      var targ=2;                                    //0=_blank  1=_parent  2=_tab
      var Arrws=['tri.gif',5,10,'tridown.gif',10,5,'trileft.gif',5,10];      // Arrow source, width and height

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}


// Menu tree
//      MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);
//      For rollover images set "Text to show" to:  "rollover:Image1.jpg:Image2.jpg"

Menu1=new Array("Google","http://www.google.com","",0,20,138);

Menu2=new Array("News","blank.htm","",2);
      Menu2_1=new Array("General","blank.htm","",5,20,150);      
            Menu2_1_1=new Array("CNN","http://www.cnn.com","",0,20,150);
            Menu2_1_2=new Array("ABCNews","http://www.abcnews.com","",0);
            Menu2_1_3=new Array("MSNBC","http://www.msnbc.com","",0);
                Menu2_1_4=new Array("CBSNews","http://www.cbsnews.com","",0);
                Menu2_1_5=new Array("Canadian News","http://news.bbc.co.uk","",2);
                          Menu2_1_5_1=new Array("Vancouver Sun","http://www.vancouversun.com","",0,20,150);
                          Menu2_1_5_2=new Array("CTV News","http://www.ctvnews.com","",0);
                                          
      Menu2_2=new Array("Technology","blank.htm","",3);
            Menu2_2_1=new Array("TechWeb","http://www.techweb.com","",0,20,150);
            Menu2_2_2=new Array("News.com","http://www.news.com","",0);
            Menu2_2_3=new Array("Wired News","http://www.wired.com","",0);

Menu3=new Array("Search Engines","blank.htm","",3);
      Menu3_1=new Array("Altavista","http://www.altavista.com","",0,20,150);
      Menu3_2=new Array("Google","http://www.google.com","",0);
      Menu3_3=new Array("Yahoo","http://www.yahoo.com","",0);

Menu4=new Array("Webmaster","blank.htm","",4);
      Menu4_1=new Array("Dynamic Drive","http://www.dynamicdrive.com","",0,20,180);
      Menu4_2=new Array("JavaScript Kit","http://www.javascriptkit.com","",0);
      Menu4_3=new Array("Freewarejava","http://www.freewarejava.com","",0);
      Menu4_4=new Array("Web Review","http://www.webreview.com","",0);

Menu5=new Array("Other","javascript:top.location.href='blank.htm'","",1);
      Menu5_1=new Array("Author\'s Site","http://www.burmees.nl/","",0,20,140);
-----------------------------------------------------------------------------------------------------------------
File Name: menu_com.js
---
/************************************************************************************
      (c) Ger Versluis 2000 version 5.5 24 December 2001 (updated Jan 31st, 2003 by Dynamic Drive for Opera7)
      Updated 19 July, 2003 by GV for CSS CompatMode      
      HV Menu found on Dynamic Drive ONLY may be used on both commercial and non commerical sites      
      For info write to menus@burmees.nl                                                 
      This script featured on Dynamic Drive DHTML code library: http://www.dynamicdrive.com
*************************************************************************************/
      var AgntUsr=navigator.userAgent.toLowerCase();
      var AppVer=navigator.appVersion.toLowerCase();
      var DomYes=document.getElementById?1:0;
      var NavYes=AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1?1:0;
      var ExpYes=AgntUsr.indexOf('msie')!=-1?1:0;
      var Opr=AgntUsr.indexOf('opera')!=-1?1:0;
      var Opr6orless=window.opera && navigator.userAgent.search(/opera.[1-6]/i)!=-1 //DynamicDrive.com added code
      if(Opr){NavYes=1;ExpYes=0;}
      var DomNav=DomYes&&NavYes?1:0;
       var DomExp=DomYes&&ExpYes?1:0;
      var Nav4=NavYes&&!DomYes&&document.layers?1:0;
      var Exp4=ExpYes&&!DomYes&&document.all?1:0;
      var Exp6Plus=(AppVer.indexOf("msie 6")!= -1||AppVer.indexOf("msie 7")!= -1)?1:0
      var PosStrt=(NavYes||ExpYes||Opr)&&!Opr6orless?1:0;
      var P_X=DomYes?"px":"",FHtml=null,ScHtml=null,FCmplnt=0,SCmplnt=0;
      var FrstLoc,ScLoc,DcLoc;
      var ScWinWdth,ScWinHght,FrstWinWdth,FrstWinHght;
      var ScLdAgainWin;
      var FirstColPos,SecColPos,DocColPos;
      var RcrsLvl=0;
      var FrstCreat=1,Loadd=0,Creatd=0,IniFlg,AcrssFrms=1;
      var FrstCntnr=null,CurrntOvr=null,CloseTmr=null;
      var CntrTxt,TxtClose,ImgStr;
      var Ztop=100;
      var ShwFlg=0;
      var M_StrtTp=StartTop,M_StrtLft=StartLeft;
      var StaticPos=0;
      var M_Hide=Nav4?'hide':'hidden';
      var M_Show=Nav4?'show':'visible';
      var Par=parent.frames[0]&&FirstLineFrame!=SecLineFrame?parent:window;
      var Doc=Par.document;
      var Bod=Doc.body;
      var target=targ;
      var Trigger=NavYes&&!Opr?Par:Bod;

      MenuTextCentered=MenuTextCentered==1||MenuTextCentered=='center'?'center':MenuTextCentered==0||MenuTextCentered!='right'?'left':'right';

      WbMstrAlrts=["Item not defined: ","Item needs height: ","Item needs width: "];

      if(Trigger.onload)Dummy=Trigger.onload;
      Trigger.onload=Go;

function Dummy(){return}

function CnclSlct(){return false}

function RePos(){
      FrstWinWdth=ExpYes?FCmplnt?FHtml.clientWidth:FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
      FrstWinHght=ExpYes?FCmplnt?FHtml.clientHeight:FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
      ScWinWdth=ExpYes?SCmplnt?ScHtml.clientWidth:ScLoc.document.body.clientWidth:ScLoc.innerWidth;
      ScWinHght=ExpYes?SCmplnt?ScHtml.clientHeight:ScLoc.document.body.clientHeight:ScLoc.innerHeight;
      if(MenuCentered=='justify'&&FirstLineHorizontal){
            FrstCntnr.style.width=FrstWinWdth+P_X;
            var LftXtra=(DomNav&&!Opr)||FCmplnt?LeftPaddng:0;
            ClcJus();
            var P=FrstCntnr.FrstMbr,W=Menu1[5],i;
            for(i=0;i<NoOffFirstLineMenus;i++){P.style.width=W+P_X;P=P.PrvMbr}}
      StaticPos=-1;
      if(TargetLoc)ClcTrgt();
      if(MenuCentered)ClcLft();
      if(MenuVerticalCentered)ClcTp();
      PosMenu(FrstCntnr,StartTop,StartLeft)}

function UnLoaded(){
      if(CloseTmr)clearTimeout(CloseTmr);
      Loadd=0; Creatd=0;
      if(HideTop){
            var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;
            FCStyle.visibility=M_Hide}}

function ReDoWhole(){
      if(ScWinWdth!=ScLoc.innerWidth||ScWinHght!=ScLoc.innerHeight||FrstWinWdth!=FrstLoc.innerWidth||FrstWinHght!=FrstLoc.innerHeight)Doc.location.reload()}

function Check(WMnu,NoOf){
      var i,array,ArrayLoc;
      ArrayLoc=parent.frames[0]?parent.frames[FirstLineFrame]:self;
      for(i=0;i<NoOf;i++){
            array=WMnu+eval(i+1);
            if(!ArrayLoc[array]){WbMstrAlrt(0,array); return false}
            if(i==0){      if(!ArrayLoc[array][4]){WbMstrAlrt(1,array); return false}
                  if(!ArrayLoc[array][5]){WbMstrAlrt(2,array); return false}}
            if(ArrayLoc[array][3])if(!Check(array+'_',ArrayLoc[array][3])) return false}
      return true}

function WbMstrAlrt(No,Xtra){
      return confirm(WbMstrAlrts[No]+Xtra+'   ')}

function Go(){
      Dummy();
      if(Loadd||!PosStrt)return;
      BeforeStart();
      Creatd=0; Loadd=1;
      status='Building menu';
      if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){
            FirstLineFrame=SecLineFrame;
            if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){
                  FirstLineFrame=SecLineFrame=DocTargetFrame;
                  if(FirstLineFrame =="" || !parent.frames[FirstLineFrame])FirstLineFrame=SecLineFrame=DocTargetFrame=''}}
      if(SecLineFrame =="" || !parent.frames[SecLineFrame]){
            SecLineFrame=DocTargetFrame;
            if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame=FirstLineFrame}
      if(DocTargetFrame =="" || !parent.frames[DocTargetFrame])DocTargetFrame=SecLineFrame;
      if(WebMasterCheck){      if(!Check('Menu',NoOffFirstLineMenus)){status='build aborted';return}}
      FrstLoc=FirstLineFrame!=""?parent.frames[FirstLineFrame]:window;
      ScLoc=SecLineFrame!=""?parent.frames[SecLineFrame]:window;
      DcLoc=DocTargetFrame!=""?parent.frames[DocTargetFrame]:window;
      if (FrstLoc==ScLoc) AcrssFrms=0;
      if (AcrssFrms)FirstLineHorizontal=MenuFramesVertical?0:1;
      if(Exp6Plus||Opr){
            FHtml=FrstLoc.document.getElementsByTagName("HTML")[0];ScHtml=ScLoc.document.getElementsByTagName("HTML")[0];
            FCmplnt=FrstLoc.document.compatMode.indexOf("CSS")==-1?0:1;SCmplnt=ScLoc.document.compatMode.indexOf("CSS")==-1?0:1}
      FrstWinWdth=ExpYes?FCmplnt?FHtml.clientWidth:FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
      FrstWinHght=ExpYes?FCmplnt?FHtml.clientHeight:FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
      ScWinWdth=ExpYes?SCmplnt?ScHtml.clientWidth:ScLoc.document.body.clientWidth:ScLoc.innerWidth;
      ScWinHght=ExpYes?SCmplnt?ScHtml.clientHeight:ScLoc.document.body.clientHeight:ScLoc.innerHeight;
      if(Nav4){      CntrTxt=MenuTextCentered!='left'?"<div align='"+MenuTextCentered+"'>":"";
            TxtClose="</font>"+MenuTextCentered!='left'?"</div>":""}
      FirstColPos=Nav4?FrstLoc.document:FrstLoc.document.body;
      SecColPos=Nav4?ScLoc.document:ScLoc.document.body;
      DocColPos=Nav4?DcLoc.document:ScLoc.document.body;
      if (TakeOverBgColor)FirstColPos.bgColor=AcrssFrms?SecColPos.bgColor:DocColPos.bgColor;
      if(MenuCentered=='justify'&&FirstLineHorizontal)ClcJus();
      if(FrstCreat){
            FrstCntnr=CreateMenuStructure('Menu',NoOffFirstLineMenus);
            FrstCreat=AcrssFrms?0:1}
      else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);
      if(TargetLoc)ClcTrgt();
      if(MenuCentered)ClcLft();
      if(MenuVerticalCentered)ClcTp();
      PosMenu(FrstCntnr,StartTop,StartLeft);
      IniFlg=1;
      Initiate();
      Creatd=1;
      if (AcrssFrms){
            ScLdAgainWin=ExpYes?ScLoc.document.body:ScLoc;
            ScLdAgainWin.onunload=UnLoaded}
      Trigger.onresize=Nav4?ReDoWhole:RePos;
      AfterBuild();
      if(MenuVerticalCentered=='static'&&!AcrssFrms)setInterval('KeepPos()',250);
      status='Menu ready for use'}

function KeepPos(){
      var TS=ExpYes?SCmplnt?ScHtml.scrollTop:FrstLoc.document.body.scrollTop:FrstLoc.pageYOffset;
      if(TS!=StaticPos){
            var FCStyle=Nav4?FrstCntnr:FrstCntnr.style;
            FrstCntnr.OrgTop=StartTop+TS;StaticPos=TS;
            FCStyle.top=FrstCntnr.OrgTop+P_X}}

function ClcJus(){
      var a=BorderBtwnElmnts?1:2,b=BorderBtwnElmnts?BorderWidth:0;
      var Size=Math.round(((FrstWinWdth-a*BorderWidth)/NoOffFirstLineMenus)-b),i,j;
      for(i=1;i<NoOffFirstLineMenus+1;i++){j=eval('Menu'+i);j[5]=Size}
      StartLeft=0}

function ClcTrgt(){
      var TLoc=Nav4?FrstLoc.document.layers[TargetLoc]:DomYes?FrstLoc.document.getElementById(TargetLoc):FrstLoc.document.all[TargetLoc];
      StartTop=M_StrtTp;
      StartLeft=M_StrtLft;
      if(DomYes){
            while(TLoc){StartTop+=TLoc.offsetTop;StartLeft+=TLoc.offsetLeft;TLoc=TLoc.offsetParent}}
      else{      StartTop+=Nav4?TLoc.pageY:TLoc.offsetTop;StartLeft+=Nav4?TLoc.pageX:TLoc.offsetLeft}}

function ClcLft(){
      if(MenuCentered!='left'&&MenuCentered!='justify'){
            var Size=FrstWinWdth-(!Nav4?parseInt(FrstCntnr.style.width):FrstCntnr.clip.width);
            StartLeft=M_StrtLft;
            StartLeft+=MenuCentered=='right'?Size:Size/2}}

function ClcTp(){
      if(MenuVerticalCentered!='top'&&MenuVerticalCentered!='static'){
            var Size=FrstWinHght-(!Nav4?parseInt(FrstCntnr.style.height):FrstCntnr.clip.height);
            StartTop=M_StrtTp;
            StartTop+=MenuVerticalCentered=='bottom'?Size:Size/2}}

function PosMenu(CntnrPntr,Tp,Lt){
      RcrsLvl++;
      var Cmplnt=RcrsLvl==1?FCmplnt:SCmplnt;
      var LftXtra=(DomNav&&!Opr)||Cmplnt?LeftPaddng:0;
      var TpXtra=(DomNav&&!Opr)||Cmplnt?TopPaddng:0;
      var Topi,Lefti,Hori;
      var Cntnr=CntnrPntr;
      var Mmbr=Cntnr.FrstMbr;
      var CntnrStyle=!Nav4?Cntnr.style:Cntnr;
      var MmbrStyle=!Nav4?Mmbr.style:Mmbr;
      var PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;
      var PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;
      var MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
      var MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
      var CntnrWt=!Nav4?parseInt(CntnrStyle.width):CntnrStyle.clip.width;
      var CntnrHt=!Nav4?parseInt(CntnrStyle.height):CntnrStyle.clip.height;
      var SubTp,SubLt;
      if (RcrsLvl==1 && AcrssFrms)!MenuFramesVertical?Tp=FrstWinHght-CntnrHt+(Nav4?4:0):Lt=RightToLeft?0:FrstWinWdth-CntnrWt+(Nav4?4:0);
      if (RcrsLvl==2 && AcrssFrms)!MenuFramesVertical?Tp=0:Lt=RightToLeft?ScWinWdth-CntnrWt:0;
      if (RcrsLvl==2 && AcrssFrms){Tp+=VerCorrect;Lt+=HorCorrect}
      CntnrStyle.top=RcrsLvl==1?Tp+P_X:0;
      Cntnr.OrgTop=Tp;
      CntnrStyle.left=RcrsLvl==1?Lt+P_X:0;
      Cntnr.OrgLeft=Lt;
      if (RcrsLvl==1 && FirstLineHorizontal){
            Hori=1;Lefti=CntnrWt-MmbrWt-2*BorderWidth;Topi=0}
      else{      Hori=Lefti=0;Topi=CntnrHt-MmbrHt-2*BorderWidth}
      while(Mmbr!=null){
            MmbrStyle.left=Lefti+BorderWidth+P_X;
            MmbrStyle.top=Topi+BorderWidth+P_X;
            if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);
            if(Mmbr.ChildCntnr){
                  if(RightToLeft)ChldCntnrWdth=Nav4?Mmbr.ChildCntnr.clip.width:parseInt(Mmbr.ChildCntnr.style.width);
                  if(Hori){      SubTp=Topi+MmbrHt+2*BorderWidth;
                        SubLt=RightToLeft?Lefti+MmbrWt-ChldCntnrWdth:Lefti}
                  else{      SubLt=RightToLeft?Lefti-ChldCntnrWdth+ChildOverlap*MmbrWt+BorderWidth:Lefti+(1-ChildOverlap)*MmbrWt+BorderWidth;
                        SubTp=RcrsLvl==1&&AcrssFrms?Topi:Topi+ChildVerticalOverlap*MmbrHt}
                  PosMenu(Mmbr.ChildCntnr,SubTp,SubLt)}
            Mmbr=Mmbr.PrvMbr;
            if(Mmbr){      MmbrStyle=!Nav4?Mmbr.style:Mmbr;
                  PadL=Mmbr.value.indexOf('<')==-1?LftXtra:0;
                  PadT=Mmbr.value.indexOf('<')==-1?TpXtra:0;
                  MmbrWt=!Nav4?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
                  MmbrHt=!Nav4?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
                  Hori?Lefti-=BorderBtwnElmnts?(MmbrWt+BorderWidth):(MmbrWt):Topi-=BorderBtwnElmnts?(MmbrHt+BorderWidth):(MmbrHt)}}
      RcrsLvl--}

function Initiate(){
      if(IniFlg){      Init(FrstCntnr);IniFlg=0;
            if(ShwFlg)AfterCloseAll();ShwFlg=0}}

function Init(CntnrPntr){
      var Mmbr=CntnrPntr.FrstMbr;
      var MCStyle=Nav4?CntnrPntr:CntnrPntr.style;
      RcrsLvl++;
      MCStyle.visibility=RcrsLvl==1?M_Show:M_Hide;
      while(Mmbr!=null){
            if(Mmbr.Hilite){Mmbr.Hilite=0;if(KeepHilite)LowItem(Mmbr)}
            if(Mmbr.ChildCntnr) Init(Mmbr.ChildCntnr);
            Mmbr=Mmbr.PrvMbr}
      RcrsLvl--}

function ClearAllChilds(Pntr){
      var CPCCStyle;
      while (Pntr){
            if(Pntr.Hilite){
                  Pntr.Hilite=0;
                  if(KeepHilite)LowItem(Pntr);
                  if(Pntr.ChildCntnr){
                        CPCCStyle=Nav4?Pntr.ChildCntnr:Pntr.ChildCntnr.style;
                        CPCCStyle.visibility=M_Hide;
                        ClearAllChilds(Pntr.ChildCntnr.FrstMbr)}
                  break}
            Pntr=Pntr.PrvMbr}}

function GoTo(){
      if(this.LinkTxt){
            status='';
            var HP=Nav4?this.LowLyr:this;
            LowItem(HP);
                  if (target == 0){
                        this.LinkTxt.indexOf('javascript:')!=-1?eval(this.LinkTxt):window.open(this.LinkTxt)//_blank
                  }else{
                        if (target == 1){
                              this.LinkTxt.indexOf('javascript:')!=-1?eval(this.LinkTxt):DocLoc.Location.href=this.LinkTxt//_Parent
                        }else{
                              this.LinkTxt.indexOf('javascript:')!=-1?eval(this.LinkTxt):createPanel(this.LinkTxt, this.value)//_tag
                        }
                  }
            }
      }
function HiliteItem(P){
      if(Nav4){
            if(P.ro)P.document.images[P.rid].src=P.ri2;
            else{      if(P.HiBck)P.bgColor=P.HiBck;
                  if(P.value.indexOf('<img')==-1){
                        P.document.write(P.Ovalue);
                        P.document.close()}}}
      else{      if(P.ro){      var Lc=P.Level==1?FrstLoc:ScLoc;
                  Lc.document.images[P.rid].src=P.ri2}
            else{      if(P.HiBck)P.style.backgroundColor=P.HiBck;
                  if(P.HiFntClr)P.style.color=P.HiFntClr}}
      P.Hilite=1}

function LowItem(P){
      if(P.ro){      if(Nav4)P.document.images[P.rid].src=P.ri1;
            else{      var Lc=P.Level==1?FrstLoc:ScLoc;
                  Lc.document.images[P.rid].src=P.ri1}}
      else{      if(Nav4){      if(P.LoBck)P.bgColor=P.LoBck;
                  if(P.value.indexOf('<img')==-1){
                        P.document.write(P.value);
                        P.document.close()}}
            else{      if(P.LoBck)P.style.backgroundColor=P.LoBck;
                  if(P.LwFntClr)P.style.color=P.LwFntClr}}}

function OpenMenu(){      
      if(!Loadd||!Creatd) return;
      var TpScrlld=ExpYes?SCmplnt?ScHtml.scrollTop:ScLoc.document.body.scrollTop:ScLoc.pageYOffset;
      var LScrlld=ExpYes?SCmplnt?ScHtml.scrollLeft:ScLoc.document.body.scrollLeft:ScLoc.pageXOffset;
      var CCnt=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr;
      var ThisHt=Nav4?this.clip.height:parseInt(this.style.height);
      var ThisWt=Nav4?this.clip.width:parseInt(this.style.width);
      var ThisLft=AcrssFrms&&this.Level==1&&!FirstLineHorizontal?0:Nav4?this.Container.left:parseInt(this.Container.style.left);
      var ThisTp=AcrssFrms&&this.Level==1&&FirstLineHorizontal?0:Nav4?this.Container.top:parseInt(this.Container.style.top);
      var HP=Nav4?this.LowLyr:this;
      CurrntOvr=this;
      IniFlg=0;
      ClearAllChilds(this.Container.FrstMbr);
      HiliteItem(HP);
      if(CCnt!=null){
            if(!ShwFlg){ShwFlg=1;      BeforeFirstOpen()}
            var CCW=Nav4?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);
            var CCH=Nav4?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);
            var ChCntTL=Nav4?this.LowLyr.ChildCntnr:this.ChildCntnr.style;
            var SubLt=AcrssFrms&&this.Level==1?CCnt.OrgLeft+ThisLft+LScrlld:CCnt.OrgLeft+ThisLft;
            var SubTp=AcrssFrms&&this.Level==1?CCnt.OrgTop+ThisTp+TpScrlld:CCnt.OrgTop+ThisTp;
            if(MenuWrap){
                  if(RightToLeft){
                        if(SubLt<LScrlld)SubLt=this.Level==1?LScrlld:SubLt+(CCW+(1-2*ChildOverlap)*ThisWt);
                        if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=ScWinWdth+LScrlld-CCW}
                  else{      if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=this.Level==1?ScWinWdth+LScrlld-CCW:SubLt-(CCW+(1-2*ChildOverlap)*ThisWt);
                        if(SubLt<LScrlld)SubLt=LScrlld}
                  if(SubTp+CCH>TpScrlld+ScWinHght)SubTp=this.Level==1?SubTp=TpScrlld+ScWinHght-CCH:SubTp-CCH+(1-2*ChildVerticalOverlap)*ThisHt;
                  if(SubTp<TpScrlld)SubTp=TpScrlld}
            ChCntTL.top=SubTp+P_X;ChCntTL.left=SubLt+P_X;ChCntTL.visibility=M_Show}
      status=this.LinkTxt}

function OpenMenuClick(){
      if(!Loadd||!Creatd) return;
      var HP=Nav4?this.LowLyr:this;
      CurrntOvr=this;
      IniFlg=0;
      ClearAllChilds(this.Container.FrstMbr);
      HiliteItem(HP);
      status=this.LinkTxt}

function CloseMenu(){
      if(!Loadd||!Creatd) return;
      if(!KeepHilite){
            var HP=Nav4?this.LowLyr:this;
            LowItem(HP)}
      status='';
      if(this==CurrntOvr){
            IniFlg=1;
            if(CloseTmr)clearTimeout(CloseTmr);
            CloseTmr=setTimeout('Initiate(CurrntOvr)',DissapearDelay)}}

function CntnrSetUp(Wdth,Hght,NoOff){
      var x=RcrsLvl==1?BorderColor:BorderSubColor;
      this.FrstMbr=null;
      this.OrgLeft=this.OrgTop=0;
      if(x)this.bgColor=x;
      if(Nav4){      this.visibility='hide';
            this.resizeTo(Wdth,Hght)}
      else{      if(x)this.style.backgroundColor=x;
            this.style.width=Wdth+P_X;
            this.style.height=Hght+P_X;
            this.style.fontFamily=FontFamily;
            this.style.fontWeight=FontBold?'bold':'normal';
            this.style.fontStyle=FontItalic?'italic':'normal';
            this.style.fontSize=FontSize+'pt';
            this.style.zIndex=RcrsLvl+Ztop}}

function MbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
      var Location=RcrsLvl==1?FrstLoc:ScLoc;
      var MemVal=eval(WhatMenu+'[0]');
      var t,T,L,W,H,S;
      var a,b,c,d;
      var Cmplnt=RcrsLvl==1?FCmplnt:SCmplnt;
      var LftXtra=(DomNav&&!Opr)||Cmplnt?LeftPaddng:0;
      var TpXtra=(DomNav&&!Opr)||Cmplnt?TopPaddng:0;
      this.PrvMbr=PrMmbr;
      this.Level=RcrsLvl;
      this.LinkTxt=eval(WhatMenu+'[1]');
      this.Container=MmbrCntnr;
      this.ChildCntnr=null;
      this.Hilite=0;
      this.style.overflow='hidden';
      this.style.cursor=ExpYes&&(this.LinkTxt||(RcrsLvl==1&&UnfoldsOnClick))?'hand':'default';
      this.ro=0;
      if(MemVal.indexOf('rollover')!=-1){
            this.ro=1;
            this.ri1=MemVal.substring(MemVal.indexOf(':')+1,MemVal.lastIndexOf(':'));
            this.ri2=MemVal.substring(MemVal.lastIndexOf(':')+1,MemVal.length);
            this.rid=WhatMenu+'i';
            MemVal="<img src=\""+this.ri1+"\" name=\""+this.rid+"\" width=\""+Wdth+"\" height=\""+Hght+"\">"}
      this.value=MemVal;
      if(RcrsLvl==1){
            a=LowBgColor;
            b=HighBgColor;
            c=FontLowColor;
            d=FontHighColor}
      else{      a=LowSubBgColor;
            b=HighSubBgColor;
            c=FontSubLowColor;
            d=FontSubHighColor}
      this.LoBck=a;
      this.LwFntClr=c;
      this.HiBck=b;
      this.HiFntClr=d;
      this.style.color=this.LwFntClr;
      if(this.LoBck)this.style.backgroundColor=this.LoBck;
      this.style.textAlign=MenuTextCentered;
      if(eval(WhatMenu+'[2]'))this.style.backgroundImage="url(\'"+eval(WhatMenu+'[2]')+"\')";
      if(MemVal.indexOf('<')==-1){
            this.style.width=Wdth-LftXtra+P_X;
            this.style.height=Hght-TpXtra+P_X;
            this.style.paddingLeft=LeftPaddng+P_X;
            this.style.paddingTop=TopPaddng+P_X}
      else{      this.style.width=Wdth+P_X;
            this.style.height=Hght+P_X}
      if(MemVal.indexOf('<')==-1&&DomYes){
            t=Location.document.createTextNode(MemVal);
            this.appendChild(t)}
      else this.innerHTML=MemVal;
      if(eval(WhatMenu+'[3]')&&ShowArrow){
            a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;
            S=Arrws[a];
            W=Arrws[a+1];
            H=Arrws[a+2];
            T=RcrsLvl==1&&FirstLineHorizontal?Hght-H-2:(Hght-H)/2;
            L=RightToLeft?2:Wdth-W-2;
            if(DomYes){

                  t=Location.document.createElement('img');
                  this.appendChild(t);
                  t.style.position='absolute';
                  t.src=S;

                  t.style.width=W+P_X;
                  t.style.height=H+P_X;
                  t.style.top=T+P_X;
                  t.style.left=L+P_X}
            else{      MemVal+="<div style='position:absolute; top:"+T+"; left:"+L+"; width:"+W+"; height:"+H+";visibility:inherit'><img src='"+S+"'></div>";
                  this.innerHTML=MemVal}}
      if(ExpYes){this.onselectstart=CnclSlct;
            this.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;
            this.onmouseout=CloseMenu;
            this.onclick=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo      }
      else{      RcrsLvl==1&&UnfoldsOnClick?this.addEventListener('mouseover',OpenMenuClick,false):this.addEventListener('mouseover',OpenMenu,false);
            this.addEventListener('mouseout',CloseMenu,false);
            RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?this.addEventListener('click',OpenMenu,false):this.addEventListener('click',GoTo,false)}}

function NavMbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){
      var a,b,c,d;
      if(RcrsLvl==1){
            a=LowBgColor;
            b=HighBgColor;
            c=FontLowColor;
            d=FontHighColor}
      else {      a=LowSubBgColor;
            b=HighSubBgColor;
            c=FontSubLowColor;
            d=FontSubHighColor      }
      this.value=eval(WhatMenu+'[0]');
      this.ro=0;
      if(this.value.indexOf('rollover')!=-1){
            this.ro=1;
            this.ri1=this.value.substring(this.value.indexOf(':')+1,this.value.lastIndexOf(':'));
            this.ri2=this.value.substring(this.value.lastIndexOf(':')+1,this.value.length);
            this.rid=WhatMenu+'i';this.value="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
      if(LeftPaddng&&this.value.indexOf('<')==-1&&MenuTextCentered=='left')this.value='&nbsp\;'+this.value;
      if(FontBold)this.value=this.value.bold();
      if(FontItalic)this.value=this.value.italics();
      this.Ovalue=this.value;
      this.value=this.value.fontcolor(c);
      this.Ovalue=this.Ovalue.fontcolor(d);
      this.value=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.value+TxtClose;
      this.Ovalue=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.Ovalue+TxtClose;
      this.LoBck=a;
      this.HiBck=b;
      this.ChildCntnr=null;
      this.PrvMbr=PrMmbr;
      this.Hilite=0;
      this.visibility='inherit';
      if(this.LoBck)this.bgColor=this.LoBck;
      this.resizeTo(Wdth,Hght);
      if(!AcrssFrms&&eval(WhatMenu+'[2]'))this.background.src=eval(WhatMenu+'[2]');
      this.document.write(this.value);
      this.document.close();
      this.CmdLyr=new Layer(Wdth,MmbrCntnr);
      this.CmdLyr.Level=RcrsLvl;
      this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');
      this.CmdLyr.visibility='inherit';
      this.CmdLyr.onmouseover=RcrsLvl==1&&UnfoldsOnClick?OpenMenuClick:OpenMenu;
      this.CmdLyr.onmouseout=CloseMenu;
      this.CmdLyr.captureEvents(Event.MOUSEUP);
      this.CmdLyr.onmouseup=RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]')?OpenMenu:GoTo;
      this.CmdLyr.LowLyr=this;
      this.CmdLyr.resizeTo(Wdth,Hght);
      this.CmdLyr.Container=MmbrCntnr;
      if(eval(WhatMenu+'[3]')&&ShowArrow){
            a=RcrsLvl==1&&FirstLineHorizontal?3:RightToLeft?6:0;
            this.CmdLyr.ImgLyr=new Layer(Arrws[a+1],this.CmdLyr);
            this.CmdLyr.ImgLyr.visibility='inherit';
            this.CmdLyr.ImgLyr.top=RcrsLvl==1&&FirstLineHorizontal?Hght-Arrws[a+2]-2:(Hght-Arrws[a+2])/2;
            this.CmdLyr.ImgLyr.left=RightToLeft?2:Wdth-Arrws[a+1]-2;
            this.CmdLyr.ImgLyr.width=Arrws[a+1];
            this.CmdLyr.ImgLyr.height=Arrws[a+2];
            ImgStr="<img src='"+Arrws[a]+"' width='"+Arrws[a+1]+"' height='"+Arrws[a+2]+"'>";
            this.CmdLyr.ImgLyr.document.write(ImgStr);
            this.CmdLyr.ImgLyr.document.close()}}

function CreateMenuStructure(MName,NumberOf){
      RcrsLvl++;
      var i,NoOffSubs,Mbr,Wdth=0,Hght=0;
      var PrvMmbr=null;
      var WMnu=MName+'1';
      var MenuWidth=eval(WMnu+'[5]');
      var MenuHeight=eval(WMnu+'[4]');
      var Location=RcrsLvl==1?FrstLoc:ScLoc;
      if (RcrsLvl==1&&FirstLineHorizontal){
            for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  Wdth=eval(WMnu+'[5]')?Wdth+eval(WMnu+'[5]'):Wdth+MenuWidth}
            Wdth=BorderBtwnElmnts?Wdth+(NumberOf+1)*BorderWidth:Wdth+2*BorderWidth;Hght=MenuHeight+2*BorderWidth}
      else{      for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  Hght=eval(WMnu+'[4]')?Hght+eval(WMnu+'[4]'):Hght+MenuHeight}
            Hght=BorderBtwnElmnts?Hght+(NumberOf+1)*BorderWidth:Hght+2*BorderWidth;Wdth=MenuWidth+2*BorderWidth}
      if(DomYes){
            var MmbrCntnr=Location.document.createElement("div");
            MmbrCntnr.style.position='absolute';
            MmbrCntnr.style.visibility='hidden';
            Location.document.body.appendChild(MmbrCntnr)}
      else{      if(Nav4) var MmbrCntnr=new Layer(Wdth,Location)
            else{      WMnu+='c';
                  Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WMnu+"' style='visibility:hidden; position:absolute;'><\/div>");
                  var MmbrCntnr=Location.document.all[WMnu]}}
      MmbrCntnr.SetUp=CntnrSetUp;
      MmbrCntnr.SetUp(Wdth,Hght,NumberOf);
      if(Exp4){      MmbrCntnr.InnerString='';
            for(i=1;i<NumberOf+1;i++){
                  WMnu=MName+eval(i);
                  MmbrCntnr.InnerString+="<div id='"+WMnu+"' style='position:absolute;'><\/div>"}
            MmbrCntnr.innerHTML=MmbrCntnr.InnerString}
      for(i=1;i<NumberOf+1;i++){
            WMnu=MName+eval(i);
            NoOffSubs=eval(WMnu+'[3]');
            Wdth=RcrsLvl==1&&FirstLineHorizontal?eval(WMnu+'[5]')?eval(WMnu+'[5]'):MenuWidth:MenuWidth;
            Hght=RcrsLvl==1&&FirstLineHorizontal?MenuHeight:eval(WMnu+'[4]')?eval(WMnu+'[4]'):MenuHeight;
            if(DomYes){
                  Mbr=Location.document.createElement("div");
                  Mbr.style.position='absolute';
                  Mbr.style.visibility='inherit';
                  MmbrCntnr.appendChild(Mbr)}
            else Mbr=Nav4?new Layer(Wdth,MmbrCntnr):Location.document.all[WMnu];
            Mbr.SetUp=Nav4?NavMbrSetUp:MbrSetUp;
            Mbr.SetUp(MmbrCntnr,PrvMmbr,WMnu,Wdth,Hght);
            if(NoOffSubs) Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
            PrvMmbr=Mbr}
      MmbrCntnr.FrstMbr=Mbr;
      RcrsLvl--;
      return(MmbrCntnr)}

function CreateMenuStructureAgain(MName,NumberOf){
      var i,WMnu,NoOffSubs,PrvMmbr,Mbr=FrstCntnr.FrstMbr;
      RcrsLvl++;
      for(i=NumberOf;i>0;i--){
            WMnu=MName+eval(i);
            NoOffSubs=eval(WMnu+'[3]');
            PrvMmbr=Mbr;
            if(NoOffSubs)Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
            Mbr=Mbr.PrvMbr}
      RcrsLvl--}
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13749269
Is this working correctly?
because i see a menu in the left, then wen i click something i get some panel in the top , and they have + symbol but most of the time when i click the + button, some page gets loaded in the iframe..

i do not see the save button at all..
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13749277
Oh now i see the save all button,
so now when they cick the save button. u need to put a cookie of all the panels that are on top and the src of the iframe? am i right>
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749291
that is correct and the structure of the cookie needs to be something like...

   response.cookie("tabs") = 6
    response.cookie("lbl1") = "My first link"
    response.cookie("lnk1") = "http://link1.com"
    response.cookie("lbl2") = "My Second Link"
    response.cookie("lnk2") = "http://link2.com"
    response.cookie("lbl3") = "My Third Link"
    response.cookie("lnk3") = "http://link3.com"
    response.cookie("lbl4") = "My Fourth Link"
    response.cookie("lnk4") = "http://link4.com"
    response.cookie("lbl5") = "My Fifth Link"
    response.cookie("lnk5") = "http://link5.com"
    response.cookie("lbl6") = "My Sixth Link"
    response.cookie("lnk6") = "http://link6.com"
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13749304
Ok now suppose i clicked google in the links in the left  i get the panel at the top named google

so lbl1 will be Google
and
lnk1 will be http://www.google.com

am i right?
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749305
yep.
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13749355
Am going thru ur functions and learning it... dont mind if i am taking some time
0
 
LVL 2

Author Comment

by:ilaird
ID: 13749372
ok thank you... im going to have to go here in about 20 min so i will probably just see it tomorrow.
0
 
LVL 25

Accepted Solution

by:
archrajan earned 600 total points
ID: 13749641
Ok here is what i have now:

u shud call the function like this:  <input type="button" value="Save Page" onclick = "dothis();">
<script>
                                     function dothis()
                                    {
                                    var temp = "";
                                    var cnt = 0;
                                    var divs = document.getElementsByTagName('div')
                                    for(i=0; i <divs.length; i++)
                                    {
                                    if(divs[i].className == "tab" && divs[i].innerHTML.indexOf('NewWin')!= 0)
                                    {
                                    
                                    alert(divs[i].innerHTML)
                                    var c = divs[i].innerHTML.replace('<DIV class=close>+</DIV>','')
                                    var temp = temp+ ";"+c
                                    cnt++
                                    }
                                    }

                        //alert(temp);
var semi = temp.split(';')
for(i=0; i <semi.length-1;i++)
{
//alert(semi[i])
var cookname = "lbl"+(i+1)
//alert(cookname);
createCookie(cookname,semi[i+1],10)

                                     }
                                     
                        //alert(document.cookie);
                                     }

                                     function createCookie(name,value,days)
{
      if (days)
      {
            var date = new Date();
            date.setTime(date.getTime()+(days*24*60*60*1000));
            var expires = "; expires="+date.toGMTString();
      }
      else var expires = "";
      document.cookie = name+"="+value+expires+"; path=/";
}
                                     </script>
                                     
0
 
LVL 2

Author Comment

by:ilaird
ID: 13750601
ok here is what i got for that...

function dothis()
{
      var temp = "";
      var tbCt = 0;
      var divs = document.getElementsByTagName('div')
      for(i=0; i <divs.length; i++)
      {
            if(divs[i].className == "tab" && divs[i].innerHTML.indexOf('NewWin')!= 0)
            {                          
                  alert(divs[i].innerHTML);
                  var c = divs[i].innerHTML.replace('<DIV class=close>+</DIV>','');
                  tbCt++;
                  createCookie("lbl" + tbCt, c.substring(0, c.length - 2))
            }else if(divs[i].className == "panel" && divs[i].id != "dummy" && divs[i].id != "panel1")
            {
            
                  alert(divs[i].innerHTML);
                  
            }
      }
}

im looking how to get the iframe src next... i got the lable with your code great (or at leat a vertion of it ;)  
i just need to figure out how to pull the iframe src. as you can see with the second half of that if statment i have pinned the correct panel, i just dont konw how to get the element data inside of it. anythoughts.?
0
 
LVL 2

Author Comment

by:ilaird
ID: 13750607
o ya, btw. that only works cz i took the pnl array down to 1 at the start and one default
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13753762
yeah it works for the tab names
to get the tab links. i guess we cud have an array mapping of tabs and links and that wud be much easier
0
 
LVL 2

Author Comment

by:ilaird
ID: 13753794
This is working but i i need to clear the cookie first, now do i delete to cookie?

function save_view()
{
     var temp = "";
     var tbCt = 0;
     var pnCt = 0;
     var divs = document.getElementsByTagName('div');
     for(i=0; i <divs.length; i++)
     {
          if(divs[i].className == "tab" && divs[i].innerHTML.indexOf('NewWin')!= 0)
          {                        
               var c = divs[i].innerHTML.replace('<DIV class=close>+</DIV>','');
               tbCt++;
               createCookie("Lb" + tbCt, c.substring(0, c.length - 2));
          }else if(divs[i].className == "panel" && divs[i].id != "dummy")
          {
      pnCt++;
      createCookie("Lk" + pnCt, divs[i].firstChild.src);
          }
     }
     createCookie("Tabs=", tbCt);
}

function createCookie(name, value)
{
      //alert(name + "='" + value + "';");
      document.cookie = name + "=" + value + ";";
}
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13753803
createCookie("Tabs=", tbCt); shud be

createCookie("Tabs", tbCt);
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13753817
For deleting cookie i suggest you use
mplungjan's answer from http://www.experts-exchange.com/Web/Web_Languages/JavaScript/Q_20189324.html
0
 
LVL 2

Author Comment

by:ilaird
ID: 13754145
oops i didnt see that on the tab. hehe thanks. Well. i have gotten alot further. thank you for your help
0
 
LVL 25

Expert Comment

by:archrajan
ID: 13754346
why a grade B?
Anyway thanks!
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question