function preloader() {if(d.images){
	if(!d.loaderarray) { d.loaderarray=new Array(); }
	var i,j=d.loaderarray.length,a=preloader.arguments;
	for(i=1; i<a.length; i++) { if (a[i].indexOf("#")!=0) { d.loaderarray[j]=new Image;
	d.loaderarray[j++].src= a[0]+a[i]; } }
}}

function preload(intro) {
	preloader('nav/','nav_on.jpg','nav_off.jpg');
	preloader('img/','spacer.gif');
}

// example specific
function showsub(id,opacity,delay) {
//	alert('id: '+id+'\nopacity: '+opacity+ '\ndelay: '+delay);
	setTimeout("setOpacity('"+id+"',"+opacity+")",delay);
}

var group_remember = '';
function showOverlayItem(group,arr_dir) {
  document.getElementById('overlay_image').src = 'img/grijs.png';
  setOpacity('overlay_bg',75);
  setOpacity('overlay_content',100);
  setOpacity('overlay_nav',100);
// id="overlay_image" src="img/grijs.png"
  current_nr = showItem(group,arr_dir);
  group_remember = group;
  return current_nr;
}
function hideOverlayItem() {
  setOpacity('overlay_content',0);
  setOpacity('overlay_bg',0);
  setOpacity('overlay_nav',0);
  if (group_remember.length > 0 ) {
  setOpacity(group_remember+'_prev',0);
  setOpacity(group_remember+'_next',0);
    setOpacity(group_remember,0);
  }
  return 0;
}

function showItem(group,arr_dir) {
  the_array = eval(group+'_items');
  if (the_array.length == 0 ) { return 0 }
  setOpacity(group,100);
  setOpacity(group+'_prev',25);
  setOpacity(group+'_next',25);
  
  current_nr = eval(group+'_active')+arr_dir;
  if (current_nr > the_array.length-1) {
    current_nr = the_array.length-1;
  } else if (current_nr < 0 ) {
    current_nr = 0;
  }
  if (current_nr < the_array.length-1) { setOpacity(group+'_next',100); }
  if (current_nr > 0                 ) { setOpacity(group+'_prev',100); }

	document.getElementById(group).innerHTML = document.getElementById(group+'_item_'+the_array[current_nr]).innerHTML;

  if (group == 'content_sub') {
    the_array = eval(group+'_images');
//    alert(current_nr+"\n"+the_array);
    if (the_array && the_array.length > current_nr && the_array[current_nr].length > 0 ) {
      document.getElementById('overlay_image').src = the_array[current_nr];
    } else {
      document.getElementById('overlay_image').src = 'img/spacer.gif';
    }
//    alert(document.getElementById('overlay_image').src);
  }

  return current_nr;
}

function IE6HoverFix() {
  var allTags=document.getElementsByTagName("*");
  for (i=0; i<allTags.length; i++) {
    if (allTags[i].className.indexOf('nav') == 0 && allTags[i].tagName.toUpperCase() == 'UL' ) {
//    if (allTags[i].className=="nav" && allTags[i].tagName == 'UL' ) {
      var allListItems = allTags[i].getElementsByTagName('LI');
//alert(allTags[i].className+' '+allListItems.length+' '+allTags[i].tagName);
      for (var ii=0; ii<allListItems.length; ii++) {
//d.title = ii+' '+d.title;
      	allListItems[ii].onmouseover=function() {
      		this.className+=" navon";
      	}
      	allListItems[ii].onmouseout=function() {
      		this.className=this.className.replace(new RegExp(" navon\\b"), "");
      	}
      }
    }
  }
}

prev_inner_height = 0;
function fix_height(container_divs,stretch_divs,header_div,footer_div,min_height,prev_inner_height) {
  always_redo = 0; // may cause flickering?
  if (d.getElementById) {
    if (typeof(container_divs) == 'undefined' ) { container_divs= '';}
    container_div_array = container_divs.split('+');
    stretch_div_array   = stretch_divs.split('+');
    if (d.getElementById(stretch_div_array[0])) {
      re_pos = new Object();
      re_pos['container_height'] = d.body.clientHeight;
      if (d.body.parentNode.scrollHeight > re_pos['container_height'] ) { re_pos['container_height'] = d.body.parentNode.scrollHeight; }
      if (d.body.scrollHeight            > re_pos['container_height'] ) { re_pos['container_height'] = d.body.scrollHeight; }
      if (typeof(min_height)    == 'undefined' ) { min_height   = 1; }
      if (typeof(footer_div)    == 'undefined' ) { footer_div   = '';}
      if (typeof(header_div)    != 'number'
			 && typeof(header_div)    == 'undefined' ) { header_div   = '';}
      fixed_it = false;
      if (typeof(prev_inner_height) == 'undefined'
       || always_redo
       || prev_inner_height != re_pos['container_height'] ) {
        fixed_it = true;
        if (container_div_array[0].length > 0 ) { // start with base CSS height settings of the container_divs
          for (var i in container_div_array) {
            if (d.getElementById(container_div_array[i]) ) {
          		d.getElementById(container_div_array[i]).style.height = '100%';
          	}
          }
        }
        for (var i in stretch_div_array) {
          if (d.getElementById(stretch_div_array[i]) ) { // start with the minimum height (in case of smaller -> larger -> smaller)
//            d.getElementById(stretch_div_array[i]).style.height = 'auto';
        	}
      	}
        if (footer_div.length > 0 && d.getElementById(footer_div) ) { // force position of the footer_div to standard
          d.getElementById(footer_div).style.position= 'relative';
          d.getElementById(footer_div).style.top     = 'auto';
    		}
				
        // start with the largest one..
        re_pos = new Object();
        re_pos['container_height'] = d.body.clientHeight;
        if (d.body.parentNode.scrollHeight > re_pos['container_height'] ) { re_pos['container_height'] = d.body.parentNode.scrollHeight; }
        if (d.body.scrollHeight            > re_pos['container_height'] ) { re_pos['container_height'] = d.body.scrollHeight; }
        if (re_pos['container_height'] > min_height && container_div_array[0].length > 0 ) { // set the height of the container_div
//          top.d.title= re_pos['container_height'];
          for (var i in container_div_array) {
            if (d.getElementById(container_div_array[i]) ) {
          		d.getElementById(container_div_array[i]).style.height = re_pos['container_height']+'px';
//              top.d.title = container_div_array[i]+':'+re_pos['container_height'] +' '+ d.getElementById(container_div_array[i]).style.height+' | '+top.d.title;
          	}
          }
      	}
      	re_pos['footer_top']     = re_pos['container_height'];
      	re_pos['stretch_height'] = re_pos['container_height'];
        // substract the header = height of the header_div
				if (typeof(header_div) == 'number' ) {
          re_pos['stretch_height']-= header_div;
				} else
        if (header_div.length > 0 && d.getElementById(header_div) ) {
          re_pos['stretch_height']-= d.getElementById(header_div).offsetHeight;
    		}
        // substract the footer = height of the footer_div & force position
        if (footer_div.length > 0 && d.getElementById(footer_div) ) {
          re_pos['stretch_height']-= d.getElementById(footer_div).offsetHeight;
        	re_pos['footer_top']    -= d.getElementById(footer_div).offsetHeight;
          d.getElementById(footer_div).style.position= 'absolute';
          d.getElementById(footer_div).style.top     = re_pos['footer_top']+'px';
    		}
        if (stretch_divs.length > 0 ) {
          for (var i in stretch_div_array) {
            if (d.getElementById(stretch_div_array[i]) ) {
              // base stretch_height
              re_pos['stretch_height2'] = re_pos['stretch_height'];
              // substract the headers = top-pos of the stretch_div
              re_pos['stretch_height2']-= d.getElementById(stretch_div_array[i]).offsetTop;
              // is there a minimum height set & needed?
              if (re_pos['stretch_height2'] < min_height ) {
                re_pos['stretch_height2'] = min_height; // this can usualy be done by setting a CSS min-height;
            	}
              // set the height of the stretch_div
              d.getElementById(stretch_div_array[i]).style.height = re_pos['stretch_height2']+'px';
            }
          }
        }
      }
      /*document.title= ''
      +' t1='+d.body.clientHeight
      +' t2='+d.body.parentNode.scrollHeight
      +' t3='+d.body.scrollHeight
      +' =>'+re_pos['container_height']
//      +' f='+footer_minus+' | '
      +' s='+d.getElementById(stretch_div_array[0]).offsetTop
      +' ?='+fixed_it;
//      +' fo='+d.getElementById(footer_div).offsetHeight; /* */

			if (typeof(header_div) != 'number' ) {
				header_div = "'"+header_div+"'";
			}
//return;
     	setTimeout('fix_height(\''+container_divs+'\',\''+stretch_divs+'\','+header_div+',\''+footer_div+'\','+min_height+','+re_pos['container_height']+');',500);
    } else {
      alert('Can\'t find the div to stretch ('+stretch_div+')');
    }
  }
}