// JavaScript Document

  function isIE() {
    return /msie/i.test(navigator.userAgent);
  }

  function SetIdClass(id, nclass) {
	if (isIE()) {
      document.getElementById(id).className = nclass;
    } else {
	  document.getElementById(id).setAttribute('class', nclass);
	}
  }

  function SetOpac(id, opacity) {
    var object = document.getElementById(id).style;
    object.opacity = opacity;
    object.MozOpacity = opacity;
    object.KhtmlOpacity = opacity;
    //if (object.filters.alpha != null) { object.filters.alpha.opacity = (opacity * 100); }
    object.filter = "alpha(opacity=" + (opacity * 100) + ")";
  }

  function FadeOut(lay) {
    var f = 0.0;
	
	f = parseFloat(document.getElementById(lay).style.opacity);
	
	f = f - 0.1;
	SetOpac(lay, f);

	if (f > 0.2) {
	  setTimeout("FadeOut('" + lay + "');",50);
	} else {
	  if (lay == 'overlay') {
        document.getElementById(lay).style.display = 'none';
	    document.getElementById(lay).style.zIndex = 0;
	    document.getElementById(lay).style.width = 0;
  	    document.getElementById(lay).style.height = 0;
		setTimeout("FadeIn('logo');",50);
		setTimeout("FadeIn('contact');",50);
		setTimeout("FadeIn('menu');",50);
		setTimeout("FadeIn('pgHome');",50);
		setTimeout("FadeIn('bestellen');",50);
	  }
	}
  }

  function FadeOut2(lay,pgname) {
    var f = 0.0;
	
	f = parseFloat(document.getElementById(lay).style.opacity);
	
	f = f - 0.1;
	SetOpac(lay, f);

	if (f > 0.2) {
	  setTimeout("FadeOut2('" + lay + "','" + pgname + "');",50);
	} else {
	  if (lay == 'overlay') {
        document.getElementById(lay).style.display = 'none';
	    document.getElementById(lay).style.zIndex = 0;
	    document.getElementById(lay).style.width = 0;
  	    document.getElementById(lay).style.height = 0;
		setTimeout("FadeIn('logo');",50);
		setTimeout("FadeIn('contact');",50);
		setTimeout("FadeIn('menu');",50);
		setTimeout("FadeIn('" + pgname + "');",50);
		setTimeout("FadeIn('bestellen');",50);
	  }
	}
  }

  function FadeIn(lay) {
    var f = parseFloat(document.getElementById(lay).style.opacity);
	
	f = f + 0.1;
    SetOpac(lay, f);
	
	if (f < 1.0) {
	  setTimeout("FadeIn('" + lay + "');",50);
	}
  }

  function ChangePg(org_pg, tgt_pg) {
	if (org_pg == '') { org_pg = cur_pg; }

    if (org_pg != tgt_pg) {
      if (document.getElementById(tgt_pg).style.display == 'none') {
        document.getElementById(tgt_pg).style.display = '';
	    SetOpac(tgt_pg, 0.0);
      }

      var org_f = parseFloat(document.getElementById(org_pg).style.opacity);
      var tgt_f = parseFloat(document.getElementById(tgt_pg).style.opacity);

  	  org_f = org_f - 0.1;
      SetOpac(org_pg, org_f);

  	  tgt_f = tgt_f + 0.1;
      SetOpac(tgt_pg, tgt_f);

	  if (org_f > 0.02) {
	    setTimeout("ChangePg('" + org_pg + "','" + tgt_pg + "');", 50);
	  } else {
        SetOpac(tgt_pg, 1.0);
        document.getElementById(org_pg).style.display = 'none';
        SetOpac(org_pg, 0.0);
        cur_pg = tgt_pg;
      }
	}
  }

  function FadeBg(org_bg, tgt_bg) {
    if (org_bg == '') { org_bg = cur_bg; }
	
    if (tgt_bg == '') {
	  if (org_bg == 'bg_01') { tgt_bg = 'bg_02'; }
	  if (org_bg == 'bg_02') { tgt_bg = 'bg_03'; }
	  if (org_bg == 'bg_03') { tgt_bg = 'bg_04'; }
	  if (org_bg == 'bg_04') { tgt_bg = 'bg_01'; }
	}
	
    if (document.getElementById(tgt_bg).style.display == 'none') {
      document.getElementById(tgt_bg).style.display = '';
	  SetOpac(tgt_bg, 0.0);
    }

    var org_f = parseFloat(document.getElementById(org_bg).style.opacity);
    var tgt_f = parseFloat(document.getElementById(tgt_bg).style.opacity);

	org_f = org_f - 0.01;
    SetOpac(org_bg, org_f);

	tgt_f = tgt_f + 0.01;
    SetOpac(tgt_bg, tgt_f);

	if (org_f > 0.02) {
	  setTimeout("FadeBg('" + org_bg + "','" + tgt_bg + "');", 100);
	} else {
      SetOpac(tgt_bg, 1.0);
      document.getElementById(org_bg).style.display = 'none';
      SetOpac(org_bg, 0.0);
      cur_bg = tgt_bg;
      setTimeout("FadeBg('','');", 20000);
    }
  }
  
  function SetBg() {
    var n = Math.floor(Math.random()*4) + 1;
	var bg = '';
	if (n == 1) { bg = 'bg_01'; }
	if (n == 2) { bg = 'bg_02'; }
	if (n == 3) { bg = 'bg_03'; }
	if (n == 4) { bg = 'bg_04'; }

    document.getElementById(bg).style.display = '';
    document.getElementById(bg).style.opacity = 1.0;
	SetOpac(bg, 1.0);
	
	cur_bg = bg;
  }
  
  function Start() {
    SetBg();
    FadeOut('overlay');
    setTimeout("FadeBg('','');", 20000);
  }