var images;
var rolloverimages = new Array;
var lastMouseOverItem="";
var selectedItem=new Image;
var preloadcount=0;
var amLoaded=true;
var rollovers;
var preloadimages;
var chaptersDefined=false;

function Is() {
    agent  = navigator.userAgent.toLowerCase();
    this.major = parseInt(navigator.appVersion);
    this.minor = parseFloat(navigator.appVersion);
    this.nn    = ((agent.indexOf('mozilla')   !=   -1) &&
                 ((agent.indexOf('spoofer')   ==   -1) &&
                 (agent.indexOf('compatible') ==   -1)));
    this.nn2   = (this.ns && (this.major      ==    3));
    this.nn3   = (this.ns && (this.major      ==    3));
    this.nn4b  = (this.ns && (this.major      ==    4) &&
                 (this.minor                  <= 4.03));
    this.nn4   = (this.ns && (this.major      >=    4));
    this.nn6    = (this.ns && (this.major     >=    5));
    this.ie    = (agent.indexOf("msie")       !=   -1);
    this.ie3   = (this.ie && (this.major      <     4));
    this.ie4   = (this.ie && (this.major      ==    4) &&
                 (agent.indexOf("msie 5.0")   ==   -1));
    this.ie5   = (this.ie && (this.major      ==    4) &&
                 (agent.indexOf("msie 5.0")   !=   -1));
    this.ie55  = (this.ie && (this.major      ==    4) &&
                 (agent.indexOf("msie 5.5")   !=   -1));
}

var is = new Is();

function ImageLoaded()
{
    var i;

    preloadcount++;
    var iPercentDone= 10*preloadcount/preloadimages.length;


    for (i=0;i<iPercentDone;i++)
    {
        if (is.ie) document.all["counter"+i].style.background="#0000FF";
    }

    if (preloadcount>=preloadimages.length)
    {
        amLoaded=false;
        StopLoading();
    }
}

function Initialize()
{
    if (is.major<4) return;
    if (is.nn)
    {
        images = document.images;
    }
    else
    {
        images = document.all;
    }
}

function PreloadRollovers()
{
    var i;

    if (is.major<4 || ! rollovers ) return;

    for (i=0;i<rollovers.length;i++)
    {
        rolloverimages[rollovers[i]]=new Image;
        rolloverimages[rollovers[i]].src = rollovers[i] + "o.gif";
    }
}

function SetPreload()
{
    var i;
    if (is.major<4 || (!is.ie && !is.nn) || !preloadimages || preloadimages.length==0)
    {
        return;
    }

    if (preloadimages.length>0)
    {
        if (is.ie)
        {
            document.all["content"].style.visibility="hidden";
            document.all["cover"].style.visibility="visible";
        }

        amLoaded=false
        setTimeout("StopLoading()",30000);
    }

    for (i=0;i<preloadimages.length;i++)
    {
        if (images[preloadimages[i]].complete)
        {
            ImageLoaded();
        }
        else images[preloadimages[i]].onload=ImageLoaded;
    }

}

function DoMouseover(name)
{
    if (is.major<4) return;
    if (name==lastMouseOverItem) return;
    if (lastMouseOverItem!="")
    {
        images[lastMouseOverItem].src = selectedItem.src;
    }
    lastMouseOverItem = name;

    if (name != "")
    {
        selectedItem.src = images[name].src
        if (rolloverimages[name] && rolloverimages[name].src) images[name].src = rolloverimages[name].src;
    }
}

function StopLoading()
{
    if (!amLoaded)
    {
        if (is.ie)
        {
            document.all["content"].style.visibility="visible";

            if (chaptersDefined)
            {
                if (currentChapter && document.all["chapter"+currentChapter]) JumpToChapter(currentChapter)
            }
            document.all["cover"].style.visibility="hidden";
        }
        else
        {
            if (chaptersDefined)
            {
                if (currentChapter && document.layers["outer"] && document.layers["outer"].document["chapter"+currentChapter]) JumpToChapter(currentChapter)
            }
        }
        amLoaded=true;
    }
}

function LoadingSplash()
{
    var i;

    if (!preloadimages || preloadimages.length==0) return;

    if (is.major<4 || !is.ie) return;

    document.write("<div id='cover' name='cover' align='center' style='border:0; margin:0;  position:absolute; visibility:hidden; top:0; left:0; height:100%; width:100%;' >");

    document.write("<br><br><br><br><br><br><br><br><br>")

    document.write("<table border=1 cellpadding=1 bordercolorlight=#ffffff bordercolordark=#000000 cellspacing=2 cellspacingcolor=#000000>")
    document.write("<tr>")
    document.write("<td>")
    document.write("    <table width=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#000080>")
    document.write("    <tr>")
    document.write("    <td bgcolor=#000080>")
    document.write("        <small>")
    document.write("            <font color='#ffffff'>")
    document.write("            <strong>Terrapin Internet</strong></font>")
    document.write("    </td>")
    document.write("    <td bgcolor=#000080 align=right>")
    document.write("        <a href=javascript:StopLoading()><img src='close.gif' width=16 height=14 hspace=3 vspace=0 border=0 align=absmiddle></a>")
    document.write("    </td>")
    document.write("    </tr>")
    document.write("    </table>")
    document.write("</td>")
    document.write("<tr>")
    document.write("<td>")
    document.write("    <table width=330 border=0 cellpadding=10 cellspacing=0 bgcolor=#ffffff>")
    document.write("    <tr>")
    document.write("    <td colspan=10><b>Loading...</td>")
    document.write("    <tr><td align=center>")
    document.write("    <table border=0 cellspacing=1 cellpadding=0 ><tr>")
    for (i=0;i<10;i++)
    {
        var out = "<td width=20 bgcolor=#COCOCO><div name = counter" + i + " id=counter" + i + " style='background:#COCOCO; width:20'>&nbsp</div></td>"
        document.write(out);
    }

    document.write("    </table></tr>")
    document.write("    </table>")
    document.write(" </td>")
    document.write(" </tr>")
    document.write(" </table>")

    document.write("</div>");

}