// CASTAROON © Graham Budgett 2009
bg1=Math.floor(Math.random( )*255);
bg2=Math.floor(Math.random( )*255);
bg3=Math.floor(Math.random( )*255);
sw=screen.availWidth; 
sh=screen.availHeight;
wh=window.innerHeight;

function setGrade( ) {
        window.moveTo(0,0);
        window.resizeTo(sw,sh);
        
        for(x=0; x<=wh; x++) {
        o=x/wh;
        cell=document.createElement("div");
        cell.setAttribute("style","width:100%; height:1px; background:rgb("+bg1+","+bg2+","+bg3+"); "
        +"opacity:"+o+"; position:absolute; left:0; top:"+x+"px; z-index:-1;");
        g=document.getElementById("bg");
        g.style.background="rgb("+bg2+","+bg3+","+bg1+") ";
        g.appendChild(cell);
        }        	
}

function setGrid( ) { 
        for(x=0; x <=(sh/100); x++) {					
        horizon=document.createElement("div");			
        horizon.setAttribute("style","width:100%; height:1px; background:rgb("+bg3+","+bg2+","+bg1+"); " 
        +"position:absolute; left:0px; top:" + (x*100) + "px; z-index:110;");
        h=document.getElementById("bg");
        h.appendChild(horizon);

                for(y=0; y <=(sw/100); y++) {	
                vert=document.createElement("div");					
                vert.setAttribute("style","width:1px; height:100%; background:rgb("+bg3+","+bg2+","+bg1+"); " 
                +"position:absolute; left:" + (y*100) + "px; top:0px; z-index:110;");
                v=document.getElementById("bg");
                v.appendChild(vert);                   
                } 
        }
}

function castaroon( ) {
    roons = [ "☁","☂","☃","☄","★","☆","☇","☈","☉","☊","☋","☌","☍","☎","☏","☑","☒","☖","☻","☙","☚","☛",""
    + "☟","☝","☀","♨","☠","✡", "☢","☣","☤","☥","☦","☧","☩","☪","☫","☬","ॐ","☭","☮", "☯","☼","☽","☾","☿","♀",""
    + "♁","♂","♃","♄","♅","♆","♇","♈","♉","♊","♋","♌","♍","♎", "♏","♒","♑","♓","♔","♕","♖","♗","♘","♙",""
    + "♠","♢","♤","♥","♣","♡","♦","♧", "♩","♪","♫","♬","♭","♮","♯","♲","⚀","⚁","⚂","⚃","⚄","⚅","♚","♛",""
    + "♜","♝","♞","♟","☸","☹","⌛","⚐","✂","✈","✉","✌","✍","✏","","⚖","❄" ,"⚖" ,"☕" ,"⚡","⚢","⚣","⚤","⚥",""
    + "⚛","⚙","⚓","⚗","⚕","⚔","⚒","⚑","♿","☘","⚘","⚜ ","⚠","⚰","⚱"];        
    for( i=0; i<=3; i++) {
    r = Math.floor(Math.random( )*255);
    g = Math.floor(Math.random( )*255);
    b = Math.floor(Math.random( )*255);
    s = Math.floor(Math.random( )*sh)/50;
    l = Math.floor(Math.random( )*sw)*0.8;
    t = Math.floor(Math.random( )*sh)*0.5;
    o = Math.random( )+0.25;                                     /* for IE */ oIE = Math.floor(Math.random( )*75)+25; 
    z = Math.floor(Math.random( )*110);
    a = Math.floor(Math.random( )*(roons.length));
    roon = document.createElement('div'); 
    roon.innerHTML = roons[a];
    roon.setAttribute("style","color:rgb(" + r + "," + g + "," + b + "); position:absolute; left:" + l + "px; top:" + t + "px;"
    + "font:" + s + "em wingdings; text-shadow:0.01em 0.015em 0.05em #000, -0.005em -0.007em 0.002em #FFF;"
    + "opacity:" + o + "; filter:alpha(opacity=" + oIE + "); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=" + oIE + ")';"
    + "z-index:" + z );       
    document.getElementById('area').appendChild(roon);
    }
}

function more( ) {
    show=document.getElementById("more");
    show.style.height="auto";
    reveal=document.getElementById("text");
    reveal.setAttribute("style", "height:85%; width:85%; left:5%;");
    hideButton=document.getElementById("morbutton");
    hideButton.style.visibility="hidden";
}

function visclu( ) {    
    hide = document.getElementById('text');
    hide.style.visibility='hidden';
}

function insertSymbol(me) {
    rS=Math.floor(Math.random( )*255);
    gS=Math.floor(Math.random( )*255);
    bS=Math.floor(Math.random( )*255);
    sS = Math.floor(Math.random( )*sh)/50;
    lS = Math.floor(Math.random( )*sw)*0.8;
    tS = Math.floor(Math.random( )*sh)*0.5;
    oS = Math.random( )+0.25;                                     /* for IE */ oIES = Math.floor(Math.random( )*75)+25; 
    zS = Math.floor(Math.random( )*120);
    userSymbol=document.createElement('div');    
    userSymbol.setAttribute("style","color:rgb("+rS+","+gS+","+bS+"); position:absolute; left:"+lS+"px; top:"+tS+"px;"
    +"font:" + sS + "em wingdings; text-shadow:0.01em 0.015em 0.05em #000, -0.005em -0.007em 0.002em #FFF; "
    +"opacity:"+oS+"; filter:alpha(opacity="+oIES+"); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity="+oIES+")'; "
    +"z-index:"+zS );
    userSymbol.innerHTML=me;
    document.getElementById('area').appendChild(userSymbol);
}

function insertSymbolFromSelect() {
	var list = document.getElementById("list");
	var userChoice = list.selectedIndex;
	insertSymbol(list.options[userChoice].id);
	list.selectedIndex='0';
}