function showTip(what,size)
{ ddrivetip(what,'#FFFFFF',size); }

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

var headImg = -1;
var isOver = 0;

function swap(thing, newImage) {
  if (newImage == "cust_1" || newImage == "cust_2")
  {
    document.cust.src = "images/"+newImage+"_"+headImg+".gif";
    if (isOver == 0)
      isOver = 1;
    else
      isOver = 0;
  }
  else
    thing.src="images/"+newImage+".gif";
  return true;
}

function swapServlet(thing, newImage) {
  if (newImage == "cust_1" || newImage == "cust_2")
  {
    document.cust.src = "../../images/"+newImage+"_"+headImg+".gif";
    if (isOver == 0)
      isOver = 1;
    else
      isOver = 0;
  }
  else
    thing.src="../../images/"+newImage+".gif";
  return true;
}

function getDateYear() {

  var Today = new Date();
  var Year = Today.getYear();
  if(Year< 1900) { Year += 1900; }

  return Year;
}

function cycleHeaders()
{
  headImg++;
  if (headImg == 4)
  { headImg = 0; }
  document.headimg.src = "http://www.creatrix.com/images/header"+headImg+".gif";
  if (isOver == 0)
    document.cust.src = "http://www.creatrix.com/images/cust_1_"+headImg+".gif";
  else
    document.cust.src = "http://www.creatrix.com/images/cust_2_"+headImg+".gif";
  setTimeout("cycleHeaders()",4500);  
}

function showPopup(loc)
{
  var w = 625;
  var h = 400;
  var popUp = document.getElementById("popupcontent");
  if (loc == null)
  { loc = ''; }

  if(popUp != null) 
  {
var baseText = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "  <tr>";
baseText += "    <td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\""+w+"\" style=\"background:url("+loc+"images/dark_blue_spacer.gif)\">";
baseText += "      <tr valign=\"top\">";
baseText += "        <td><span class=\"norm\"><img src=\""+loc+"images/trans_spacer.gif\" height=\"8\" width=\"1\" alt=\"\"><br><img src=\""+loc+"images/trans_spacer.gif\" height=\"1\" width=\"8\" alt=\"\"><font color=\"#FFFFFF\"><b>Contact Us</b><br><img src=\""+loc+"images/trans_spacer.gif\" height=\"8\" width=\"1\" alt=\"\"></font></span></td>";
baseText += "        <td align=\"right\" nowrap class=\"white\"><img src=\""+loc+"images/trans_spacer.gif\" height=\"8\" width=\"1\" alt=\"\"><br><a href=\"#\" onClick=\"javascript:hidePopup();return false;\">X</a><img src=\""+loc+"images/trans_spacer.gif\" height=\"1\" width=\"12\" alt=\"\"></td>";
baseText += "      </tr>";
baseText += "    </table></td>";
baseText += "  </tr>";
baseText += "  <tr>";
baseText += "    <td style=\"background:url("+loc+"images/white_spacer.gif)\"><table cellpadding=\"8\" cellspacing=\"0\" border=\"0\">";
baseText += "      <tr valign=\"top\">";
baseText += "        <td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "          <tr valign=\"top\">";
baseText += "            <td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "              <tr valign=\"top\">";
baseText += "                <td colspan=\"2\"><span class=\"norm\"><b><a name=\"us\"></a>Jacqueline Byrd, Ph.D.</b><br>Richard Byrd Company & The Creatrix Team<br>135 Black Oaks Lane<br>Minneapolis, MN 55391<br>USA</span><br><img src=\""+loc+"images/white_spacer.gif\" height=\"5\" width=\"1\" alt=\"\"></td>";
baseText += "              </tr>";
baseText += "              <tr>";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>phone:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\">763.476.5815</span></td>";
baseText += "              </tr>";
baseText += "              <tr>";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>cell:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\">612.386.0953</span></td>";
baseText += "              </tr>";
baseText += "              <tr valign=\"top\">";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>e-mail:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\"><a href=\"mailto:jbyrd@creatrix.com\">jbyrd@creatrix.com</a> or <a href=\"mailto:team@creatrix.com\">team@creatrix.com</a></span></td>";
baseText += "              </tr>";
baseText += "              <tr>";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>web:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\"><a href=\"http://www.creatrix.com/\" target=\"_blank\">www.creatrix.com</a></span></td>";
baseText += "              </tr>";
baseText += "            </table></td>";
baseText += "            <td style=\"background:url("+loc+"images/dark_blue_spacer.gif)\"><img src=\""+loc+"images/dark_blue_spacer.gif\" height=\"1\" width=\"1\" alt=\"\"></td>";
baseText += "            <td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "              <tr><td><img src=\""+loc+"white_spacer.gif\" height=\"1\" width=\"20\" alt=\"\"></td><td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "                <tr valign=\"top\">";
baseText += "                  <td colspan=\"2\"><span class=\"norm\"><b><a name=\"de\"></a>Hans-Harry Bittner</b><br>Bittner International Training<br>In der hinteren Au 10<br>D-79 410 Badenweiler</span><br><img src=\""+loc+"images/white_spacer.gif\" height=\"5\" width=\"1\" alt=\"\"></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>phone:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\">0049 7632 89 26 11</span></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>fax:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\">0049 7632 89 26 12</span></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>mobil:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\">0049 170 794 82 06</span></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>e-mail:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\"><a href=\"mailto:bittner-i-t@t-online.de\">bittner-i-t@t-online.de</a></span></td>";
baseText += "                </tr>";
baseText += "                <tr valign=\"top\">";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>web:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\"><a href=\"http://www.bittner-i-t.de\" target=\"_blank\">www.bittner-i-t.de</a>; <a href=\"http://www.matchpoint24.ch\" target=\"_blank\">www.matchpoint24.ch</a></span></td>";
baseText += "                </tr>";
baseText += "              </table></td></tr>";
baseText += "            </table></td>";
baseText += "          </tr>";
baseText += "          <tr>";
baseText += "            <td>&nbsp;<br><img src=\""+loc+"images/dark_blue_spacer.gif\" height=\"1\" width=\"100%\" alt=\"\"><br>&nbsp;</td>";
baseText += "            <td style=\"background:url("+loc+"images/dark_blue_spacer.gif)\"><img src=\""+loc+"images/dark_blue_spacer.gif\" height=\"1\" width=\"1\" alt=\"\"></td>";
baseText += "            <td>&nbsp;<br><img src=\""+loc+"images/dark_blue_spacer.gif\" height=\"1\" width=\"100%\" alt=\"\"><br>&nbsp;</td>";
baseText += "          </tr>";
baseText += "          <tr valign=\"top\">";
baseText += "            <td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "              <tr valign=\"top\">";
baseText += "                <td colspan=\"2\"><span class=\"norm\"><b><a name=\"uk\"></a>Mike Morrison FCIPD FBILD MIBC</b><br>Director<br>RapidBI Ltd<br>London</span><br><img src=\""+loc+"images/white_spacer.gif\" height=\"5\" width=\"1\" alt=\"\"></td>";
baseText += "              </tr>";
baseText += "              <tr>";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>phone:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\">+44 208 230 0980 (office)</span></td>";
baseText += "              </tr>";
baseText += "              <tr>";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>cell/mobile:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\">+44 781 687 5588</span></td>";
baseText += "              </tr>";
baseText += "              <tr>";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>e-mail:</b>&nbsp;</span></td>";
baseText += "                <td><span class=\"norm\"><a href=\"mailto:mike@rapidbi.com\">mike@rapidbi.com</a></span></td>";
baseText += "              </tr>";
baseText += "              <tr valign=\"top\">";
baseText += "                <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>web:</b>&nbsp;</span></td> ";
baseText += "                <td><span class=\"norm\"><a href=\"http://www.f2p.co.uk/\" target=\"_blank\">www.f2p.co.uk</a><br>&nbsp;&nbsp;&nbsp;&nbsp;&#0151; developing you<br><a href=\"http://www.rapidbi.com\" target=\"_blank\">www.rapidbi.com</a><br>&nbsp;&nbsp;&nbsp;&nbsp;&#0151; developing your business</span></td>";
baseText += "              </tr>";
baseText += "            </table></td>";
baseText += "            <td style=\"background:url("+loc+"images/dark_blue_spacer.gif)\"><img src=\""+loc+"images/dark_blue_spacer.gif\" height=\"1\" width=\"1\" alt=\"\"></td>";
baseText += "            <td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "              <tr><td><img src=\""+loc+"white_spacer.gif\" height=\"1\" width=\"20\" alt=\"\"></td><td><table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
baseText += "                <tr valign=\"top\">";
baseText += "                  <td colspan=\"2\"><span class=\"norm\"><b><a name=\"de\"></a>Dr. Oliver Ho</b> or <b>Ms. Betsy Yip</b><br>Institute of Global Management Sdn. Bhd.<br>Malaysia</span><br><img src=\""+loc+"images/white_spacer.gif\" height=\"5\" width=\"1\" alt=\"\"></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>phone:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\">603.8024.0060</span></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>fax:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\">603.8024.0086</span></td>";
baseText += "                </tr>";
baseText += "                <tr valign=\"top\">";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>e-mail:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\"><a href=\"mailto:oho@igm.edu.my\">oho@igm.edu.my</a><br><a href=\"mailto:yipigm@yahoo.com\">yipigm@yahoo.com</a></span></td>";
baseText += "                </tr>";
baseText += "                <tr>";
baseText += "                  <td align=\"right\" width=\"1%\" nowrap><span class=\"norm\"><b>web:</b>&nbsp;</span></td>";
baseText += "                  <td><span class=\"norm\"><a href=\"http://www.igm.edu.my\" target=\"_blank\">www.igm.edu.my</a></span></td>";
baseText += "                </tr>";
baseText += "              </table></td></tr>";
baseText += "            </table></td>";
baseText += "          </tr>";
baseText += "        </table></td>";
baseText += "      </tr>";
baseText += "    </table>";
baseText += "  </td>";
baseText += "</tr>";
baseText += "</table>"; 

    popUp.innerHTML = baseText;
    popUp.style.width = w;
    popUp.style.height = h;
    popUp.style.visibility = "visible";
    popUp.style.display = 'block';
    centerElement(popUp);
    greyout(true);
        
    //window.onresize = function()
    //{ }
  }
}

function hidePopup()
{
  var popUp = document.getElementById("popupcontent");
  
  if(popUp != null) 
  {
    greyout(false);
    popUp.style.display = 'none';
    popUp.style.visibility = "hidden";
    window.onresize = null;
  }
}

function getViewportDimensions() {
    var intH = 0, intW = 0;
    
    if(self.innerHeight) {
       intH = window.innerHeight;
       intW = window.innerWidth;
    } 
    else {
        if(document.documentElement && document.documentElement.clientHeight) {
            intH = document.documentElement.clientHeight;
            intW = document.documentElement.clientWidth;
        }
        else {
            if(document.body) {
                intH = document.body.clientHeight;
                intW = document.body.clientWidth;
            }
        }
    }

    return {
        height: parseInt(intH, 10),
        width: parseInt(intW, 10)
    };
}

function centerElement(elem) 
{
    var viewport = getViewportDimensions();
    var left = (viewport.width == 0) ? 50 : parseInt((viewport.width - elem.offsetWidth) / 2, 10);
    var top = (viewport.height == 0) ? 50 : parseInt((viewport.height - elem.offsetHeight) / 2, 10);

    elem.style.left = left + getScrollXY('x');
    elem.style.top = top + getScrollXY('y');;

    viewport, left, top, elem = null;    
}

function greyout(show)
{
  var obj = document.getElementById('greyout');
  if(!obj || obj==null)
  {
    appendElement(document.body,'div','greyout');
    obj = document.getElementById('greyout');
    obj.style.position = 'absolute';
    obj.style.top = getScrollXY('y');
    obj.style.left = getScrollXY('x');
    obj.style.background = '#111';
    obj.style.opacity = '.25';
    obj.style.filter = 'alpha(opacity=25)';
  }

  if (show)
  {
    var viewport = getViewportDimensions();
    var ch = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
    var cw = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
    var sh = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
    if(document.body.scrollHeight) sh = Math.max(sh,document.body.scrollHeight)
    var sw = document.documentElement.scrollWidth ? document.documentElement.scrollWidth : document.body.scrollWidth;
    if(document.body.scrollWidth) sh = Math.max(sh,document.body.scrollWidth)
    var wh = window.innerHeight ? window.innerHeight : document.body.offsetHeight;
    var z = 50;
    obj.style.zIndex = z;
    //obj.style.height = Math.max(wh,Math.max(sh,ch))+'px';
    //obj.style.width = Math.max(sw,cw)+'px';
    obj.style.height = parseInt(viewport.height);
    obj.style.width = parseInt(viewport.width);
    obj.style.display = 'block';
    addEvent(window,'resize',greyoutResize);
    addEvent(window,'scroll',greyoutResize);
  }
  else
  {
    obj.style.display = 'none'; 
    removeEvent(window,'resize',greyoutResize);
    removeEvent(window,'scroll',greyoutResize);
  }
}

function greyoutResize()
{
  var ch = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
  var cw = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
  var sh = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
  if(document.body.scrollHeight) sh = Math.max(sh,document.body.scrollHeight)
  var sw = document.documentElement.scrollWidth ? document.documentElement.scrollWidth : document.body.scrollWidth;
  if(document.body.scrollWidth) sh = Math.max(sh,document.body.scrollWidth)
  var wh = window.innerHeight ? window.innerHeight : document.body.offsetHeight;
  var obj = document.getElementById('greyout');
  obj.style.height = ch+'px';
  obj.style.width = cw+'px';
  //obj.style.height = Math.max(wh,Math.max(sh,ch))+'px';
  //obj.style.width = Math.max(sw,cw)+'px';

  obj.style.top = getScrollXY('y');
  obj.style.left = getScrollXY('x');
    
  var viewport = getViewportDimensions();
  obj.style.height = parseInt(viewport.height);
  obj.style.width = parseInt(viewport.width);

  centerElement(document.getElementById('popupcontent')); 
}

function getScrollXY(which) 
{ 
  var scrOfX = 0;
  var scrOfY = 0;  
  if( typeof( window.pageYOffset ) == 'number' ) 
  { 
    scrOfY = window.pageYOffset; 
    scrOfX = window.pageXOffset; 
  } 
  else if ( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
  { 
    scrOfY = document.body.scrollTop; 
    scrOfX = document.body.scrollLeft; 
  } 
  else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
  { 
    scrOfY = document.documentElement.scrollTop; 
    scrOfX = document.documentElement.scrollLeft; 
 } 
 
 if (which == 'x')
 { return scrOfX; }
 else
 { return scrOfY; } 
}

function appendElement(node,tag,id,htm)
{
  var ne = document.createElement(tag);
  if(id) ne.id = id;
  if(htm) ne.innerHTML = htm;
  node.appendChild(ne);
}

function addEvent(obj ,evt, fnc)
{
if (obj.addEventListener)
obj.addEventListener(evt,fnc,false);
else if (obj.attachEvent)
obj.attachEvent('on'+evt,fnc);
else
return false;
return true;
}

function removeEvent(obj ,evt, fnc)
{
if (obj.removeEventListener)
obj.removeEventListener(evt,fnc,false);
else if (obj.detachEvent)
obj.detachEvent('on'+evt,fnc);
else
return false;
return true;
}
         
