var path = "http://www.stepan.at/";

var cSubLeft = 167;
var cSubSubLeft = 454;

var CHIGH = "#003399";
var CLOW  = "#999999";
var CLOWGRAY  = "#F5F5F5";
var CHIGHTOP = "#808080";
var CLOWTOP  = "#000000";
var CHIGHMAIN = "#DDDDDD";
var CLOWMAIN  = "#FFFFFF";
var CHIGHBLOCK = "#EEEEEE";
var CLOWBLOCK  = "#FFFFFF";
var CLOWSUB = "#808080";

var cTimeout = 10;
var sub_showing = false;
var sub_hideing = false;
var subsub_showing = false;
var subsub_hideing = false;
var active_sub = null;
var active_subsub = null;

var cSubs = 9;
var Subs = new Array ( cSubs );

for ( i = 0; i < cSubs; i++ ) {
  Subs[i]=null
};

var cSubSubs = 2;
var SubSubs = new Array ( cSubSubs );

for ( i = 0; i < cSubSubs; i++ ) {
  SubSubs[i]=null
};

// =============================================================
// FADING - Navigation
// =============================================================

var cFadeArray = 29;
var fade = new Array ( cFadeArray );

fade[0]="#DCDCDC";
fade[1]="#DADADA";
fade[2]="#D8D8D8";
fade[3]="#D6D6D6";
fade[4]="#D4D4D4";
fade[5]="#D2D2D2";
fade[6]="#D0D0D0";
fade[7]="#CECECE";
fade[8]="#CCCCCC";
fade[9]="#CACACA";
fade[10]="#C8C8C8";
fade[11]="#C6C6C6";
fade[12]="#C4C4C4";
fade[13]="#C2C2C2";
fade[14]="#C0C0C0";
fade[15]="#BEBEBE";
fade[16]="#BCBCBC";
fade[17]="#BABABA";
fade[18]="#B8B8B8";
fade[19]="#B6B6B6";
fade[20]="#B4B4B4";
fade[21]="#B2B2B2";
fade[22]="#B0B0B0";
fade[23]="#AEAEAE";
fade[24]="#ACACAC";
fade[25]="#AAAAAA";
fade[26]="#9E9E9E";
fade[27]="#9C9C9C";
fade[28]=CLOW;

var fade_sub = new Array ( cFadeArray );

fade_sub[0]="#D9D9D9";
fade_sub[1]="#D7D7D7";
fade_sub[2]="#D5D5D5";
fade_sub[3]="#D3D3D3";
fade_sub[4]="#CFCFCF";
fade_sub[5]="#CCCCCC";
fade_sub[6]="#C9C9C9";
fade_sub[7]="#C6C6C6";
fade_sub[8]="#C3C3C3";
fade_sub[9]="#BFBFBF";
fade_sub[10]="#BCBCBC";
fade_sub[11]="#B9B9B9";
fade_sub[12]="#B6B6B6";
fade_sub[13]="#B3B3B3";
fade_sub[14]="#AFAFAF";
fade_sub[15]="#ACACAC";
fade_sub[16]="#A9A9A9";
fade_sub[17]="#A6A6A6";
fade_sub[18]="#A3A3A3";
fade_sub[19]="#9F9F9F";
fade_sub[20]="#9C9C9C";
fade_sub[21]="#999999";
fade_sub[22]="#969696";
fade_sub[23]="#939393";
fade_sub[24]="#8F8F8F";
fade_sub[25]="#8B8B8B";
fade_sub[26]="#878787";
fade_sub[27]="#838383";
fade_sub[28]=CLOWSUB;

var fade_subsub = new Array ( cFadeArray );

fade_subsub[0]="#D9D9D9";
fade_subsub[1]="#D7D7D7";
fade_subsub[2]="#D5D5D5";
fade_subsub[3]="#D3D3D3";
fade_subsub[4]="#CFCFCF";
fade_subsub[5]="#CCCCCC";
fade_subsub[6]="#C9C9C9";
fade_subsub[7]="#C6C6C6";
fade_subsub[8]="#C3C3C3";
fade_subsub[9]="#BFBFBF";
fade_subsub[10]="#BCBCBC";
fade_subsub[11]="#B9B9B9";
fade_subsub[12]="#B6B6B6";
fade_subsub[13]="#B3B3B3";
fade_subsub[14]="#AFAFAF";
fade_subsub[15]="#ACACAC";
fade_subsub[16]="#A9A9A9";
fade_subsub[17]="#A6A6A6";
fade_subsub[18]="#A3A3A3";
fade_subsub[19]="#9F9F9F";
fade_subsub[20]="#9C9C9C";
fade_subsub[21]="#999999";
fade_subsub[22]="#969696";
fade_subsub[23]="#939393";
fade_subsub[24]="#8F8F8F";
fade_subsub[25]="#8B8B8B";
fade_subsub[26]="#878787";
fade_subsub[27]="#838383";
fade_subsub[28]=CLOWSUB;

var cNavArray = 20;  
var nav = new Array ( cNavArray );

for ( i = 0; i < cNavArray; i++ ) {
  nav[i]=cFadeArray
};

var cNavSubArray = 139;
var nav_sub = new Array ( cNavSubArray );

for ( i = 0; i < cNavSubArray; i++ ) {
  nav_sub[i]=cFadeArray
};

var cNavSubSubArray = 10;
var nav_subsub = new Array ( cNavSubSubArray );

for ( i = 0; i < cNavSubSubArray; i++ ) {
  nav_subsub[i]=cFadeArray
};

var nav_obj = new Array ( cNavArray );

for ( i = 0; i < cNavArray; i++ ) {
  nav_obj[i]=null
};

var nav_obj_sub = new Array ( cNavSubArray );

for ( i = 0; i < cNavSubArray; i++ ) {
  nav_obj_sub[i]=null
};

var nav_obj_subsub = new Array ( cNavSubSubArray );

for ( i = 0; i < cNavSubSubArray; i++ ) {
  nav_obj_subsub[i]=null
};

var fadeing = false;
var fadeing_sub = false;
var fadeing_subsub = false;

function clicken ( url, frm ) {
  window.open ( path + url, frm );
};

function clicken_mail ( email ) {
  location.href = "mailto:" + email;
};

function addItem ( pItem ) {
  for ( i = 0; i < cNavArray; i++ ) {
    if ( nav_obj [ i ] == null ) { 
      nav_obj [ i ] = pItem;
    }
    if ( nav_obj [ i ] == pItem ) { nav [ i ] = cFadeArray; i = cNavArray; };
  };
};

function addItem_sub ( pItem ) {
  for ( i = 0; i < cNavSubArray; i++ ) {
    if ( nav_obj_sub [ i ] == null ) { 
      nav_obj_sub [ i ] = pItem;
    }
    if ( nav_obj_sub [ i ] == pItem ) { nav_sub [ i ] = cFadeArray; i = cNavSubArray; };
  };
};

function addItem_subsub ( pItem ) {
  for ( i = 0; i < cNavSubSubArray; i++ ) {
    if ( nav_obj_subsub [ i ] == null ) { 
      nav_obj_subsub [ i ] = pItem;
    }
    if ( nav_obj_subsub [ i ] == pItem ) { nav_subsub [ i ] = cFadeArray; i = cNavSubSubArray; };
  };
};

function high ( pItem )
{
  addItem ( pItem );

  pItem.style.background = CHIGH;
};

function high_sub ( pItem, pParent )
{
  sub_showing = true;

  addItem_sub ( pItem );
  high ( pParent );

  pItem.style.background = CHIGH;
};

function high_subsub ( pItem, pParent, pGrandparent )
{
  subsub_showing = true;

  addItem_subsub ( pItem );
  high_sub ( pParent, pGrandparent );

  pItem.style.background = CHIGH;
};

function menu_fade ()
{
  var found_fade = false;

  for ( i = 0; i < cNavArray; i++ ) {
    // muss das item gefadet werden?
    if ( nav [ i ] < cFadeArray ) {
      found_fade = true;
      nav_obj [ i ].style.background = fade [ nav [ i ] ];
      nav [ i ]++;
    };
    
  };

    if ( !found_fade ) {
      clearInterval ();
    }
};

function menu_fade_sub ()
{
  var found_fade = false;

  for ( i = 0; i < cNavSubArray; i++ ) {
    // muss das item gefadet werden?
    if ( nav_sub [ i ] < cFadeArray ) {
      found_fade = true;
      nav_obj_sub [ i ].style.background = fade_sub [ nav_sub [ i ] ];
      nav_sub [ i ]++;
    };
    
  };

    if ( !found_fade ) {
      clearInterval ();
    }
};

function menu_fade_subsub ()
{
  var found_fade = false;

  for ( i = 0; i < cNavSubSubArray; i++ ) {
    // muss das item gefadet werden?
    if ( nav_subsub [ i ] < cFadeArray ) {
      found_fade = true;
      nav_obj_subsub [ i ].style.background = fade_subsub [ nav_subsub [ i ] ];
      nav_subsub [ i ]++;
    };
    
  };

    if ( !found_fade ) {
      clearInterval ();
    }
};

function init_fadeing ( pItem ) {
  for ( i = 0; i < cNavArray; i++ ) {
    if ( nav_obj [ i ] == null ) { 
      nav_obj [ i ] = pItem;
    }
    if ( nav_obj [ i ] == pItem ) { nav [ i ] = 0; i = cNavArray; };
  };
};

function init_fadeing_sub ( pItem ) {
  for ( i = 0; i < cNavSubArray; i++ ) {
    if ( nav_obj_sub [ i ] == null ) { 
      nav_obj_sub [ i ] = pItem;
    }
    if ( nav_obj_sub [ i ] == pItem ) { nav_sub [ i ] = 0; i = cNavSubArray; };
  };
};

function init_fadeing_subsub ( pItem ) {
  for ( i = 0; i < cNavSubSubArray; i++ ) {
    if ( nav_obj_subsub [ i ] == null ) { 
      nav_obj_subsub [ i ] = pItem;
    }
    if ( nav_obj_subsub [ i ] == pItem ) { nav_subsub [ i ] = 0; i = cNavSubSubArray; };
  };
};

function low ( pItem )
{
  init_fadeing ( pItem );
  if ( !fadeing ) {
    fadeing = true;
    setInterval ( "menu_fade ();", cTimeout );
  }
  // pItem.style.background = CLOW;
};

function low_sub ( pItem, pParent )
{
  sub_showing = false;

  init_fadeing_sub ( pItem );
  low ( pParent );
  if ( !fadeing_sub ) {
    fadeing_sub = true;
    setInterval ( "menu_fade_sub ();", cTimeout );
  }
  // pItem.style.background = CLOW;
};

function low_subsub ( pItem, pParent, pGrandparent )
{
  subsub_showing = false;

  init_fadeing_subsub ( pItem );
  low_sub ( pParent, pGrandparent );
  if ( !fadeing_subsub ) {
    fadeing_subsub = true;
    setInterval ( "menu_fade_subsub ();", cTimeout );
  }
  // pItem.style.background = CLOW;
};

function high_top ( pItem )
{
  pItem.style.background = CHIGHTOP;
};

function low_top ( pItem )
{
  pItem.style.background = CLOWTOP;
};

function high_main ( pItem )
{
  pItem.style.background = CHIGHMAIN;
};

function low_main ( pItem )
{
  pItem.style.background = CLOWMAIN;
};


function show_sub ( pSubmenu ) {
  if ( sub_showing ) { 
    if ( pSubmenu == active_sub ) { 
      // zuerst in die liste aufnehmen...
      for ( i = 0; i < cSubs; i++ ) {
        if ( Subs [ i ] == null ) { 
          Subs [ i ] = pSubmenu;
        }
        if ( Subs [ i ] == pSubmenu ) { i = cSubs; };
      };

      // alle anderen subs verstecken...
      for ( i = 0; i < cSubs; i++ ) {
        if ( Subs [ i ] != null ) { 
          Subs [ i ].style.left = -1000;
        };
      };

      pSubmenu.style.left = cSubLeft;
    };
  };
};

function show_subsub ( pSubSubmenu ) {
  if ( subsub_showing ) { 
    if ( pSubSubmenu == active_subsub ) { 
      // zuerst in die liste aufnehmen...
      for ( i = 0; i < cSubs; i++ ) {
        if ( SubSubs [ i ] == null ) { 
          SubSubs [ i ] = pSubSubmenu;
        }
        if ( SubSubs [ i ] == pSubSubmenu ) { i = cSubs; };
      };

      // alle anderen subs verstecken...
      for ( i = 0; i < cSubs; i++ ) {
        if ( SubSubs [ i ] != null ) { 
          SubSubs [ i ].style.left = -1000;
        };
      };

      pSubSubmenu.style.left = cSubSubLeft; 
    };
  };
};

function hide_sub ( pSubmenu ) {
  if ( !sub_showing ) { pSubmenu.style.left = -1000; };
};

function hide_subsub ( pSubSubmenu ) {
  if ( !subsub_showing ) { pSubSubmenu.style.left = -1000; };
};