function getid(id)
{
  if (document.getElementById) {
    return document.getElementById(id); }
  else if (document.all) { 
    return document.all[id]; }
  else if (document.layers) { 
    return document.layers[id]; }
  else { 
    return null; }
}

function getBrowserWidth()
{
  if (window.innerWidth) {
    return window.innerWidth; }
  else if (document.documentElement && document.documentElement.clientWidth !== 0) {
    return document.documentElement.clientWidth; }
  else if (document.body) {
    return document.body.clientWidth; }
  else {
    return 0; }
}

function addEvent(el, trigger, event)
{
  if (typeof el == 'string') {
    el = getid(el); }
  if (el === null) {
    return; }
  if (typeof el.addEventListener != 'undefined') {
	el.addEventListener(trigger, event, false); }
  else if (el == window && typeof document.addEventListener != 'undefined') {
	document.addEventListener(trigger, event, false); }
  else if (typeof el.attachEvent != 'undefined') {
	el.attachEvent('on'+trigger, event); }
  else {
    var eventChain = (eval('typeof el.on'+trigger) == 'function') ?
      eval('el.on'+trigger) : function() {};
  
    eval('el.on'+trigger+' = function()\n'+
'{\n'+
'eventChain();\n'+
'event();\n'+
'};');
  }
}

function cancelEvent(event)
{
  if (event.preventDefault) event.preventDefault();
  if (event.stopPropagation) event.stopPropagation();
  if (this.cancelBubble) this.cancelBubble = true;
  if (event.returnValue) event.returnValue = false ;
  return false ;
}


function addStyleRule(stylesheet, selector, rule) {
  if (!document.styleSheets) {
    return; }
  if (stylesheet === null) {
  	stylesheet = document.styleSheets[document.styleSheets.length-1]; }

	if (stylesheet.addRule) {
	  stylesheet.addRule(selector, rule); }
	else {
		var index = stylesheet.cssRules.length;
		stylesheet.insertRule(selector + "{" + rule + "}", index);
	}
}


function switchlayout(newstate)
{ 
  getid("body").className = newstate;
  return newstate;
}

function checkwidth()
{
  if (getBrowserWidth() < 700) {
    switchlayout('lowend'); }   /* Layout ohne Hintergrund */ 
  else {
    switchlayout('highend'); }  /* Layout mit Hintergrund  */ 
}

addEvent(window,'load',checkwidth);
addEvent(window,'resize',checkwidth);