function returnObjById(id){
	if(document.getElementById)
		var returnVar = document.getElementById(id);
	else if(document.all)
		var returnVar = document.all[id];
	else if(document.layers)
		var returnVar = document.layers[id];
	else
		var returnVar = document.getElementById(id);
	
	return returnVar;
}
// Get the computed (or cascaded for IE) css property
function getStyle(element, cssRule)
{
	if(document.defaultView && document.defaultView.getComputedStyle)
	{
		var value = document.defaultView.getComputedStyle(element, '').getPropertyValue(
			cssRule.replace(/[A-Z]/g, function(match, char)
				{
					return "-" + char.toLowerCase();
				}
			)
		);
	}
	else if(element.currentStyle)
		var value = element.currentStyle[cssRule];
	else
		var value = false;
	
	return value;
}
function attachEvents()
{
	for(var i = 1; i < 5; i++)
	{
		var tmpObj = returnObjById('subdrawer' + i);
		tmpObj.onmouseover = viewExtended;
		tmpObj.onmouseout = hideExtended;
		tmpObj.onmousemove = follow;
		tmpObj.onfocus = function() {this.blur();this.hideFocus=true;};
	}
}
function viewExtended()
{
	var i = this.id.substring(9);
	returnObjById('extended').innerHTML = InnerHTMLs[i];
	returnObjById('extended').style.display = 'inline';
}
function hideExtended()
{
	returnObjById('extended').style.display = 'none';
}
function switchDisplay(element, blockorinline)
{
	if(returnObjById(element).style.display)
		returnObjById(element).style.display = (returnObjById(element).style.display == 'none')?blockorinline:'none';
	else if(getStyle(returnObjById(element), 'display'))
		returnObjById(element).style.display = (getStyle(returnObjById(element), 'display') == 'none')?blockorinline:'none';
}

var InnerHTMLs = new Array();

InnerHTMLs[1] = '<h3>Innehåll</h3><ul>';
InnerHTMLs[1] += '<li>Om Hjälp Till Liv</li>';
InnerHTMLs[1] += '<li>Fem viktiga punkter</li>';
InnerHTMLs[1] += '<li>Kontaktinformation</li>';
InnerHTMLs[1] += '</ul>';

InnerHTMLs[2] = '<h3>Innehåll</h3><ul>';
InnerHTMLs[2] += '<li>Hur kan jag hjälpa?</li>';
InnerHTMLs[2] += '<li>Vart går medlen?</li>';
InnerHTMLs[2] += '<li>Bildgalleri</li>';
InnerHTMLs[2] += '<li>Redovisning</li>';
InnerHTMLs[2] += '<li>HTL i samtid och framtid</li>';
InnerHTMLs[2] += '<li>Loppis i Bollnäs</li>';
InnerHTMLs[2] += '</ul>';

InnerHTMLs[3] = '<h3>Innehåll</h3><ul>';
InnerHTMLs[3] += '<li>Barnens Hus</li>';
InnerHTMLs[3] += '<li>Barn- och familjesponsring</li>';
InnerHTMLs[3] += '<li>Ge ett barn en familj</li>';
InnerHTMLs[3] += '</ul>';

InnerHTMLs[4] = '<h3>Innehåll</h3><ul>';
InnerHTMLs[4] += '<li>Operation julens kärlek</li>';
InnerHTMLs[4] += '<li>Operation skolpeng</li>';
InnerHTMLs[4] += '<li>Operation varm vinter</li>';
InnerHTMLs[4] += '<li>En lokal med mening</li>';
InnerHTMLs[4] += '</ul>';

// Simple follow the mouse script

var divName = 'extended';
var offX = 10;
var offY = -120; // Obviously needed... don't ask why

function mouseX(evt)
{
	if (!evt)
		evt = window.event;
	if (evt.pageX)
		return evt.pageX;
	else if (evt.clientX)
		return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
	else
		return 0;
}
function mouseY(evt)
{
	if (!evt)
		evt = window.event;
	if (evt.pageY)
		return evt.pageY;
	else if (evt.clientY)
		return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	else
		return 0;
}
function follow(evt)
{
	var obj = returnObjById(divName);
	obj.style.left = (parseInt(mouseX(evt)) + offX) + 'px';
	obj.style.top = (parseInt(mouseY(evt)) + offY) + 'px';
}

/**
 * domready.js
 * 
 * Cross browser mozilla's 'onDOMContentLoaded' implementation.
 * Executes a function when the dom tree is loaded without waiting for images.
 * 
 * Based on +Element.Events.domready+ from Mootools open source project, 
 * this tiny javascript library adds the emulated 'DOMContentLoaded' functionality.
 * 
 * Features:
 *   - No dependency on external libraries
 *   - Compatible with Prototype.js 
 * 
 * Tested browsers (Windows):
 *   - IE 7 (XP standalone)
 *   - IE 6 SP2
 *   - Firefox 2.0.0.4
 *   - Opera 9.21
 * 
 * Tested browsers (Mac OS X):
 *   - Safari 2.0.4
 *   - Firefox 2.0.0.4
 *   - Mac Opera 9.21
 *   - Mac IE 5.2.3
 *
 * Copyright (c) 2007 Takanori Ishikawa.
 * License: MIT-style license.
 * 
 * MooTools Copyright:
 * copyright (c) 2007 Valerio Proietti, <http://mad4milk.net>
 *
 *
 * See Also:
 *
 *   mootools 
 *   http://mootools.net/
 *   
 *   The window.onload Problem - Solved!
 *   http://dean.edwards.name/weblog/2005/09/busted/
 *   
 *   [PATCH] Faster onload for Event.onload
 *   http://dev.rubyonrails.org/ticket/5414
 *   Changeset 6596: Support for "DOMContentLoaded" event handling (prototype.js event branch)
 *   http://dev.rubyonrails.org/changeset/6596
 *
 */

if (typeof Event == 'undefined') Event = new Object();

/*
 * Registers function +fn+ will be executed when the dom 
 * tree is loaded without waiting for images. 
 * 
 * Example:
 *
 *  Event.domReady.add(function() {
 *    ...
 *  });
 *
 */
Event.domReady = {
  add: function(fn) {
    
    //-----------------------------------------------------------
    // Already loaded?
    //-----------------------------------------------------------
    if (Event.domReady.loaded) return fn();
    
    //-----------------------------------------------------------
    // Observers
    //-----------------------------------------------------------
    var observers = Event.domReady.observers;
    if (!observers) observers = Event.domReady.observers = [];
    // Array#push is not supported by Mac IE 5
    observers[observers.length] = fn;
    
    //-----------------------------------------------------------
    // domReady function
    //-----------------------------------------------------------
    if (Event.domReady.callback) return;
    Event.domReady.callback = function() {
      if (Event.domReady.loaded) return;
      
      Event.domReady.loaded = true;
      if (Event.domReady.timer) {
        clearInterval(Event.domReady.timer);
        Event.domReady.timer = null;
      }
      
      var observers = Event.domReady.observers;
      for (var i = 0, length = observers.length; i < length; i++) {
        var fn = observers[i];
        observers[i] = null;
        fn(); // make 'this' as window
      }
      Event.domReady.callback = Event.domReady.observers = null;
    };
    
    //-----------------------------------------------------------
    // Emulates 'onDOMContentLoaded'
    //-----------------------------------------------------------
    var ie = !!(window.attachEvent && !window.opera);
    var webkit = navigator.userAgent.indexOf('AppleWebKit/') > -1;
    
    if (document.readyState && webkit) {
      
      // Apple WebKit (Safari, OmniWeb, ...)
      Event.domReady.timer = setInterval(function() {
        var state = document.readyState;
        if (state == 'loaded' || state == 'complete') {
          Event.domReady.callback();
        }
      }, 50);
      
    } else if (document.readyState && ie) {
      
      // Windows IE 
      var src = (window.location.protocol == 'https:') ? '://0' : 'javascript:void(0)';
      document.write(
        '<script type="text/javascript" defer="defer" src="' + src + '" ' + 
        'onreadystatechange="if (this.readyState == \'complete\') Event.domReady.callback();"' + 
        '><\/script>');
      
    } else {
      
      if (window.addEventListener) {
        // for Mozilla browsers, Opera 9
        document.addEventListener("DOMContentLoaded", Event.domReady.callback, false);
        // Fail safe 
        window.addEventListener("load", Event.domReady.callback, false);
      } else if (window.attachEvent) {
        window.attachEvent('onload', Event.domReady.callback);
      } else {
        // Legacy browsers (e.g. Mac IE 5)
        var fn = window.onload;
        window.onload = function() {
          Event.domReady.callback();
          if (fn) fn();
        }
      }
      
    }
  }
};

Event.domReady.add(attachEvents);