// ---------------------------------------------------------------------------
// this script is copyright (c) 2001 by Michael Wallner!
// http://www.wallner-software.com
// mailto:dhtml@wallner-software.com
//
// you may use this script on web pages of your own
// you must not remove this copyright note!
//
// This script featured on Dynamic Drive (http://www.dynamicdrive.com)
// Visit http://www.dynamicdrive.com for full source to this script and more
// ---------------------------------------------------------------------------

// ---------------------------------------------------------------------------
//                   Outlook like navigation bar version 1.2 modified by DLE
//
// ---------------------------------------------------------------------------
// OutlookBar object for ie4, ie5, ns5, op5
// ---------------------------------------------------------------------------

function createOutlookBar(name,x,y,width,height,bgColor,btnColor) {
  this.aktPanel=0;                        // last open panel
//alert(width)
  this.name=name                          // OutlookBar name
  this.xpos=x;                            // bar x-pos
  this.ypos=y;                            // bar y-pos 
  this.width=width;                       // bar width
  this.height=height;                     // bar height
  
  //Scroller
  this.scrol1=5							//Scroll show after x rows		5
  this.scroll_time=10						//Scroll distance				10
  
  //Button details
  this.buttoncolor=btnColor;					// Button colour 				'silver' #005883
//  this.b_border ='red';					//Button border color			'silver'
  b_size = 10;							//button text size				8
  //Panel details
  this.p_bgcolor= bgColor;		   //panel background color - bgcolor;   '#606060'    '#808080'  bgcolor,   #7d0000
  this.pagecolor='white';                  // page bgcolor (op5!)      ,pagecolor
  //this.textcolor='red';				   // text color                      'white'
 // this.b_textcolor='red';				   // text color                      'white'
  this.textsize=8						   //button text size								8
  this.buttonspace=15;                     // distance of submenu apart vertically            80
  
  this.panels=new Array();                 // OutlookBar panels
  this.addPanel=b_addPanel;                // add new panel to bar
  this.writeStyle=b_writeStyle;
  this.draw=b_draw;                        // write HTML code of bar
 // if (bt.ns4)
 //   this.showPanel=b_showPanel_ns4;        // make a panel visible (ns4)
 // else
/// alert(this.draw)
    this.showPanel=b_showPanel;            // make a panel visible (!=ns4)
    
  //  alert(this.b_border)
    
  this.resize=b_resize;                    // resize Outlook Like Bar

  this.v = name + "var";                   // global var of 'this'

  eval(this.v + "=this");

  return this
}

 //write style sheets

function b_writeStyle() {
 /* 
  document.write('<link rel=stylesheet href="css/te_w.css" type="text/css">');
  }
  
  	font-weight: 800;

*/

   document.write('<STYLE TYPE="text/css">');
 

  document.write('.button {width:300; text-align:center; font-family:arial;');
  document.write(' font-size:'+b_size+'pt; cursor:hand; border-width:3;');
  document.write(' font-weight:800;');
 // document.write(' border-style:outset; border-color:'+this.b_border+'; ');
  document.write(' border-color:'+this.b_border+'; ');
  document.write(' background-color:'+this.buttoncolor+';}');

  document.write('.noLine {text-decoration:none;}');    //Button text deco

  document.write('.imgB {color:'+this.textcolor+'; font-family:arial; font-size:'+this.textsize+'pt;}');

  if (bt.op5) {
    document.write('.imgbin {border-width:3; border-style:inset; ');
    document.write('border-color:white;}');
  }
  else {
    document.write('.imgbin {border-width:3; border-style:inset; ');
    document.write('border-color:silver;}');
  }

  if (bt.op5) {
    document.write('.imgbout {border-width:3; border-style:outset; ');
    document.write('border-color:red;}');
  }
  else {
    document.write('.imgbout {border-width:3; border-style:outset; ');
    document.write('border-color:green;}');
  }
  
  document.write(' .imgnob {border-width:3; border-style:solid; ');
  document.write('border-color:red;}');
//+this.bgcolor+
  document.write('</STYLE>');

}







  var o = new createOutlookBar('Bar',0,0,screenSize.width,screenSize.height,'FFFFFF','FFFFFF');
  var p;
  p = new createPanel('ak','Home');
  p.addButton('','web presence packages', 'page_11.html#te900','content');
  p.addButton('','information hub', 'page_11.html#te647','content');
  p.addButton('','points of difference', 'page_11.html#te237','content');
  p.addButton('','flexible pricing plans', 'page_11.html#te233','content');
  p.addButton('','how it works?', 'page_11.html#te230','content');
  o.addPanel(p);
  p = new createPanel('de','Domain Names');
  p.addButton('gfx/disc.gif','domain name', 'page_17.html#te30150','content');
  p.addButton('gfx/disc.gif','organise a domain', 'page_17.html#te30140','content');
  p.addButton('gfx/disc.gif','prices', 'page_17.html#te30120','content');
  p.addButton('gfx/disc.gif','registration', 'page_17.html#te10115','content');
  o.addPanel(p);
  p = new createPanel('pa','Internet (ISP)');
  p.addButton('','internet services provider (isp)', 'page_18.html#te5','content');
  p.addButton('','prices', 'page_18.html#te4','content');
  p.addButton('','equipment', 'page_18.html#te3','content');
  p.addButton('','things you need to know', 'page_18.html#te2','content');
  p.addButton('','registration', 'page_18.html#te1','content');
  o.addPanel(p);
  p = new createPanel('au','About Us');
  p.addButton('','contact us','page_16.html#te999999','content');
  p.addButton('','company information', 'page_16.html#te90130','content');
  p.addButton('','paypal system', 'page_16.html#te90120','content');
  o.addPanel(p);
   o.draw();