function addEvent2(element, listener, handler)
{
	//if the system is not set up, set it up, and
	// store any outside script's event registration in the first handler slot
	if(typeof element[listener] != 'function' || 
	typeof element[listener + '_num'] == 'undefined'){
		element[listener + '_num'] = 0;
		if(typeof element[listener] == 'function'){
			element[listener + 0] = element[listener];
			element[listener + '_num']++;
		}
		element[listener] = function(e){
			var r = true;
			e = (e) ? e : window.event;
			for(var i = 0; i < element[listener + '_num']; i++)
				if(element[listener + i](e) === false) r = false;
			return r;
		}
	}
	//if handler is not already stored, assign it
	for(var i = 0; i < element[listener + '_num']; i++)
		if(element[listener + i] == handler) return;
	element[listener + element[listener + '_num']] = handler;
	element[listener + '_num']++;
}

hoverPics = function() {

  var sfEls = document.getElementById("left").getElementsByTagName("li");

  for (var i=0; i<sfEls.length; i++) {
    addEvent2(sfEls[i],"onmouseover",leftpicover);
    addEvent2(sfEls[i],"onmouseout",leftpicout);
  }
}

function leftpicover() {
  var obj = document.getElementById("leftpic" + this.id)
  if(obj){
    obj.style.display = 'block';
  }
}
function leftpicout() {
  var obj = document.getElementById("leftpic" + this.id)
  if(obj){
    obj.style.display = 'none';
  }
}

if(document.addEventListener){
  window.addEventListener('load', hoverPics, false);
} else if(document.attachEvent) {
  window.attachEvent('onload', hoverPics);
};

var Xpos	= 0;
var Ypos	= 0;
var leftcount   = 0;

if (navigator.appName == "Netscape" && parseInt(navigator.appVersion) > 3) var nsOk = true;
if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) > 3) var ieOk = true;

function centeredWin(wURL, wName, wWidth, wHeight, Scroll) {
	if (ieOk) {
		Xpos = ((screen.availWidth - wWidth) / 2) - 50;
		Ypos = ((screen.availHeight - wHeight) / 2) + 75;
		eval ("var "+ wName +" = window.open('"+ wURL +"', '"+ wName +"', 'width="+ wWidth +",height="+ wHeight +",screenX="+ Xpos +",screenY="+ Ypos +",left="+ Xpos +",top="+ Ypos +", scrollbars="+ Scroll +"')");
	}
	else if (nsOk) {
		Xpos = ((screen.availWidth - wWidth) / 2) - 50;
		Ypos = ((screen.availHeight - wHeight) / 2) + 44;
		eval ("var "+ wName +" = window.open('"+ wURL +"', '"+ wName +"', 'width="+ wWidth +",height="+ wHeight +",screenX="+ Xpos +",screenY="+ Ypos +",left="+ Xpos +",top="+ Ypos +", scrollbars="+ Scroll +"')");
	}
	else {
		eval ("var "+ wName +" = window.open('"+ wURL +"', '"+ wName +"', 'width="+ wWidth +",height="+ wHeight +", scrollbars="+ Scroll +"')");
	}
}


function vierkeervier(){
	if (nsOk || ieOk) {
		Xpos = (screen.availWidth - 785) / 2;
		Ypos = (screen.availHeight - 534) / 2;
		eval ("var d4x4 = window.open('http://suzuki.waxtrapp.com/autos/4x4/index.html', 'd4x4', 'width=796,height=433,screenX=" + Xpos + ",screenY=" + Ypos + ",left=" + Xpos + ",top=" + Ypos + "')");
	} else {var d4x4 = window.open('http://suzuki.waxtrapp.com/autos/4x4/index.html', 'd4x4', 'width=796,height=433');}
}



function topCount(layer,i,extra) {

  //alert(layer)

  var delta = 28;
  var offset = 90 - delta;
  var newtop = offset + (delta * i) + extra;

  //alert(newtop);

  layer.top = newtop;


}

function leftCount(i) {

  var offset = 124;

  if (i == 0) {
    leftcount = offset;
  } else {
    leftcount += i;
  }

  //alert("setleft:"+leftcount)

}

function setLeftCount(layer,width,delta) {

  //alert("getleft:"+leftcount)

  layer.left = leftcount-width+delta;

}
function openPopup(url, left, top, width, height, name, extra)
{
  if(top == '-1')
  {
    top = (0.5 * screen.availHeight) - (0.5 * height);
  }
  if(left == '-1')
  {
    left = (0.5 * screen.availWidth) - (0.5 * width); 
  }
  optionStr="toolbar=no,location=no,directories=no,status=no,menubar=no";
  if(extra=="resize")
  {
    optionStr+=",scrollbars=yes,resizable=yes";
  }
  else
  {
    optionStr+=",scrollbars=no,resizable=no";
  }
  optionStr+=",width="+width+",height="+height+",top="+top+",left="+left;
  if(name)
  {
    // OW 20070531: Verwijder elementen die niet in een pop-up titel horen volgens IE:
    // Definieer reguliere expressie:
	var re = new RegExp( '[ \t\r\n\W.-]' ,'g');
    // Vervang matches. met een underscore
	name = name.replace(re,"_");

    // open nu het venster:
        targ=window.open (url, name, optionStr);

  }
  else
  {
    targ=window.open (url, "", optionStr);
  }
  targ.focus();
}


window.addEvent('domready', function() {

  var accordion = new Accordion('h3.subhead', 'div.subarticle', {
	opacity: false,
	onActive: function(toggler, element){
		toggler.addClass('active');
	},
 
	onBackground: function(toggler, element){
		toggler.removeClass('active');
	}
  }, $('accordion'));

});