Event.observe(window, 'load', init_tabber);
Event.observe(window, 'load', pir);
Event.observe(window, 'load', init_infos_webshop);

function pir() {
  var nodes = $('content').select('.dione');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    var sText = item.firstChild.data;
    var sColor = item.getStyle('color');
    var sFontSize = item.getStyle('fontSize');
    
    item.firstChild.data = "";
    sColor = sColor.replace(/#/, "");
    sFontSize = sFontSize.replace(/px/, "");
   
    item.insert(new Element('img', { 'src': 'fileadmin/templates/text/font.php?text='+sText+'&color='+sColor+'&reflection=0&font_size='+sFontSize, alt: sText }));
  }
}

function init_tabber() {
  var nodes = $('content').select('.tabber .tab_content');
  for (var index = 1, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    item.hide();
  }

  if (location.hash != "") {
    var sId = location.hash;
    sId = sId.replace(/#/, "");
    showTab(sId);
  }
  
  var nodes = $('content').select('.tabber .tab');
  
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    Event.observe(item, 'click', function(event) {
      var element = Event.element(event);
      var sId = element.hash;
      sId = sId.replace(/#/, "");
			if (navigator.userAgent.search(/MSIE 6/) == -1) {
        showTab(sId);
			} else {
			  location.reload();
			}
    });
  }
}
function showTab(sId) {
  var nodes = $('content').select('.tabber .tab');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    linkitem = item.down();
    liitem = item.up();
    if (linkitem) {
      linkitem.blur();
      if (linkitem.hash == sId || linkitem.hash == '#'+sId) liitem.className = 'active';
      else liitem.className = '';
    }
  }
  var nodes = $('content').select('.tabber .tab_content');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    if (item.id != sId) item.hide();
    else item.show();
  }
}
function init_infos_webshop() {
  var nodes = $('content').select('.info');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    nodes[index].hide();
  }
  var nodes = $('content').select('.article .handle');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    Event.observe(item, 'click', function(event) {
      var element = Event.element(event);
      var info = element.up("li").down(".info");
      info.toggle();
      
      if (element.hasClassName('handle')) {
        if (info.visible()) {
          element.update("<img src=\"img/btn_hide_info.png\" alt=\"-\" title=\"\" /> Infos ausblenden");
        } else {
          element.update("<img src=\"img/btn_show_info.png\" alt=\"+\" title=\"\" /> Mehr Infos");
        }
      } else {
        if (info.visible()) {
          element.up().update("<img src=\"img/btn_hide_info.png\" alt=\"-\" title=\"\" /> Infos ausblenden");
        } else {
          element.up().update("<img src=\"img/btn_show_info.png\" alt=\"+\" title=\"\" /> Mehr Infos");
        }
      }
      
    });
  }
}

sfHover = function() {
	var sfEls = document.getElementById("navi").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);