function Is ()
{   
    var agt=navigator.userAgent.toLowerCase()

    this.major = parseInt(navigator.appVersion)

    this.nav  = ((agt.indexOf('mozilla')!=-1) && ((agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1)))
    this.nav4 = (this.nav && (this.major == 4))
    this.nav4up = this.nav && (this.major >= 4)

    this.ie   = (agt.indexOf("msie") != -1)
    this.ie4  = (this.ie && (this.major == 4))
    this.ie4up  = this.ie  && (this.major >= 4)
}
var is = new Is();

function setUpHelp()
{
 maketheBalloon("ofraglesach",120,"<p class='dymek'>Kilka słów o nas...</p>");
 maketheBalloon("oferta",170,"<p class='dymek'>Od nas dla Was - wszystko ;-)");
 maketheBalloon("repertuar",285,"<p class='dymek'>Od światowych standardów po najnowsze przeboje!</p>");
 maketheBalloon("demo",200,"<p class='dymek'>&quot;Fraglesi&quot; w akcji (i formacie Mp3)</p>");
 maketheBalloon("galeria",185,"<p class='dymek'>Ależ fajne z nas chłopaki! ;-)");
 maketheBalloon("linki",190,"<p class='dymek'>...czyli strony naszych przyjaciół.</p>");
 maketheBalloon("rezerwacja",155,"<p class='dymek'>Zarezerwuj &quot;Fraglesów&quot;!</p>");
 maketheBalloon("kontakt",150,"<p class='dymek'>Skontaktuj się z nami!</p>");
 maketheBalloon("ksiega",150,"<p class='dymek'>Czekamy na miłe opinie i recenzje! :-)</p>");
 maketheBalloon("gora",150,"<p class='dymek'>Wróć na górę strony...</p>");
 maketheBalloon("foto1",215,"<p class='dymek'>Najnowsza inkarnacja Człowieka - Ptaka!</p>");
 maketheBalloon("foto2",150,"<p class='dymek'>Człowiek - Ptak wylądował!</p>");
 maketheBalloon("foto3",160,"<p class='dymek'>O czym myśli klawiszowiec? - oto jest pytanie!</p>");
 maketheBalloon("foto4",180,"<p class='dymek'>Na garnitury nie starczyło... ;-)");
 maketheBalloon("foto5",160,"<p class='dymek'>Jeden piękny gitarzysta.</p>");
 maketheBalloon("foto6",120,"<p class='dymek'>Mówią, że mikrofon był zadowlony...</p>");
 maketheBalloon("foto7",180,"<p class='dymek'>Czterech pięknych &quot;Fraglesów&quot;.</p>");
 maketheBalloon("foto8",120,"<p class='dymek'>Jeden piękny<br> klawiszowiec solo.</p>");
 maketheBalloon("foto1n",140,"<p class='dymek'>Czterech pięknych złotowłosych ;-)</p>");
 maketheBalloon("foto2n",215,"<p class='dymek'>Dari gra, aż się dymi !! </p>"); 
 maketheBalloon("foto10",110,"<p class='dymek'>Dwóch pięknych<br> gitarzystów.</p>");
 maketheBalloon("foto3n",110,"<p class='dymek'>Który klawisz teraz nacisnąć ? ;-)</p>");
 maketheBalloon("foto4n",110,"<p class='dymek'>Dlaczego oni tak skaczą ? :-)</p>");
 maketheBalloon("foto5n",110,"<p class='dymek'>Krzyś dokręca śrubkę</p>");
 maketheBalloon("foto6n",110,"<p class='dymek'>Czy Szczepan zerwie strunkę ?</p>");
 maketheBalloon("foto1s",110,"<p class='dymek'>Dobry klawisz to postawa</p>");
 maketheBalloon("foto2s",110,"<p class='dymek'>YAMAHA STAGE CUSTOM</p>");
 maketheBalloon("foto3s",110,"<p class='dymek'>Wysokopółkowy sprzęt basowy</p>");
 maketheBalloon("foto4s",110,"<p class='dymek'>FENDER, EPIPHONE etc.</p>");
 maketheBalloon("wklawisz",180,"<p class='dymek'>Dariusz Jaros -<br>- instrumenty klawiszowe, wokal</p>");
 maketheBalloon("wgitara",190,"<p class='dymek'>Tomasz &quot;Szczepan&quot; Szczepaniak -<br>- gitara, wokal</p>");
 maketheBalloon("wbas",200,"<p class='dymek'>Paweł &quot;Wąs&quot; Słoniowski - bas, wokal </p>");
 maketheBalloon("wdrums",150,"<p class='dymek'>Krzysztof Mroziński -<br>- perkusja, wokal</p>");
 maketheBalloon("welcome",100,"<p class='dymek'>Zapraszamy!</p>");
 maketheBalloon("mp3",80,"<p class='dymek'>Pobierz plik</p>");
 maketheBalloon("link1",100,"<p class='dymek'>Opis linka w dymku</p>");
}

function maketheBalloon(id, width, message)
{
   var theString = '<STYLE TYPE="text/css">#'+id+'{width:'+width+';}</STYLE>';
   theString+='<DIV CLASS="balloon" id="'+id+'">'+message+'</DIV>';
   document.write(theString);
}

function makeItVisible(id, event)
{

    if (is.nav4up) {
        document.layers[id].left = event.pageX + 10;
        document.layers[id].top = event.pageY + 10;;
        document.layers[id].visibility="show";
    }
    else {
        document.all[id].style.pixelLeft = (document.body.scrollLeft +event.clientX) + 10;
        document.all[id].style.pixelTop = (document.body.scrollTop + event.clientY) + 10;
        document.all[id].style.visibility="visible";
    }
        
}

function hideHelp(id)
{
    is.nav4up ? document.layers[id].visibility="hide" : document.all[id].style.visibility="hidden";
}