// SUB navigation part

function sub_preload(name, first, second) {  

  // preload images and place them in an array

  if (browserOK) {     
    sub_pics[sub_objCount] = new Array(3);
    sub_pics[sub_objCount][0] = new Image();
    sub_pics[sub_objCount][0].src = first;
    sub_pics[sub_objCount][1] = new Image();
    sub_pics[sub_objCount][1].src = second;
    sub_pics[sub_objCount][2] = name;
    sub_objCount++;
  }
}

function sub_on(name){
  if (browserOK) {
   hide('k3_koste');
   hide('k3_kaufe');
     for (i = 0; i < sub_objCount; i++) {
      if (document.images[sub_pics[i][2]] != null)
        if ((name != sub_pics[i][2]) & (document.images[sub_pics[i][2]] != sub_activePic)) { 
          // set back all other pictures
          document.images[sub_pics[i][2]].src = sub_pics[i][0].src;
		   hide(document.images[sub_pics[i][2]].name + '_text');
		   hide(sub_activePic.name + '_deep'); 
        } else {
           // show the second image because cursor moves across this image
           document.images[sub_pics[i][2]].src = sub_pics[i][1].src;
		   hide(activePic.name + '_text'); 
		   hide(sub_activePic.name + '_text'); 
		   show(name + '_text'); 
        	}
    }
  }
}

function sub_active(name){
  if (browserOK) {
     for (i = 0; i < sub_objCount; i++) {
      if (document.images[sub_pics[i][2]] != null) {
	  	if (name == sub_pics[i][2])
			{
           document.images[sub_pics[i][2]].src = sub_pics[i][1].src; 
		   sub_activePic = document.images[sub_pics[i][2]];
		   show(name + '_deep');
		   }
	   }
    }
  }
sub_off();
}

function sub_off(){
  if (browserOK) {
     for (i = 0; i < sub_objCount; i++) {
		// hide all text
		hide(document.images[sub_pics[i][2]].name + '_text'); 
      // set back all pictures
      if ((document.images[sub_pics[i][2]] != null) & (document.images[sub_pics[i][2]] != sub_activePic))
        document.images[sub_pics[i][2]].src = sub_pics[i][0].src;
	// hide infotext
    }
  }
  if (activePic) {
	show(activePic.name + '_text'); 
  }
  if (sub_activePic) {
    hide(activePic.name + '_text'); 
	show(sub_activePic.name + '_deep'); 
  }
  show('k3_koste');
  show('k3_kaufe');

}