var c_browser;
   var detect = navigator.userAgent.toLowerCase();
   var OS, browser, version;
   var thestring;

   if(document.images)
   {
      imgPortfolio1Off = new Image();
      imgPortfolio1Off.src = "../images/website_design_portfolio1_off.png";
      imgPortfolio1On = new Image();
      imgPortfolio1On.src = "../images/website_design_portfolio1_on.png";
   
      imgPortfolio2Off = new Image();
      imgPortfolio2Off.src = "../images/website_design_portfolio2_off.png";
      imgPortfolio2On = new Image();
      imgPortfolio2On.src = "../images/website_design_portfolio2_on.png";
   
      imgPortfolio3Off = new Image();
      imgPortfolio3Off.src = "../images/website_design_portfolio3_off.png";
      imgPortfolio3On = new Image();
      imgPortfolio3On.src = "../images/website_design_portfolio3_on.png";
   
      imgPortfolio4Off = new Image();
      imgPortfolio4Off.src = "../images/website_design_portfolio4_off.png";
      imgPortfolio4On = new Image();
      imgPortfolio4On.src = "../images/website_design_portfolio4_on.png";
   
   }
   
   function rollover(imgName, action)
   {
      if(document.images)
         document[imgName].src = eval(imgName + action + ".src");
   }

   function browserDetect()
   {
      if(checkIt('konqueror'))
      {
         browser = "Konqueror";
         OS = "Linux";
      }
      else if(checkIt('safari')) browser = "Safari"
      else if(checkIt('omniweb')) browser = "OmniWeb"
      else if(checkIt('opera')) browser = "Opera"
      else if(checkIt('webtv')) browser = "WebTV";
      else if(checkIt('icab')) browser = "iCab"
      else if(checkIt('msie')) browser = "Internet Explorer"
      else if(checkIt('firefox')) browser = "Firefox"
      else if(checkIt('netscape')) browser = "Netscape"
      else if(!checkIt('compatible'))
      {
         browser = "Netscape"
         version = detect.charAt(8);
      }
      else browser = "An unknown browser";

      if(!version) version = detect.charAt(place + thestring.length);

      if(!OS)
      {
         if(checkIt('linux')) OS = "Linux";
         else if(checkIt('x11')) OS = "Unix";
         else if(checkIt('mac')) OS = "Mac"
         else if(checkIt('win')) OS = "Windows"
         else OS = "an unknown operating system";
      }

      return( browser );
   }

   function checkIt(string)
   {
      place = detect.indexOf(string) + 1;
      thestring = string;
      return place;
   }

   function resetDivPosition()
   {
      main = document.getElementById('mainDiv');
   
      if( c_browser == "Internet Explorer" )
         main.style.left = (document.body.offsetWidth / 2) - 400;
      else
         main.style.left = (document.body.clientWidth / 2) - 400;

   }

   function textCounter( text_field, count_field, maxlimit )
   {
      if( text_field.value.length > maxlimit )
         text_field.value = text_field.value.substring( 0, maxlimit );
      else
         count_field.value = maxlimit - text_field.value.length;
   }
   
   function writeFooter()
   {
      document.writeln("<span class=\"foot\">\n" );
      document.writeln("<a href=\"home.html\">Home</a> | " +
                       "<a href=\"website_design_about.html\">About us</a> | " +
                       "<a href=\"web_design_portfolio.html\">Portfolio</a> | " +
                       "<a href=\"web_design_contact_us.html\">Contact us</a> | " +
                       "<a href=\"website_design_site_map.html\">Site Map</a>");
      document.writeln("<br>");
      document.writeln("&copy; 2007 Enchant Design - <a href=\"http://www.enchantdesign.com\" " + 
                       "target=_blank>Website Design by EnchantDesign.com</a>");
      document.writeln("</span>\n" );
   }

   function writeNav()
   {
      document.writeln("<span class=\"nav\">");
      document.writeln("<a href=\"home.html\" " +
                       "width=\"33%\">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
      document.writeln("<a href=\"website_design_about.html\" " +
                       "width=\"33%\">ABOUT US</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
      document.writeln("<a href=\"web_design_portfolio.html\" " +
                       "width=\"33%\">PORTFOLIO</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
      document.writeln("<a href=\"web_design_contact_us.html\" " +
                       "width=\"33%\">CONTACT US</a>");
      document.writeln("</span>");
   }

//   window.onresize = resetDivPosition;