/* formular.js
 *
 *  Diese Datei enthält Javascripte zu Formularen.
 */

function form_submit_check() { // Formular senden Check
  var form = document.getElementById("formular");
    
  if((form.kategorie && form.kategorie.value == 0) || (form.titel && form.titel.value == "") || (form.nachricht && form.nachricht.value == "") || (form.bereich && form.bereich.value == 0) || (form.content && form.content.value == "")) {
    alert('Du musst alle Felder korrekt ausfuellen.');
	    
    return false;
  }
    
  return true;
}

function hidePixelgrafik() { // Pixelgrafik ausblenden
  this.style.backgroundImage = "url(/images/login.gif)";
}

function showPixelgrafik() { // wenn nix im Feld steht Pixelgrafik wieder einblenden
  if(this.value == "")
    this.style.backgroundImage = "url(/images/login_"+this.name+".gif)";
}

function initPixelgrafik(loginbox) { // wenn beim Laden der Seite schon was in den Feldern steht Pixelgrafik ausblenden
  if(loginbox.value != "")
    loginbox.style.backgroundImage = "url(/images/login.gif)";
}

function users_edit_uncheck(element) { // Anderes Element der Gruppe deselecten
  if(element.checked == 1) { // wenn feld ausgewählt ist...
    var flagElement;

    var flag = element.value; // Flag bilden

    if(flag == 'g' || flag == 'G') { // DJ Teams oder GastDJs... Streamleiter und DJ deselecten...
      flagElement = document.getElementById('D');
      
      if(flagElement)
        flagElement.checked = 0;

      
      flagElement = document.getElementById('d');
      
      if(flagElement)
        flagElement.checked = 0;
    }
    else if(flag == 'd' || flag == 'D') { // Streamleiter oder DJ... DJ Teams und GastDJs deselecten...
      flagElement = document.getElementById('g');
      
      if(flagElement)
        flagElement.checked = 0;


      flagElement = document.getElementById('G');
      
      if(flagElement)
        flagElement.checked = 0;
    }
    else if(flag == 't' || flag == 'T') { // Technische Leitung oder Techniker... Grafiker deselecten...
      flagElement = document.getElementById('b');
      
      if(flagElement)
        flagElement.checked = 0;
    }
    else if(flag == 'b') { // Grafiker... Technische Leitung und Techniker deselecten...
      flagElement = document.getElementById('T');
      
      if(flagElement)
        flagElement.checked = 0;


      flagElement = document.getElementById('t');
      
      if(flagElement)
        flagElement.checked = 0;
    }

    // flag umkehren...
    flag = (flag.charCodeAt(0) > 64 && flag.charCodeAt(0) < 90) ? flag.toLowerCase() : flag.toUpperCase();
	    
    flagElement = document.getElementById(flag);
    
    if(flagElement)
      flagElement.checked = 0; // anderes Element deselecten
  }
}

function initBewerbungsformular() { // initiiert die Javascripte für das Bewerbungsformular
  var posten = document.getElementById('posten');

  if(posten) {
    posten.onchange = function() {
      document.getElementById('dj1').style.display = (posten.value == 'dj') ? 'table-row' : 'none';
      document.getElementById('dj2').style.display = (posten.value == 'dj') ? 'table-row' : 'none';
    };

    if(posten.value == 'dj') {
      document.getElementById('dj1').style.display = 'table-row';
      document.getElementById('dj2').style.display = 'table-row';
    }
  }
}

function initDeleteForm() { // initiiert das Userprofillöschen Formular
  var delete_nein = document.getElementById("delete_nein");

  if(delete_nein) {
    delete_nein.onclick = function() {
      window.history.back(1);
    };
  }
}

function initNewsCheck() { // initiiert den NewsCheck
  var news_einleitung = document.getElementById("einleitung");

  if(news_einleitung) {
    news_einleitung.onkeyup = function() {
      if(news_einleitung.value.length >= 200) {
	news_einleitung.disabled = true;
	news_einleitung.value = news_einleitung.value.substr(0, 200);
	news_einleitung.disabled = false;
      }

      document.getElementById("einleitung_count").value = 200-news_einleitung.value.length;
    };

    document.getElementById("einleitung_count").value = 200-news_einleitung.value.length;
  }
}

function initProfilEditCheck() { // initiiert den NewsCheck
  var profil_zusatzinfo = document.getElementById("zusatzinfo");

  if(profil_zusatzinfo) {
    profil_zusatzinfo.onkeyup = function() {
      if(profil_zusatzinfo.value.length >= 5000) {
	profil_zusatzinfo.disabled = true;
	profil_zusatzinfo.value = profil_zusatzinfo.value.substr(0, 5000);
	profil_zusatzinfo.disabled = false;
      }

      document.getElementById("zusatzinfo_count").value = 5000-profil_zusatzinfo.value.length;
    };

    document.getElementById("zusatzinfo_count").value = 5000-profil_zusatzinfo.value.length;
  }
}

function initLoginbox() { // initiiert die Loginboxen
  var loginbox_username = document.getElementById("login_username");
  var loginbox_password = document.getElementById("login_password");
	
  if(loginbox_username && loginbox_password) {
    initPixelgrafik(loginbox_username);
    initPixelgrafik(loginbox_password);
	
    loginbox_username.onfocus = hidePixelgrafik;
    loginbox_password.onfocus = hidePixelgrafik;

    loginbox_username.onblur = showPixelgrafik;
    loginbox_password.onblur = showPixelgrafik;

    loginbox_username.focus();
  }
}

/*
 * icq_status.js
 *
 * Copyright (c) 2007 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * icq class and namespace definitions
 *
 * This script works in conjunction with icq.cgi, you can get that
 * from my site as well.
 *
 * When instanced with a UIN, the script checks what status the user
 * has.
 *
 * Create an instance with the form:
 * 
 *   new icq.Status("09001",1);
 *
 * the script checks the given UIN for its status.
 * First Argument is the UIN, second is how often the check should
 * occur. If the second argument is left out, 1 is implied.
 *
 * Your content page should have something like this:
 *
 *   <img id='icq_09001_1' 
 *        src='http://mysite.org/images/icq_load.gif' 
 *        alt='checking ICQ status...' />
 *
 * Note how the 'id' attribute is composed. The HTML object *should*
 * be an image-tag, howver everything else is fine, as long as you
 * change it every where else in this script.
 * 
 * This file is distributed under MIT-License
 *
 */

// Namespace object
var icq = new Object();

// Images resources
icq.online = new Image();
icq.online.src = "/images/icq_online.gif";
icq.online.alt = "user is online!";

icq.unknown = new Image();
icq.unknown.src = "/images/icq_unknown.gif";
icq.unknown.alt = "unknown user status";

icq.offline = new Image();
icq.offline.src = "/images/icq_offline.gif";
icq.offline.alt = "user is offline";

icq.icqnum = 0;
icq.count = 1;
icq.req = null;

// Constructor, will make the request on instance
icq.Status = function(uin, c) {
  this.icqnum = uin;
  this.count = c || 1;

  // Connection setup
  var method = "GET";
  var url = "/cgi-bin/icq.cgi?icq=" + this.icqnum;

  // Requires net namespace
  this.req = new net.GetXMLObject();

  if(this.req.request) {
    var dies = this;

    this.req.request.onreadystatechange = function() {
      // Method has to call itself with itself as argument
      dies.readyStateHandler.call(dies);
    };
    this.req.request.open(method, url, true);
    this.req.request.setRequestHeader("Content-type", "text/html");
    this.req.request.send(null);
  }
};

// This method is called on every state change
icq.Status.prototype = {
  readyStateHandler:function() {
    var state = this.req.request.readyState;
    var data = null;

    // This checks for COMPLETE (4) state, other states are possible
    if(state == net.COMPLETE) {
      // This corresponds to the occurance of UINs in the HTML doc
      for(var i = 1; i <= this.count; i++) {
	// get current image object
	var icq_status = document.getElementById("icq_" + this.icqnum + "_" + i);

	// change image accordingly to response
	switch(this.req.request.responseText) {
	case "0":
	  icq_status.src = icq.offline.src;
	  icq_status.alt = icq.offline.alt;
	  break;
	case "1":
	  icq_status.src = icq.online.src;
	  icq_status.alt = icq.online.alt;
	  break;
	case "2":
	  icq_status.src = icq.unknown.src;
	  icq_status.alt = icq.unknown.alt;
	  break;
	}
      }
    }
  }
};

/*
 * interxml.js
 *
 * Copyright (c) 2007-2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * This file provides the xml class definition, for the 'xml' namespace
 * that returns an Ajax request as XML-Object.
 * 
 * Usage:
 *
 * var reqobj = new xml.InterXml(<url>, <callback>, [<post-data>]);
 *
 * First and second parameter is required.
 * If no <post-data> parameter is given, the request is performed as
 * a simple HTTP GET request, an HTTP POST is performed if there is
 * any data supplied.
 *
 * Context is always the XML-Object itself, you can access the content
 * of the responce with 'this.responseText', for instace.
 *
 * This file is distributed under MIT-License
 *
 */

/* --- GetXMLObjekt -------------- */

// Namespace object for XMLHttpRequests
var net = new Object();

// Friendly names for return states
net.UNINITIALIZED = 0;
net.LOADING = 1;
net.LOADED = 2;
net.INTERACTIVE = 3;
net.COMPLETE = 4;

// container for the XMLHttpRequest objekt
net.request = null;

// GetXMLObjekt class - creates the XMLHttpRequest objekt
net.GetXMLObject = function() {
  if(window.XMLHttpRequest)
    this.request = new XMLHttpRequest();
  else if(typeof ActiveXObject != "undefined")
    this.request = new ActiveXObject("Microsoft.XMLHTTP");
};

/* --- XML retrieve -------------- */

// Namesspace objekt for XML retrieve
var xml = new Object();

// xml Properties
xml.url = "";
xml.callback = null;
xml.postdata = null;

// Request container
xml.req = null;

// Construktor - c_target is the targeted callback function
xml.InterXml = function(url, c_target, post_params) {
  this.url = url;
  this.callback = c_target;
  this.postdata = (post_params) ? post_params.toString() : null; // Stringify params

  this.loadXml(url);
};

// InterXml.loadXml() - Method for loading an XML structure
xml.InterXml.prototype = {
  loadXml:function(url) {
    this.req = new net.GetXMLObject();
	
    if(this.req.request) {
      var method = (this.postdata != null) ? 'POST' : 'GET';
		
      // Objekt copy
      var retobj = this;
		
      this.req.request.onreadystatechange = function() {
        // Callback handler gives itself to its own handler
        retobj.returnCall.call(retobj);
      };
		
      this.req.request.open(method, this.url, true);
      this.req.request.send(this.postdata);
    }
  },

  // Callback handler - calls defined function
  returnCall:function() {
    var state = this.req.request.readyState;
	
    // Do on COMPLETE, can be anything else, though
    if(state == net.COMPLETE) {
      var retr = this.req.request;
      var HTTPret = retr.status;

      if(HTTPret == 200 || HTTPret == 0) // Callback in XMLHttpRequest context
        this.callback.call(retr);
      else {
// 	alert("ERROR AT XML REQUEST\nHTTP: " + HTTPret 
// 	  + "\nSTATE: " + state 
// 	  + "\nURL: " + this.url
// 	  + "\nCALLBACK: " + this.callback
// 	  + "\nHeaders: " + this.req.request.getAllResponseHeaders());
      }
    }
  }
};

/* main.js
 *
 *  Diese Datei enthält allgemeine Javascripte.
 *
 */

function externalLinks() { // öffnet externe links in einem neuen Fenster/Tab
  var anchors = document.getElementsByTagName('a');
    
  for(var i = 0; i < anchors.length; i++)
    if(anchors[i].getAttribute('href') && anchors[i].getAttribute('rel') == 'external')
      anchors[i].target = '_blank';

  anchors = document.getElementsByTagName('area');
    
  for(i = 0; i < anchors.length; i++)
    if(anchors[i].getAttribute('href') && anchors[i].getAttribute('class') == 'external')
      anchors[i].target = '_blank';
}

function replaceDot(fieldName) { // ersetzt in Element mit ID fildName . gegen ,
  document.getElementById(fieldName).value = document.getElementById(fieldName).value.split(',').join('.');
}

function popup(url) { // Popup ofennen
  var popup_name = "jb_popup";
  var popup_definitionen = "toolbar=no,location=no,status=no,menubar=no,width=800,height=450,scrollbars=yes";
      
  window.open(url, popup_name, popup_definitionen);
}

function openFlashPlayer(url) { // öffnet den Flashplayer in einem Popup
  window.open(url, 'jb_flashplayer', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=no,width=470,height=77');
}

function link_action_confirm(msg, link_true) { // Linkaction Bestätigung
  if(confirm(msg))
    window.location.href = link_true;
}

function generateCode(modul, element) {
  var code = '';
    
  if(modul == 'linkus')
    code = '<a href="'+element.src.substr(0, element.src.indexOf("/", 7))+'/" target="_blank"><img src="'+element.src+'" alt="JustBase.FM - The Area Of Sound"></a>';
  else if(modul == 'streambox') {
    var style = element.value;

    code = "<!--[if IE]><iframe src=\"http://justbase.fm/streamboxfolder/index.html?style="+style+"\" height=\"169\" width=\"131\"></iframe><![endif]-->\n";
    code += "<!--[if !IE]><!--><object type=\"text/html\" data=\"http://justbase.fm/streamboxfolder/index.html?style="+style+"\" height=\"166\" width=\"128\"></object><!--<![endif]-->\n";


    document.getElementById('sb_preview').innerHTML = code;
  }
    
  document.getElementById('generatedCode').value = code;
}

function galerie_seitenwechsel(seite) {
  var prev = location.hash.slice(1); // get previous box id
 
  if(prev == '') // try to get page from normal url, if it is present...
    if((found = location.href.match(/\/(\d+)\/?$/)) != null) 
      prev = 'gal_seite' + found[1];

  if(prev == '') // set previous box id to box 1 if empty...
    prev = 'gal_seite1';

  
  document.getElementById(prev).style.display = 'none'; // hide previous box
  document.getElementById('gal_seite' + seite).style.display = ''; // make next box visible

  
  var prev_element = document.getElementById('page_' + prev); // get element of previous page label
  var prev_content = prev_element.firstChild; // get content of previous page label

  // create link for previous page label...
  var link = document.createElement('a');
  link.href = '#' + prev;
  link.onclick = function(e) {
    galerie_seitenwechsel(prev_content.nodeValue);
  };
  link.appendChild(document.createTextNode(prev_content.nodeValue));
  
  prev_element.replaceChild(link, prev_content); // replace content of prevoius page label with link


  var cur_element = document.getElementById('page_gal_seite' + seite); // get element of current page label
  var cur_content = cur_element.firstChild; // get content of current page label
  cur_element.replaceChild(document.createTextNode(cur_content.firstChild.nodeValue), cur_content); // replace content of current page label with tex
}

function umfrage(umfrageid) {
  var umfrage = document.getElementById("umfrage_"+umfrageid).style;

  if(umfrage.display == "none")
    umfrage.display = "inline";
  else if(umfrage.display == "inline")
    umfrage.display = "none";
}

function loadCSS(cssfile) { // loads the style css file
  // create css link tag with selected style and add it to the document...
  var styletag = document.createElement('link');
  styletag.type = 'text/css';
  styletag.rel = 'stylesheet';
  styletag.media = 'all';
  styletag.href = cssfile;

  document.getElementsByTagName('head').item(0).appendChild(styletag);
}

window.onload = function() { // onLoad Funktionen
  initLoginbox(); // initiiert die Loginboxen
  externalLinks(); // ermoeglicht externe Links
  icq_status(); // ICQ-Status ermitteln und anzeigen
  initDeleteForm(); // initiiert die Callbacks für das Useraccountlöschen Formular
  initNewsCheck(); // initiiert den NewsChecker
  initProfilEditCheck(); // initiiert den ProfilEditCheck
  initBewerbungsformular(); // initiiert die JavaScripte für das Bewerbungsformular

  init_schedule(); // Nächste-shows Subsystem
  init_nowplaying(); // Now-Playing Subsystem
  init_trackupdate(); // TrackUpdate Subsystem
  init_user(); // User-Online Subsystem
  init_stats(); // Statistik Subsystem
  load_voteus(); // Voteus-Bilder Subsystem
  
  // shit_load(); // Werbeflashbanner laden
};

/*
 * nowplaying.js
 *
 * Copyright (c) 2007-2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * This subsystem loads and refreshes the current DJ display.
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 *
 * HTML element is expected to be some sort of box element, with the id "on_air".
 *
 * This is how the XML structure should look, any of this is optional, except
 * the root element:
 *
 * <playing>                                                                                                             
 *   <name link="linktoprofile.html">DJ BuZZ-dEE</name>
 *   <pic link="linktoprofile.html">images/buzzdees_pic.jpg</pic>
 *   <show link="showpage.html">BuZZ-dEEs huppy tiem</show>
 *   <style>lolistyle</style>
 *   <end>13:50h </end>
 *   <secdiff>900</secdiff>
 * </playing>                      
 *
 * The link attribute in <name>, <pic> and <show> are optional; they should point
 * to a page with info about the DJ.
 * The content of <pic> should point to a picture of said DJ.
 * <show> should contain a description of the DJs show, this tag accepts any HTML
 * substructure. This MIGHT pose a security risc, when a <script> tag is inside
 * <show>.
 * <style> should contain a description of the music style. Optional, can be
 * excluded with <style />
 * <end> should contain the time the show ends, formated as desired. Optional.
 * <secdiff> should contain an integer value. It tells the script, when to reload.
 * Optional, as allways...
 * 
 * This file is distributed under MIT-License.
 *
 */

function init_nowplaying() {
  oa_time = window.setTimeout(load_nowplaying, (60 * 1000));
}

// Initiate loader
function load_nowplaying() {
  var nowplaying = new xml.InterXml('/include/misc.php?section=nowonair', parse_nowplaying, true);
}

// Parses XML structure, and appends DOM element to the desired target
function parse_nowplaying() {
  var oa_xml = this.responseXML.documentElement;

  // prepare space for on_air info
  var on_air_box = document.getElementById("on_air");
  while(on_air_box.lastChild)
    on_air_box.removeChild(on_air_box.lastChild);

  // get name
  var name_str = "";
  if(oa_xml.getElementsByTagName("name")[0]) {
    name_str = oa_xml.getElementsByTagName("name")[0].firstChild.nodeValue;

    // see if there's a links attribute
    if(oa_xml.getElementsByTagName("name")[0].getAttribute("link"))
      var profile_lnk = oa_xml.getElementsByTagName("name")[0].getAttribute("link");
  }

  // get picture
  if(oa_xml.getElementsByTagName("pic")[0]) {
    var pic_url = oa_xml.getElementsByTagName("pic")[0].firstChild.nodeValue;

    // prepare image container element
    var img_container = document.createElement("span");
    img_container.style.styleFloat = "left";
    img_container.style.paddingRight = "3px";
    img_container.setAttribute("style","float:left; padding:3px 6px 3px 3px;");

    // prepare image element
    var image = document.createElement("img");
    image.setAttribute("width", "100");
    image.setAttribute("height", "133");
    image.setAttribute("src", pic_url);
    image.setAttribute("alt", name_str + ' live onair');
	    
    // see if a lint to a profile is given
    if(profile_lnk) {
      // prepare an anchor
      var a_e = document.createElement("a");
      a_e.setAttribute("class", "profilbild");
      a_e.setAttribute("href", profile_lnk);
		    
      // wrap anchor around image
      a_e.appendChild(image);
      img_container.appendChild(a_e);
    }
    else // no link
      img_container.appendChild(image);

    // add the box to the box container
    on_air_box.appendChild(img_container);
  }

  // see if show has a video stream
  if(oa_xml.getElementsByTagName("show")[0].getAttribute("video")) {
    // prepare image container element
    var cam_container = document.createElement("span");
    cam_container.style.styleFloat = "right";
    cam_container.style.paddingLeft = "3px";
    cam_container.setAttribute("style", "float:right; padding-right:15px;");
	    
    // prepare image element
    var cam_image = document.createElement("img");
    cam_image.setAttribute("width", "30");
    cam_image.setAttribute("height", "30");
    cam_image.setAttribute("src", "/images/cam.png");
    cam_image.setAttribute("alt", "Videostream");
    cam_image.setAttribute("title", "video.nsv");
    cam_image.setAttribute("onclick", "showbox(event)");
    cam_image.setAttribute("class", "generateCode");
	    
    cam_container.appendChild(cam_image);
	    
    // add the box to the box container
    on_air_box.appendChild(cam_container);
  }
    
  { // NAMELESS BLOCK TURN ON!
    if(profile_lnk) {
      // see if we have a name with a link
      var a_e = document.createElement("a");
      a_e.setAttribute("href", profile_lnk);
	    
      // wrap anchor around name string
      a_e.appendChild(document.createTextNode(name_str));
      on_air_box.appendChild(a_e);
    }
    else
      on_air_box.appendChild(document.createTextNode(name_str));
  }

  // get music style
  if(oa_xml.getElementsByTagName("style")[0]) {
    // get elements and add them to the box container
    var style_e = oa_xml.getElementsByTagName("style")[0];

    on_air_box.appendChild(document.createElement("br"));
    on_air_box.appendChild(document.createElement("br"));

    var show_title = document.createElement("span");
    show_title.setAttribute("class", "style-b");
    show_title.appendChild(document.createTextNode("Musikrichtung:"));
	    
    on_air_box.appendChild(show_title);
    on_air_box.appendChild(document.createElement("br"));
    on_air_box.appendChild(document.createTextNode(style_e.firstChild.nodeValue));
  }

  // get show name and description
  if(oa_xml.getElementsByTagName("show")[0]) {
    // append show name and description to the box container
    var show_e = oa_xml.getElementsByTagName("show")[0];

    on_air_box.appendChild(document.createElement("br"));
    on_air_box.appendChild(document.createElement("br"));

    var show_title = document.createElement("span");
    show_title.setAttribute("class", "style-b");
    show_title.appendChild(document.createTextNode("Show:"));
	    
    on_air_box.appendChild(show_title);
    on_air_box.appendChild(document.createElement("br"));

    // add any DOM structure inside the <show> tag.
    domImport(on_air_box, show_e);

    // see if there is a link to a show page
    if(oa_xml.getElementsByTagName("show")[0].getAttribute("link")) {
      // prepare anchor
      var show_lnk = oa_xml.getElementsByTagName("show")[0].getAttribute("link");
		    
      // wrap anchor around text, and append to box container
      var a_e = document.createElement("a");
      a_e.setAttribute("href", show_lnk);
      a_e.appendChild(document.createTextNode("mehr..."));

      on_air_box.appendChild(document.createElement("br"));
      on_air_box.appendChild(a_e);
    }
  }

  // get end time
  if(oa_xml.getElementsByTagName("end")[0]) {
    // append to box container
    var end_str = oa_xml.getElementsByTagName("end")[0].firstChild.nodeValue;

//  var end_container = document.createElement("span");
//  end_container.setAttribute("class", "style-i");
//  end_container.appendChild(document.createTextNode("[bis " + end_str + "]"));

    on_air_box.appendChild(document.createElement("br"));
    on_air_box.appendChild(document.createElement("br"));
    on_air_box.appendChild(document.createTextNode("[bis " + end_str + "]"));

//  on_air_box.appendChild(end_container);
  }
    
  // get time delta in seconds
  if(oa_xml.getElementsByTagName("secdiff")[0]) {
    // reload the XML resource after the given ammount of seconds.
    var secdiff = oa_xml.getElementsByTagName("secdiff")[0].firstChild.nodeValue;
    secdiff = parseInt(secdiff);

    // instate timeout
    oa_time = window.setTimeout("load_nowplaying()", (secdiff * 1000));
  }
}

/*
 * This imports an integrated DOM structure recursively into a target element.
 *
 * Since every kind of element is attached to the existing DOM structure
 * recursively, this MAY pose a security vulnerability.
 * for this makes it possible to import a <script> element, along with its
 * contents!
 *
 */
// as straightforward as possible: target container element, source root element
function domImport(target, source) {
  while(source.firstChild) {
    // get element one level below
    var temp_e = source.removeChild(source.firstChild);
	    
    // check if there are other elemens inside this one
    if(temp_e.nodeName == "#text") // just text, create a text node
      var inter_o = document.createTextNode(temp_e.nodeValue);
    else { // there're other elements inside
      var inter_o = document.createElement(temp_e.nodeName); // duplicate node

      // duplicate all attributes for just duplicated node
      for(i = 0; i < temp_e.attributes.length; i++)
	inter_o.setAttribute(temp_e.attributes[i].nodeName, temp_e.attributes[i].nodeValue.toLowerCase());
		   
      // run importer for the level just below us
      domImport(inter_o, temp_e);
    }

    // append node structure to the target, roots of heavyweight trees may be moved around here!
    target.appendChild(inter_o);
  }
}

/**
 * rotator.js
 *
 * Diese Datei basiert zu groesseren Teilen auf der teamler.js von Szymon 'polemon' Bereziak <polemon@polemon.org>
 *
 * Dieses Subsystem aktualisiert den Banner des Rotators.
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 */

var rotator_time; // Variable fuer Timer definieren
var rotator_id = 0; // Variable fuer ID definieren
var image_pre = new Image(); // Fuer das Image

function init_rotator(rid, rtime) {
  rotator_id = rid;

  rotator_time = window.setTimeout(load_rotator, rtime*1000);
}

function load_rotator() {
  if(rotator_time) // Timer clearen, wenn vorhanden...
    window.clearTimeout(rotator_time);

  var rotator_obj = new xml.InterXml('/include/misc.php?section=rotator&id='+rotator_id, parse_rotator, true);
}

function parse_rotator () { // verarbeitet die XML Daten
  var partner = this.responseXML.documentElement.getElementsByTagName('partner').item(0); // get partner
  var url = partner.getElementsByTagName('link').item(0).firstChild.nodeValue; // URL holen

  var rotatordiv = document.getElementById('rotator'); // get our div for the content

  while(rotatordiv.lastChild) // delete content in div...
    rotatordiv.removeChild(rotatordiv.lastChild);

  // Link bauen...
  var link = document.createElement('a');
  link.target = '_blank';
  link.href = url;

  // Image bauen...
  image_pre.src = partner.getElementsByTagName('banner').item(0).firstChild.nodeValue;
  image_pre.alt = url;

  var image = document.createElement('img');
  image.style.height = '60px';
  image.style.width = '468px';
  image.src = image_pre.src;
  image.alt = image_pre.alt;

  link.appendChild(image); // Image in Link einfuegen

  rotatordiv.appendChild(link); // put link in div...

  rotator_id = partner.getElementsByTagName('id').item(0).firstChild.nodeValue; // ID setzen

  reload_time = this.responseXML.documentElement.getElementsByTagName('interval').item(0).firstChild.nodeValue; // Reloadzeit bestimmen

  rotator_time = window.setTimeout('load_rotator()', reload_time*1000); // Timer setzen
}

 /**
 * sbox.js
 *
 * Copyright (c) 2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio 
 *
 * This subsystem handles the boxes containing streamlinks.
 *
 * The box containing the links *can* allready exist on the page,
 * if it does NOT exist, this script will make one.
 * ID of said box is expected to be "sbox".
 *
 * The calling object needs to have showbox() executed onclick, or at
 * similar event.
 *
 * Signature: showbox(event) 
 *
 * Params:
 *   event  mandatory; this is passed by the DOM, just leave it 'event'.
 *
 * If called by onlick="" attribute from within an HTML tag, this
 * needs to be showbox(event) like:
 *
 *   onclick="showbox(event)"
 *
 * If called as reference, call it like any other reference:
 *
 *   object.onclick = showbox;
 *
 * The script uses the title attribute to determin the static desired
 * target: title="pls" will give you all possible *.pls files,
 * title="high.mp3" will give you all possible playlist files for
 * "high.mp3" source.
 *
 * Stylesheets: Use the id "sbox" to referece the whole box, and
 * the class "sitem" to get the generated lines (or manipulate them
 * from CSS.
 *
 * this script can work in conjunction with stats.js, to optimize links
 * presentation, based on playlist selection (non existing streams will
 * be left out).
 *
 * When called from an area map, use shape="rect", the box might fly
 * somewhere unpredicted otherwise... Use href="javascript:;" in order
 * to break normal links execution (use onclick="showbox(event)"
 * instead, like in any other link).
 *
 * This file is distributed under MIT-License.
 *
 */

// global handler for weird premature firing of onmouseout callback
var box_vanish = null;

/**
 * Signature: sbox_option(target, description)
 *
 * Params:
 *   target       mandarory; part or whole URI to the link resource.
 *   description  mandatory; this is the text to act as link.
 *
 */
function sbox_option(target, desc) {
  var opt = document.createElement("div");
  opt.setAttribute("class", "sitem");
  opt.setAttribute("className", "sitem"); // IE... need I say more?
  opt.onmouseover = blockbox;

  // concretize target
  target = "http://justbase.fm/play/" + target;
  opt.onclick = function() { 
    window.location = target;
  };

  // if anyone knows a nicer way to start a download via JavaScript,
  // please let me know.

  opt.appendChild(document.createTextNode(desc));


  return opt;
}

function build_box(type) {
  var sbox;

  // check if "sbox" element allready exists, and create a new one if necessary
  if((sbox = document.getElementById("sbox")));
  else { // I like my way of programming.
    sbox = document.createElement("div");
    sbox.setAttribute("id", "sbox");
    sbox.onmouseout = leavebox;
    document.body.appendChild(sbox);
  }

  sbox.style.display = "none";
  sbox.style.position = "absolute";

  while(sbox.lastChild)
    sbox.removeChild(sbox.lastChild);
    
  if(type.match(/.\../)) { // assume all 5 tags for our type. (ASX, M3U, PLS, RAM, XSPF)
    type = type.replace(/\./g, "-");

    sbox.appendChild(sbox_option(type + ".asx", "ASX (Mediaplayer)"));
    sbox.appendChild(sbox_option(type + ".m3u", "M3U (Winamp)"));
    sbox.appendChild(sbox_option(type + ".pls", "PLS (Winamp)"));
    sbox.appendChild(sbox_option(type + ".ram", "RAM (Real Player)"));
    sbox.appendChild(sbox_option(type + ".xspf", "XSPF (VLC)"));
  }
  else if(type.match(/^(asx)|(m3u)|(pls)|(ram)|(xspf)$/)) { // assume all available streams for desired playlist type
    // we optimize, if we can find a (filled) statistics DOM object, standard sanity if not...
    var stats_rows;
    var i = 0;
	    
    stats_rows = document.getElementById("stream_statistik").getElementsByTagName("A");
	    
    if(stats_rows[0])
      while(stats_rows[i])
	switch(stats_rows[i++].firstChild.data.toLowerCase()) {
        case "aac+ high":
          sbox.appendChild(sbox_option("high-aac." + type, "AAC+ high"));
          break;
	case "mp3 high":
	  sbox.appendChild(sbox_option("high-mp3." + type, "MP3 high"));
	  break;
        case "ogg/vorbis high":
          sbox.appendChild(sbox_option("high-ogg." + type, "Ogg/Vorbis high"));
          break;
        case "aac+ low":
          sbox.appendChild(sbox_option("low-aac." + type, "AAC+ low"));
          break;
        case "ogg/vorbis low":
          sbox.appendChild(sbox_option("low-ogg." + type, "Ogg/Vorbis low"));
          break;
	case "nsv video":
	  sbox.appendChild(sbox_option("video-nsv." + type, "NSV Video"));
	  break;
	}
    else { // standards...
      sbox.appendChild(sbox_option("high-aac." + type, "AAC+ high"));
      sbox.appendChild(sbox_option("high-mp3." + type, "MP3 high"));
      sbox.appendChild(sbox_option("high-ogg." + type, "Ogg/Vorbis high"));
      sbox.appendChild(sbox_option("low-aac." + type, "AAC+ low"));
      sbox.appendChild(sbox_option("low-ogg." + type, "Ogg/Vorbis low"));
    }
  }
  else { // standard playlist, not catched by anything
    type = "justbase"; // this is the standard name

    sbox.appendChild(sbox_option(type + ".asx", "ASX (Mediaplayer)"));
    sbox.appendChild(sbox_option(type + ".m3u", "M3U (Winamp)"));
    sbox.appendChild(sbox_option(type + ".pls", "PLS (Winamp)"));
    sbox.appendChild(sbox_option(type + ".ram", "RAM (Real Player)"));
    sbox.appendChild(sbox_option(type + ".xspf", "XSPF (VLC)"));
  }

  return sbox;
}

function showbox(event) {
  if(!event) // grab event (cross browser functional, I still hate IE, though...)
    event = window.event;
    
  var clicked = (event.srcElement ? event.srcElement : event.target);

  // this doubles as callback parameter
  var st_thing = clicked.getAttribute("title");

  var sbox = build_box(st_thing); // on demand building!

  // Compound-Element is only applicable to Firefox! This works everywhere
  var boxleft = 0;
  var boxtop = 0;
  if(clicked.tagName == "AREA") {
    var map_coords = clicked.getAttribute("coords").split(",");
    var map_name = clicked.parentNode.getAttribute("name");

    var imgs = document.body.getElementsByTagName("IMG");
    var img;
    var i = 0;
    while((img = imgs[i++]) && (img.getAttribute("usemap") != "#" + map_name));
	    
    boxleft = getPageOffsetLeft(img) + parseInt(map_coords[0]);
    boxtop = getPageOffsetTop(img) + parseInt(map_coords[1]);
  }
  else {
    boxleft = getPageOffsetLeft(clicked);
    boxtop = getPageOffsetTop(clicked);
  }

//  alert(boxtop + " / " + boxleft);

  sbox.style.left = boxleft + "px";
  sbox.style.top = boxtop + "px";

  sbox.style.display = "block";
}

function leavebox() { // called when mouse leaves element (0 msec; obviously, issuing onmouseover event takes less...)
  box_vanish = window.setTimeout("document.getElementById(\"sbox\").style.display = \"none\";",0);
}

function blockbox() { // called when mouse moves to another element instead of leaving the box
  window.clearTimeout(box_vanish);
}

function getPageOffsetLeft(elem) { // THIS IS RECURSIOOOOOOOOOOON!!!
  return elem.offsetLeft + (elem.offsetParent ? getPageOffsetLeft(elem.offsetParent) : 0);
}

function getPageOffsetTop(elem) { // RECURSIVENESS TURN ON!
  return elem.offsetTop + (elem.offsetParent ? getPageOffsetTop(elem.offsetParent) : 0);
}

/**
 * schedule.js
 *
 * Copyright (c) 2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * This subsystem loads asynchroneously the air date schedule.
 * It reloads the data every minute.
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 *
 * HTML element is expected to be some sort of box element with the id "nextshows".
 *
 * This is how the XML structure should look:
 *
 * <shows>
 *   <show>
 *     <date>18. Mai 2008 - 22:00 Uhr</date>
 *     <dj link="http://site.com/dj.html">ZE DIETSCHEY</dj>
 *     <showname link="http://site.com/showinfo.html">ZE SCHO!</showname>
 *   </show>
 * </shows>
 *
 * Any ammount of <show> elements is acceptable, even 0. 
 *
 * Any element inside <show> is optional, however, without any information
 * this wouldn't make a lot of sense.
 *
 * <date> should contain the air date. This string is left unparsed.
 *
 * <dj> should be the name of the DJ that is hosting the show, an optional
 * 'link' attribute can contain a link to his page.
 * Multiple <dj> tags are absolutely fine. If theres no <dj> tag though,
 * the resulting line doesn't make much sense (a show made by no one?).
 *
 * <showname> should contain the name of the show, an optional 'link'
 * attribute can contain a link to a page for this show.
 *
 * This file is distributed under MIT-License.
 *
 */

function init_schedule() {
  var sd_time = window.setTimeout(load_schedule, 1 * 60 * 1000);
}

// initiate loader
function load_schedule() {
  if(sd_time)
    window.clearTimeout(sd_time);

  var schedule = new xml.InterXml('/include/misc.php?section=nextshows', parse_schedule);

  var sd_time = window.setTimeout("load_schedule()", 1 * 60 * 1000);
}

// parse XML structure
function parse_schedule() {
  var sd_XML = this.responseXML.documentElement;
  var shows =  sd_XML.getElementsByTagName("show");

  // get target element in HTML structure
  var schedule_box = document.getElementById("nextshows");

  if(schedule_box) { // box found!
    // clear whatever's inside that box
    while(schedule_box.lastChild)
      schedule_box.removeChild(schedule_box.lastChild);
	    
    // add all shows
    for(i = 0; i < shows.length; i++) {
      // there should be an air date. If there are more 'date' tags, we just care about the first one
      var date = shows[i].getElementsByTagName("date")[0] || null;

      if(date) {
	schedule_box.appendChild(document.createTextNode(date.firstChild.nodeValue));
	schedule_box.appendChild(document.createElement("br"));
      }
		    
      // there should be just _one_ DJ, but maybe they'll change their minds
      var dj = shows[i].getElementsByTagName("dj") || null;
		    
      // add every DJ
      for(j = 0; j < dj.length; j++) {
	var dj_lnk = dj[j].getAttribute("link") || null;
	var dj_name =  dj[j].firstChild.nodeValue;

	// seperate DJs by a comma, if there's more than one of them...
	if(j > 0)
	  schedule_box.appendChild(document.createTextNode(", "));

	if(dj_lnk) { // try to link to DJ profile page
	  var dj_lnk_e = document.createElement("a");
	  dj_lnk_e.setAttribute("href", dj_lnk);
	  dj_lnk_e.appendChild(document.createTextNode(dj_name));
	  schedule_box.appendChild(dj_lnk_e);
	}
	else // just show the name, if there's no link
	  schedule_box.appendChild(document.createTextNode(dj_name));
      }

      // we just care about _one_ show, making more than one show at one ocasion is illogical
      var showname = shows[i].getElementsByTagName("showname")[0];

      if(showname) {
	// add a separator
	schedule_box.appendChild(document.createTextNode(" mit "));

	var show_lnk = showname.getAttribute("link");
	var show_text = showname.firstChild.nodeValue;

	if(show_lnk) { // show is linked
	  var show_lnk_e = document.createElement("a");
	  show_lnk_e.setAttribute("href", show_lnk);
	  show_lnk_e.appendChild(document.createTextNode(show_text));
	  schedule_box.appendChild(show_lnk_e);
	}
	else // no link, just add name...
	  schedule_box.appendChild(document.createTextNode(show_text));
      }

      schedule_box.appendChild(document.createElement("br"));
      schedule_box.appendChild(document.createElement("br"));
    }
  }
}

/**
 * stats.js
 *
 * Copyright (c) 2007-2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * This subsystem loads and refreshes stream statistics of a streaming server.
 *
 * HTML element is expected to be some sort of box element,
 * with the id "stream_statistik".
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 *
 * This is how the XML structure should look, any of this is optional, except
 * the root element:
 *
 * <stats>
 *   <mountpoint item="/high.mp3" name="MP3 High">
 *     <count>20</count>
 *   </mountpoint>
 * </stats>
 *
 * Any number of <mountpoint> tags is ok.
 * 'item' attribute is optional, but if it's left out, it has no name.
 * This is usually not desired.
 * Content of <count> should be an integer.
 *
 * This file is vonfigured to work with sbox.js, check line 135 to 139.
 *
 * This file is distributed under MIT-License.
 *
 */

function init_stats() {
  var s_time = window.setTimeout(load_stats, 5 * 1000);
}

// initialize loading
function load_stats() {
  // clear any dangling timeouts
  if(s_time)
      window.clearTimeout(s_time);

  var stats = new xml.InterXml('/stats.xml', parse_stats, true);
    
  var s_time = window.setTimeout("load_stats()", 5 * 1000);
}

// parse XML document
function parse_stats() {
  // get mountpoints
  var mountpoints = this.responseXML.documentElement.getElementsByTagName("mountpoint");

  // prepare space for stats
  var stat_space = document.getElementById("stream_statistik");

  // remove whatever's inside our target container
  while(stat_space.lastChild)
    stat_space.removeChild(stat_space.lastChild);

  // prepare the container table
  var tabl = document.createElement("table");
  tabl.setAttribute("cellpadding", "0");
  tabl.setAttribute("cellspacing", "0");
  tabl.style.width="100%";
  tabl.style.textAlign="left";
  tabl.style.padding="3px";

  // rows need a table body, just to please Mr. IE...
  var tbody = document.createElement("tbody");

  // AT FIRST, THERE WAS NOTHINGNESS...
  var total = 0;

  // add mountpoints
  for(i=0; i < mountpoints.length; i++) {
    // NOTE: item and <count> tag are somewhat needed, to make any sense...
    var mp_item = mountpoints[i].attributes.getNamedItem("item").value;
    var mp_count = mountpoints[i].getElementsByTagName("count")[0].firstChild.nodeValue;
    var mp_name = mountpoints[i].attributes.getNamedItem("name").value;
    
    total += parseInt(mp_count);
    tbody.appendChild(mkRow(mp_name, mp_item, mp_count, false));
/*
    // predefined mountpoint definitions (we have three)
    switch(mp_item) {
    case "/":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("MP3 high", mp_count, false));
      break;

    case "/high.mp3":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("MP3 high", mp_count, false));
      break;

    case "/high.ogg":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("Ogg high", mp_count, false));
      break;

    case "/low.ogg":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("Ogg low", mp_count, false));
      break;

    case "/high.aac":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("AAC high", mp_count, false));
      break;

    case "/low.aac":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("AAC low", mp_count, false));
      break;

    case "/video.nsv":
      total += parseInt(mp_count);
      tbody.appendChild(mkRow("NSV Video", mp_count, false));
      break;
    }
    */
  }

  // this is the total, add last
  tbody.appendChild(mkRow("Gesamt", "/gesamt", total, true));
  //    tbody.appendChild(mkRow("Gesamt", total, false));

  // add the table to the container element
  tabl.appendChild(tbody);
  stat_space.appendChild(tabl);
}

// this makes a row for the given mountpoint.
// name_st is the name, num_st is the ammount of listeners.
// line is a boolean value, wether a line above the text should be displayed
function mkRow(name_st, item_st, num_st, line) {
  // prepare row elements
  var row = document.createElement("tr");
  var cell1 = document.createElement("td");

  var cell2 = document.createElement("td");
  cell2.style.textAlign = "right"; // number goes on right
    
//  var st_thing = name_st.split(" "); // set and prepare event for box handling
  var link_l = document.createElement("a");
  link_l.setAttribute("href", "javascript:;"); // lol ECMA
//  link_l.setAttribute("title", (st_thing[1] ? st_thing[1].toLowerCase() + "." : "") + st_thing[0].toLowerCase()); // generate static info for sbox.js
  link_l.setAttribute("title", item_st.substring(1)); // generate static info for sbox.js

  link_l.onclick = showbox; // sbox callback

  // textnodes
  var name = document.createTextNode(name_st);
  var num = document.createTextNode(num_st);
    
  // is a line desired?
  if(line) {
    cell1.style.borderTop = "1px solid";
    cell2.style.borderTop = "1px solid";
  }

  link_l.appendChild(name);

  // add text to the cells
  cell1.appendChild(link_l);
  cell2.appendChild(num);
    
  // add cells to the row
  row.appendChild(cell1);
  row.appendChild(cell2);
    
  // return row
  return row;
}

/**
 * trackupdate.js
 *
 * Diese Datei basiert zu groesseren Teilen auf der teamler.js von Szymon 'polemon' Bereziak <polemon@polemon.org>
 *
 * Dieses Subsystem aktualisiert den aktuellen Track.
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 */

function init_trackupdate() {
  var tu_time = window.setTimeout(load_trackupdate, 60000);
}

function load_trackupdate() {
  if(tu_time)
    window.clearTimeout(tu_time);

  var tu_obj = new xml.InterXml('/include/misc.php?section=trackupdate', parse_trackupdate, true);

  var tu_time = window.setTimeout(load_trackupdate, 60000);
}

function parse_trackupdate() {
  var track = this.responseXML.documentElement.getElementsByTagName('track'); // get track
  var trackupdate = document.getElementById('trackupdate'); // get our div for the content
    
  while(trackupdate.lastChild) // delete content in div...
    trackupdate.removeChild(trackupdate.lastChild);

  trackupdate.appendChild(document.createTextNode(track.item(0).firstChild.nodeValue)); // put track in div...
}

/**
 * user.js
 *
 * Copyright (c) 2007-2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * Dieses Subsystem lädt und aktualisiert die Online-User
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 *
 * HTML element is expected to be some sort of box element, with the id "user".
 * An external element can be erased on demand (say, a caption) when no team member
 * is online. This element can be any kind of element, with the id "uo_title".
 *
 * This is how the XML structure should look, any of this is optional, except
 * the root element:
 *
 * <users>
 *   <user link="profile.html">polemon</user>
 * </users>
 *
 * <user> should contain the name of the user.
 * The attribute 'link' is optional. It should contain a link to the users
 * profile page.
 * The attribute 'team' is optional. It should be either "true" or "false"
 * determining wether the user is part of the team or just a regular user.
 * Default is "false", when not specified.
 *
 * NOTE: This script creates a DOM unordered list, where the users are written into.
 * Change the values to your needs, to tune how they should be displayed.
 *
 * This file is distributed under MIT-License.
 *
 */

function init_user() {
  var te_time = window.setTimeout(load_activeusers, 10 * 1000);
}

function load_activeusers() {
  if(te_time)
    window.clearTimeout(te_time);

  var team_obj = new xml.InterXml('/include/misc.php?section=active_user', parse_activeusers, true);
    
  var te_time = window.setTimeout("load_activeusers()", 10000);
}

function parse_activeusers() {
  var users = this.responseXML.documentElement.getElementsByTagName("user");

  // prepare space for stats
  var user_space = document.getElementById("user");

  // remove whatever's inside our container
  while(user_space.lastChild)
    user_space.removeChild(user_space.lastChild);

  // get our pseudo title
  var uo_title = document.getElementById("uo_title");
    
  if(users.length > 0) { // someone's online
    // users are placed inside a table, prepare table
    var usr_list = document.createElement("ul");
    usr_list.style.listStyleType = "none";

    // make everything visible
    if(uo_title)
      uo_title.style.display = "inline";

    if(user_space)
      user_space.style.display = "block";

    // add users
    for(i=0; i < users.length; i++) { // attach name with link.
      var usr_link, usr_team, usr_name;

      usr_name = users[i].firstChild.nodeValue;

      if(users[i].attributes.getNamedItem("link"))
        usr_link = users[i].attributes.getNamedItem("link").value;
      
      if(users[i].attributes.getNamedItem("team"))
        usr_team = users[i].attributes.getNamedItem("team").value;

      // add a row to our table
      usr_list.appendChild(addRow(usr_name, usr_link, (usr_team == "true") ? true : false ));
    }

    // put the table into the box container
    user_space.appendChild(usr_list);
  }
  else { // no one's logged in.
    if(uo_title) // try to hide pseudo title
      uo_title.style.display = "none";

    if(user_space)
      user_space.style.display = "none";
  }
}

// add a row to the table
function addRow(name, link, team) {
  // prepare cell
  var row = document.createElement("li");
 
  if(link) {
    var anc =  document.createElement("a");
    anc.setAttribute("href", link);
    anc.appendChild(document.createTextNode(name));
    row.appendChild(anc);
  }
  else // no link given, only the name will be shown
    row.appendChild(document.createTextNode(name));

  // FIXME this will be an image or something, sometime...
  if(team)
    row.style.listStyleImage = "url(/images/TEAM.gif)";
    
     
  // return row element
  return row;
}

/*
 * voteus.js
 *
 * Copyright (c) 2007-2008 by Szymon 'polemon' Bereziak <polemon@polemon.org>
 *  - for JustBase.FM webradio
 *
 * This subsystem loads asynchroneously the Partner links.
 *
 * Requires interxml.js as well as a backend to retreive an XML structure from.
 *
 * HTML element is expected to be some sort of box element with the id "voteus".
 *
 * This is how the XML structure should look:
 *
 * <partners>
 *   <partner name="KlickFun.Net" link="http://www.KlickFun.Net">
 *     <banner width="0" heigth="0">
 *       http://web36.server104.rhs-it.de/KF/images/~partner/JB_KF_banner_mini.gif
 *     </banner>
 *   </partner>
 * </partners>
 *
 * Any ammount of <partner> tags is ok.
 * 'name' and 'link' attributes are optional.
 * Every <partner> can contain 0 or more <banner> elements.
 * 'width' and 'height' attributes are optional.
 *
 * This file is distributed under MIT-License.
 *
 */

// initiate loader
function load_voteus() {
  var partners = new xml.InterXml('/include/misc.php?section=voteus_werbung', parse_voteus);
}

// parse XML structure
function parse_voteus() {
  var p_XML = this.responseXML.documentElement;
  var partner =  p_XML.getElementsByTagName("partner");

  // get target element in HTML structure
  var partner_box = document.getElementById("box_voteus");

  if(partner_box) { // box found!
    // clear whatever's inside that box
    while(partner_box.lastChild)
      partner_box.removeChild(partner_box.lastChild);

    // add all partners	    
    for(i=0; i < partner.length; i++) {
      // get name and link attributes of actual partner
      var name = partner[i].getAttribute("name") || null;
      var link = partner[i].getAttribute("link") || null;
		    
      // new line after every partner
      if(i > 0)
	partner_box.appendChild(document.createElement("br"));
		    
      // attach lins to partner line
      if(link) {
        // create anchor
        var link_e = document.createElement("a");
        link_e.setAttribute("target", "_blank");
        link_e.setAttribute("href", link);

        // place name inside anchor
        if(name)
          link_e.appendChild(document.createTextNode(name));

        // append anchor to the partner box
        partner_box.appendChild(link_e);
      }
      else // no link give. display name as simple text
	if(name)
          partner_box_appendChild(document.createTextNode(name));

      // every partner may have more than one banner, process them here
      banner = partner[i].getElementsByTagName("banner");
	    
      // walk through banner array
      for(j=0; j < banner.length; j++) {
        // prepare image element
        var banner_img = document.createElement("img");
			    
        // duplicate attributes for the target element
        for(k=0; k < banner[j].attributes.length; k++)
          banner_img.setAttribute(banner[j].attributes[k].noteName, banner[j].attributes[k].nodeValue.toLowerCase());
			    
        // get the image URL from the tag
        banner_img.setAttribute("src", banner[j].firstChild.nodeValue);
    
        // if there's a link associated with the banner (see name), wrap it around the image
        if(link_e) {
          link_e.appendChild(document.createElement("br"));
          link_e.appendChild(banner_img);
	}
        else // no link given
          partner_box.appendChild(banner_img);
      }
		    
      // add a new line for pretty print
      partner_box.appendChild(document.createElement("br"));
    }

    // one last line to make the box not look 'clogged'
    partner_box.appendChild(document.createElement("br"));
  }
}