var piccount1=12;
var piccount2=10;
var piccount3=8;

var pn1=1;
var pn2=1;
var pn3=1;
var pw;

var slidedelay=8000;


function initrandompics()
{
    pn1=1+Math.floor(Math.random()*piccount1);if (pn1>piccount1) pn1=piccount1;
    document.getElementById("headerpic1").src="pics/TN1/TN1_"+pn1+".jpg";

    pn2=1+Math.floor(Math.random()*piccount2);if (pn2>piccount1) pn2=piccount2;
    document.getElementById("headerpic2").src="pics/TN2/TN2_"+pn2+".jpg";

    pn3=1+Math.floor(Math.random()*piccount3);if (pn3>piccount3) pn3=piccount3;
    document.getElementById("headerpic3").src="pics/TN3/TN3_"+pn3+".jpg";
    
}

function setopacity(el, frac)
{  
    el.style.opacity=frac;
    el.style.filter="alpha(opacity="+100*frac+")";
}

function increasepw()
{
    pw=pw+2;
    pic1=document.getElementById("headerpic1");
    pic2=document.getElementById("headerpic2");
    pic3=document.getElementById("headerpic3");
    setopacity(pic1,pw/100);
    setopacity(pic2,pw/100);
    setopacity(pic3,pw/100);
    if (pw<100) setTimeout("increasepw()",20);
    else
    {
        setTimeout("decreasepw()",slidedelay);
    }
}


function decreasepw()
{
    pw=pw-2;
    pic1=document.getElementById("headerpic1");
    pic2=document.getElementById("headerpic2");
    pic3=document.getElementById("headerpic3");
    setopacity(pic1,pw/100);
    setopacity(pic2,pw/100);
    setopacity(pic3,pw/100);
    if (pw>0) setTimeout("decreasepw()",20);
    else
    {
        pn1=pn1+1;if (pn1>piccount1) pn1=1;
        pn2=pn2+1;if (pn2>piccount2) pn2=1;
        pn3=pn3+1;if (pn3>piccount3) pn3=1;
        pic1.src="pics/TN1/TN1_"+pn1+".jpg";
        pic2.src="pics/TN2/TN2_"+pn2+".jpg";
        pic3.src="pics/TN3/TN3_"+pn3+".jpg";
        pw=0;
        increasepw();
    }
}

function load()
{
    pw=100;
    setTimeout("decreasepw()",slidedelay);


    setTimeout("refreshtimer()",30000);
}


function reloadimage(imageid)
{
    document.getElementById(imageid).src = document.getElementById(imageid).src+ '?' + (new Date()).getTime();
}

function refreshtimer()
{
    reloadimage("PanelMeteo");
    reloadimage("PanelWebCam");
    setTimeout("refreshtimer()",10000);
}



function InfoMouseOver() {
    document.getElementById("infobutton").style.background="#6060B0";
}

function InfoMouseOut() {
    document.getElementById("infobutton").style.background="#151570";
}


function astroinfo() {
    var newstatus = "visible";
    if (document.getElementById("astroinfo1").style.visibility=="visible") newstatus="hidden";
    document.getElementById("astroinfo1").style.visibility=newstatus;
    document.getElementById("astroinfo2").style.visibility=newstatus;
    document.getElementById("astroinfo3").style.visibility=newstatus;
    document.getElementById("astroinfo4").style.visibility=newstatus;
}