var fadeOpacity  = new Array();
      var fadeTimer    = new Array();
      var fadeInterval = 100;  // milliseconds

	var wideHeight = new Array();
	var wideTimer = new Array();
	var wideInterval = 20;

      function fade(o,d)
      {
        // o - Object to fade in or out.
        // d - Display, true =  fade in, false = fade out
      
        var obj = document.getElementById(o);
      
        if((fadeTimer[o])||(d&&obj.style.display!='block')||(!d&&obj.style.display=='block'))
        {
      
          if(fadeTimer[o])
            clearInterval(fadeTimer[o]);
          else
            if(d) fadeOpacity[o] = 0;
            else  fadeOpacity[o] = 9;
        
          obj.style.opacity = "."+fadeOpacity[o].toString();
          obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
          
          if(d)
          {
            obj.style.display = 'block';
            fadeTimer[o] = setInterval('fadeAnimation("'+o+'",1);',fadeInterval);
          }
          else
            fadeTimer[o] = setInterval('fadeAnimation("'+o+'",-1);',fadeInterval);
        }
      }

      function fadeAnimation(o,i)
      {

        // o - o - Object to fade in or out.
        // i - increment, 1 = Fade In

        var obj = document.getElementById(o);
        fadeOpacity[o] += i;
        obj.style.opacity = "."+fadeOpacity[o].toString();
        obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";

        if((fadeOpacity[o]=='9')|(fadeOpacity[o]=='0'))
        {
          if(fadeOpacity[o]=='0')
            obj.style.display = 'none';
          else
          {
            obj.style.opacity = "1";
            obj.style.filter  = "alpha(opacity=100)";
          }
      
          clearInterval(fadeTimer[o]);
          delete(fadeTimer[o]);
          delete(fadeTimer[o]);
          delete(fadeOpacity[o]);
      
        }  
      }

	function change(txt, $f, $obj) {
	if ($f==1) document.getElementById('aaa').href = 'order?compact'; else document.getElementById('aaa').href = 'order';

	if ($obj) {
		for ($i=0;$i<6;$i++) document.getElementById('aa'+$i).className = 'll';
		document.getElementById($obj).className = 'lla';
	}

	document.getElementById('txt').style.display='';
	fade('txt',true);
	// document.getElementById('txt').innerHTML = txt;
	contentPane.html(txt);
	api.reinitialise();
}


     function wide(o,d)
      {
      
        // o - Object to fade in or out.
        // d - Display, true =  fade in, false = fade out
      
        var obj = document.getElementById(o);
	if (d) { obj.style.display = 'block'; } else { obj.style.display = 'none'; } 

	return;


      
        if((wideTimer[o])||(d&&obj.style.height!='27px')||(!d&&obj.style.height=='27px'))
        {
      
          if(fadeTimer[o])
            clearInterval(fadeTimer[o]);
          else
            if(d) wideHeight[o] = 0;
            else  wideHeight[o] = 27;
        
          obj.style.height = wideHeight[o].toString()+'px';
          
          if(d)
          {
            wideTimer[o] = setInterval('wideAnimation("'+o+'",3);',wideInterval);
          }
          else
            wideTimer[o] = setInterval('wideAnimation("'+o+'",-3);',wideInterval);
        }
      }


      function wideAnimation(o,i)
      {

        // o - o - Object to fade in or out.
        // i - increment, 1 = Fade In

        var obj = document.getElementById(o);
        wideHeight[o] += i;
        obj.style.height = wideHeight[o].toString()+'px';

        if((wideHeight[o]=='27')|(wideHeight[o]=='0'))
        {
          if(wideHeight[o]=='0') {
            obj.style.height = '0px';
          } else
          {
           obj.style.height = '27px';
          }
      
          clearInterval(wideTimer[o]);
          delete(wideTimer[o]);
          delete(wideTimer[o]);
          delete(wideHeight[o]);
      
        }  
      }