/**
 * Copyright (c) 2010 Johannes Blum
 *
 * Skript für das Intro von freizeitenhäuser-unterfranken.de
 */

//Funktion, die die nötigen Elemente erzeugt
function createElements() {
  // div für transparenten Hintergrund erzeugen
  var overlay = document.createElement("div");
  // Attribut id
  var id = document.createAttribute("id");
  id.nodeValue = "overlay";
  // Attribut style
  var style = document.createAttribute("style");
  style.nodeValue = "display:none;";
  // Attribut onclick
  var onclick = document.createAttribute("onclick");
  onclick.nodeValue = "overlayHide();";
  // Attribute anfügen
  overlay.setAttributeNode(id);
  overlay.setAttributeNode(style);
  overlay.setAttributeNode(onclick);

  // div als Container für Inhalt
  var overlayContainer = document.createElement("div");
  // Attribut id
  var id2 = document.createAttribute("id");
  id2.nodeValue = "overlayContainer";
  // Attribut style
  var style2 = document.createAttribute("style");
  style2.nodeValue = "display:none;";
  // Attribut onclick
  var onclick2 = document.createAttribute("onclick");
  onclick2.nodeValue = "overlayHide();";
  // Attribute anfügen
  overlayContainer.setAttributeNode(id2);
  overlayContainer.setAttributeNode(style2);
  overlayContainer.setAttributeNode(onclick2);

  // Inhalts-div
  var overlayContent = document.createElement("div");
  // Attribut id
  var id3= document.createAttribute("id");
  id3.nodeValue = "overlayContent";
  overlayContent.setAttributeNode(id3);
  // Attribut onmouseover
  var onmouseover = document.createAttribute("onmouseover");
  onmouseover.nodeValue = "this.style.cursor = 'pointer';";
  overlayContent.setAttributeNode(onmouseover);
  // Attribut onmouseout
  var onmouseout = document.createAttribute("onmouseout");
  onmouseout.nodeValue = "this.style.cursor = 'default';";
  overlayContent.setAttributeNode(onmouseout);
  // Text
  introContent = introContent.unescapeHTML();
  introContent = introContent.replace(/"/g, "\"");
  overlayContent.innerHTML = introContent;

  // divs ein Seite einfügen
  overlayContainer.appendChild(overlayContent);
  document.getElementsByTagName("body")[0].appendChild(overlay);
  document.getElementsByTagName("body")[0].appendChild(overlayContainer);
}

// Funktion, die beim Seitenstart aufgerufen wird und bei Notwendigkeit
// das Intro anzeigt
function HomepageInit() {
  // Prüfen, ob erster Besuch auf der Seite vorliegt.
  if (getCookie()) {
    // Elemente erzeugen
    createElements();
    // Elemente mit Effekten einblenden
    //$('#overlay').fadeTo(1000, 0.7);
    //$('#overlayContainer').show();
    new Effect.Appear('overlay',{ duration: 1.0, from: 0, to: 0.7, queue: 'front' });
    new Effect.BlindDown('overlayContainer', { duration: 1.0, queue: 'end' });
    //Cookie setzen
    setCookie();
  }
}

// Funktion, die das Intro ausblendet
function overlayHide() {
	//$('#overlayContainer').hide();
	//$('#overlay').fadeOut(500);
  new Effect.BlindUp('overlayContainer', { duration: 1.0, queue: 'front' });
  new Effect.Fade('overlay',{ duration: 0.5, queue: 'end' });
}

// Funktion, die das Cookie setzt
function setCookie() {
	// Cookie läuft nach einer Stunde ab
  var Auszeit = new Date(new Date().getTime() + 60 * 60 * 1000);
  document.cookie = "Intro=; expires=" + Auszeit.toGMTString() + ";";
}

// Funktion, die das Cookie überprüft
function getCookie() {
	if (document.cookie.indexOf("Intro") != -1) {
		return false;
	}
	return true;
}