/*
  <img src="hilfe.gif" name="button0">

  onmouseout  = hilfe.gif
  onmouseover = button0_over.gif
*/

var ext    = '.gif';  // Der Grafiktyp
var over   = '_over';   // Dateinamenerweiterung für
var _click_= null;


function start_mouse_over()
{
    var doc = self.document;
    if(!doc.images) return;

    for(var i = 0; i < doc.images.length; i++)
    {
        var img = doc.images[i];
        ///////////////////////////////////////////////////
        // Button suchen
        // und events zuweisen.
        if( img.name.indexOf('bot') == 0) addEventsToImage(img);
    }
}

function addEventsToImage(img)
{
    var folder = img.src.substring(0, img.src.lastIndexOf('/') + 1) ;

    img.onmouseover = on_mouse_over;
    img.onmouseout  = on_mouse_out;

    img.over = new Image();
    img.over.img = img;
    img.over.onerror = function() { this.img.onmouseover = null;}
    img.over.src = folder + img.name + over + ext;

    img.out = img.src;

    ///////////////////////////////////////////////////////
    // wurde breits auf die Grafik geklickt?
    if(parent.name == img.name) img.onclick();
}

function on_mouse_over()
{
    if(_click_ == this) return false; // ist bereits angeklickt.
    this.src = this.over.src;
    return true;
}

function on_mouse_out()
{
    if(_click_ == this) return false;

    this.src = this.out;
    return true;
}

function on_resize()
{
    if(_click_) _click_.src = _click_.stay.src;
}

///////////////////////////////////////////////////////////
// das Skript startet automatisch.
if(window.addEventListener) window.addEventListener('onload', start_mouse_over, true);
if(window.addEventListener) window.addEventListener('onresize', on_resize, true);

window.onload   = start_mouse_over;
window.onresize = on_resize;