/* begin Page */
var artEventHelper = {
  'bind' : function (obj, evt, fn) {
    if (obj.addEventListener)
      obj.addEventListener(evt, fn, false);
    else if (obj.attachEvent)
      obj.attachEvent('on' + evt, fn);
    else
      obj['on' + evt] = fn;
  }
};

var artLoadEvent = (function() {
  var userAgent = navigator.userAgent.toLowerCase();
  var browser = {
    version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
    safari: /webkit/.test(userAgent),
    opera: /opera/.test(userAgent),
    msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
    mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
  };

  var list = [];

  var done = false;
  var ready = function () {
    if (done) return;
    done = true;
    for (var i = 0; i < list.length; i++)
      list[i]();
  };
  
  if (document.addEventListener && !browser.opera)
    document.addEventListener('DOMContentLoaded', ready, false);
  
  if (browser.msie && window == top) {
    (function () {
      try {
        document.documentElement.doScroll('left');
      } catch (e) {
        setTimeout(arguments.callee, 10);
        return;
      }
      ready();
    })();
  }
  
  if (browser.opera) {
    document.addEventListener('DOMContentLoaded', function () {
      for (var i = 0; i < document.styleSheets.length; i++) {
        if (document.styleSheets[i].disabled) {
          setTimeout(arguments.callee, 10);
          return;
        }
      }
      ready();
    }, false);
  }
  
  if (browser.safari) {
    var numStyles;
    (function(){
      if (document.readyState != 'loaded' && document.readyState != 'complete') {
        setTimeout(arguments.callee, 10);
        return;
      }
      if ('undefined' == typeof numStyles) {
        numStyles = document.getElementsByTagName('style').length;
        var links = document.getElementsByTagName('link');
        for (var i = 0; i < links.length; i++) {
          numStyles += (links[i].getAttribute('rel') == 'stylesheet') ? 1 : 0;
        }
        if (document.styleSheets.length != numStyles) {
          setTimeout(arguments.callee, 0);
          return;
        }
      }
      ready();
    })();
  }

  artEventHelper.bind(window, 'load', ready);

  return ({
    add: function(f) {
      list.push(f);
    }
  })
})();

(function () {
  // fix ie blinking
  var m = document.uniqueID && document.compatMode && !window.XMLHttpRequest && document.execCommand;
  try{ if(!!m) { m("BackgroundImageCache", false, true); } }
  catch(oh){};
})();

function xGetElementsByClassName(clsName, parentEle, tagName) {
  var elements = null;
  var found = [];
  var slash = String.fromCharCode(92);
  var re = new RegExp(slash + "b" + clsName + slash + "b");
  if (!parentEle) parentEle = document;
  if (!tagName) tagName = '*';
  elements = parentEle.getElementsByTagName(tagName);
  if (elements) {
    for (var i = 0; i < elements.length; ++i) {
      if (elements[i].className.search(re) != -1) {
        found[found.length] = elements[i];
      }
    }
  }
  return found;
}

var styleUrlCached = null;
function GetStyleUrl() {
  if (null == styleUrlCached) {
    var ns;
    styleUrlCached = '';
    ns = document.getElementsByTagName('link');
    for (var i = 0; i < ns.length; i++) {
      var l = ns[i];
      if (l.href && /style\.css(\?.*)?$/.test(l.href)){
        return styleUrlCached = l.href.replace(/style\.css(\?.*)?$/,'');
	  }
    }
    
	ns = document.getElementsByTagName('style');
	for (var i = 0; i < ns.length; i++) {
      var matches = new RegExp('import\\s+"([^"]+\\/)style\\.css"').exec(ns[i].innerHTML);
      if (null != matches && matches.length > 0)
        return styleUrlCached = matches[1];
    }
  }
  return styleUrlCached;
}


function artButtonSetupJsHover(btn)
{
  artEventHelper.bind(btn, 'mouseover', function() {
    var spans = btn.getElementsByTagName("span");
    if (spans.length > 0)
      spans[0].className += " hover";
  });
  artEventHelper.bind(btn, 'mouseout', function() {
    var spans = btn.getElementsByTagName("span");
    if (spans.length > 0)
      spans[0].className = spans[0].className.replace(/hover/, "");
  });
}

function artButtonsSetupJsHover() {
  var elements = xGetElementsByClassName("btn", document, "span");
  for (var i = 0; i < elements.length; i++) {
    if (!elements[i].tagName) continue;
    artButtonSetupJsHover(elements[i].parentNode);
  }
}
artLoadEvent.add(artButtonsSetupJsHover);

/* end Page */

/* begin Menu */
function Insert_Separators()
{
  var menus = xGetElementsByClassName("artmenu", document);
  for (var i = 0; i < menus.length; i++) {
    var menu = menus[i];
    var childs = menu.childNodes;
    var listItems = [];
    for (var j = 0; j < childs.length; j++){
      var el = childs[j];
      if (String(el.tagName).toLowerCase() == "li")listItems.push(el);
    }
    for (var j = 0; j < listItems.length - 1; j++){
      var span = document.createElement('span');
      span.className = 'separator';
      var li = document.createElement('li');
      li.appendChild(span);
      listItems[j].parentNode.insertBefore(li, listItems[j].nextSibling);
    }
  }
}
artLoadEvent.add(Insert_Separators);

function Menu_IE6Setup() {
  var isIE6 = navigator.userAgent.toLowerCase().indexOf("msie") != -1 
    && navigator.userAgent.toLowerCase().indexOf("msie 7") == -1;
  if (!isIE6) return;
  var aTmp2, i, j, oLI, aUL, aA;
  var aTmp = xGetElementsByClassName("artmenu", document, "ul");
  for (i=0;i<aTmp.length;i++) {
    aTmp2 = aTmp[i].getElementsByTagName("li");
    for (j=0;j<aTmp2.length;j++) {
      oLI = aTmp2[j];
      aUL = oLI.getElementsByTagName("ul");
      if (aUL && aUL.length) {
        oLI.UL = aUL[0];
        aA = oLI.getElementsByTagName("a");
        if (aA && aA.length)
          oLI.A = aA[0];
        oLI.onmouseenter = function() {
          this.className += " artmenuhover";
          this.UL.className += " artmenuhoverUL";
          if (this.A) this.A.className += " artmenuhoverA";
        };
        oLI.onmouseleave = function() {
          this.className = this.className.replace(/menuhover/,"");
          this.UL.className = this.UL.className.replace(/menuhoverUL/,"");
          if (this.A) this.A.className = this.A.className.replace(/menuhoverA/,"");
        };
      }
    }
  }
}
artLoadEvent.add(Menu_IE6Setup);
/* end Menu */


// JavaScript for sliding Navigation
// built by Ralf Schwalbe 
//



//control the tabs
function show(divID){
		document.getElementById(divID).style.display = "block";
}

function hide(divID){
		document.getElementById(divID).style.display = "none";
}

function tab(mydivID){
	show(mydivID);
	for (i=1;i<=10;i++){
		if (i!=mydivID){
			hide(i);
			//setTimeout("slideup('mat" + i + "');",1);
			setTimeout("slideup('fm" + i + "');",1);
			setTimeout("slidein('more" + i + "');",302);
		}
	}
	setTimeout("slideout('more" + mydivID + "');",900);
	setTimeout("slidedown('fm" + mydivID + "');",1201);
	//setTimeout("slidedown('mat" + mydivID + "');",1902);

	
}


//this script handles sliding to visibility and hides them again. 
//This is done by increasing the height or width by 1 px per step 
//and repeating this until the actual height or width is reached.
var duration = 100;
var steptime = 5;
var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();
var endWidth = new Array();
var dir_h = new Array();
//show hidden div by sliding it down
function slidedown(mydiv){
        if(moving[mydiv])
                return;
        if(document.getElementById(mydiv).style.display != "none")
                return; // cannot slide down something that is already visible
        moving[mydiv] = true;
        dir[mydiv] = "down";
        startslide(mydiv);
}
//return to normal
function slideup(mydiv){
        if(moving[mydiv])
                return;
        if(document.getElementById(mydiv).style.display == "none")
                return; // cannot slide up something that is already hidden
        moving[mydiv] = true;
        dir[mydiv] = "up";
        startslide(mydiv);
}
//show hidden div by sliding it out from left to right
function slideout(mydiv){
        if(moving[mydiv])
                return;
        if(document.getElementById(mydiv).style.display != "none")
                return; // cannot slide out something that is already visible
        moving[mydiv] = true;
        dir_h[mydiv] = "out";
        startslide_h(mydiv);
}
// return to normal
function slidein(mydiv){
        if(moving[mydiv])
                return;
        if(document.getElementById(mydiv).style.display == "none")
                return; // cannot slide in something that is already hidden
        moving[mydiv] = true;
        dir_h[mydiv] = "in";
        startslide_h(mydiv);
}
//define where to start the sliding
function startslide(mydiv){
        obj[mydiv] = document.getElementById(mydiv);
        endHeight[mydiv] = parseInt(obj[mydiv].style.height);
        startTime[mydiv] = (new Date()).getTime();
        if(dir[mydiv] == "down"){
                obj[mydiv].style.height = "1px";
        }
        obj[mydiv].style.display = "block";
        timerID[mydiv] = setInterval('slidetick(\'' + mydiv + '\');',steptime);
}
function startslide_h(mydiv){
        obj[mydiv] = document.getElementById(mydiv);
        endWidth[mydiv] = parseInt(obj[mydiv].style.width);
        startTime[mydiv] = (new Date()).getTime();
        if(dir_h[mydiv] == "out"){
                obj[mydiv].style.width = "1px";
        }
        obj[mydiv].style.display = "block";
        timerID[mydiv] = setInterval('slidetick_h(\'' + mydiv + '\');',steptime);
}
//define the sliding steps
function slidetick(mydiv){
        var elapsed = (new Date()).getTime() - startTime[mydiv];
        if (elapsed > duration)
                endSlide(mydiv)
        else {
                var d =Math.round(elapsed / duration * endHeight[mydiv]);
                if(dir[mydiv] == "up")
                        d = endHeight[mydiv] - d;
                obj[mydiv].style.height = d + "px";
        }
        return;
}
function slidetick_h(mydiv){
        var elapsed = (new Date()).getTime() - startTime[mydiv];
        if (elapsed > duration)
                endSlide_h(mydiv)
        else {
                var d =Math.round(elapsed / duration * endWidth[mydiv]);
                if(dir_h[mydiv] == "in")
                        d = endWidth[mydiv] - d;
                obj[mydiv].style.width = d + "px";
        }
        return;
}
//define where to end the sliding
function endSlide(mydiv){
        clearInterval(timerID[mydiv]);
        if(dir[mydiv] == "up")
                obj[mydiv].style.display = "none";
        obj[mydiv].style.height = endHeight[mydiv] + "px";
        delete(moving[mydiv]); //delete variables to allow more than one element
        delete(timerID[mydiv]);
        delete(startTime[mydiv]);
        delete(endHeight[mydiv]);
        delete(obj[mydiv]);
        delete(dir[mydiv]);
        return;
}
function endSlide_h(mydiv){
        clearInterval(timerID[mydiv]);
        if(dir_h[mydiv] == "in")
                obj[mydiv].style.display = "none";
        obj[mydiv].style.width = endWidth[mydiv] + "px";
        delete(moving[mydiv]); //delete variables to allow more than one element
        delete(timerID[mydiv]);
        delete(startTime[mydiv]);
        delete(endWidth[mydiv]);
        delete(obj[mydiv]);
        delete(dir_h[mydiv]);
        return;
}
//provide a toggle function to enable the button to do the right thing :-)
function toggleSlide(mydiv){ //handles the vertical part
  if(document.getElementById(mydiv).style.display == "none"){
    // div is hidden, so let's slide down
    slidedown(mydiv);
  }else{
    // div is not hidden, so slide up
    slideup(mydiv);
  }
}
function toggleSlide_h(mydiv){ // does the horizontal bit
  if(document.getElementById(mydiv).style.display == "none"){
    // div is hidden, so let's slide down
    slideout(mydiv);
  }else{
    // div is not hidden, so slide up
    slidein(mydiv);
  }
}