//Preload images
arrow_down      = new Image(20,20); 
arrow_down.src  ="./images/arrow_down.png";
question_hover      = new Image(5,7); 
question_hover.src  ="./images/question_hover.png";
folder_open      = new Image(16,16); 
folder_open.src  ="./images/folder_open.png"

//Drop-down menu functions
var articles = 0
var files = 0
var sites = 0
var personal = 0
var gimp = 0
var tq = 0
var oldsites = 0

function showhidearticles() {
    var articlesObject = document.getElementById('articles_sub')
    var arrowObject = document.getElementById("art_arrows")
    if (articles == 0) {
        articlesObject.style.display = 'block';
        articles = 1
        arrowObject.src='./images/arrow_down.png';
    }
    else {
        articlesObject.style.display = 'none';
        articles = 0
        arrowObject.src='./images/arrow.png';
    }
}
function showhidefiles() {
    var filesObject = document.getElementById('files_sub')
    var arrowObject = document.getElementById("fil_arrows")
    if (files == 0) {
        filesObject.style.display = 'block';
        files = 1
        arrowObject.src='./images/arrow_down.png';
    }
    else {
        filesObject.style.display = 'none';
        files = 0
        arrowObject.src='./images/arrow.png';
    }
}
function showhidesites() {
    var sitesObject = document.getElementById('sites_sub')
    var arrowObject = document.getElementById("sit_arrows")
    if (sites == 0) {
        sitesObject.style.display = 'block';
        sites = 1
        arrowObject.src='./images/arrow_down.png';
    }
    else {
        sitesObject.style.display = 'none';
        sites = 0
        arrowObject.src='./images/arrow.png';
    }
}
function showhidepersonal() {
    var personalObject = document.getElementById('personal_sub')
    var folderObject = document.getElementById("personal_folder")
    if (personal == 0) {
        personalObject.style.display = 'block';
        personal = 1
        folderObject.src='./images/folder_open.png';
    }
    else {
        personalObject.style.display = 'none';
        personal = 0
        folderObject.src='./images/folder.png';
    }
}
function showhidetq() {
    var tqObject = document.getElementById('tq_sub')
    var folderObject = document.getElementById("tq_folder")
    if (tq == 0) {
        tqObject.style.display = 'block';
        tq = 1
        folderObject.src='./images/folder_open.png';
    }
    else {
        tqObject.style.display = 'none';
        tq = 0
        folderObject.src='./images/folder.png';
    }
}
function showhidegimp() {
    var gimpObject = document.getElementById('gimp_sub')
    var folderObject = document.getElementById("gimp_folder")
    if (gimp == 0) {
        gimpObject.style.display = 'block';
        gimp = 1
        folderObject.src='./images/folder_open.png';
    }
    else {
        gimpObject.style.display = 'none';
        gimp = 0
        folderObject.src='./images/folder.png';
    }
}
function showhideoldsites() {
    var oldsitesObject = document.getElementById('oldsites_sub')
    var arrowObject = document.getElementById("art_arrows")
    if (articles == 0) {
        oldsitesObject.style.display = 'block';
        oldsites = 1
        arrowObject.src='./images/arrow_down.png';
    }
    else {
        oldsitesObject.style.display = 'none';
        oldsites = 0
        arrowObject.src='./images/arrow.png';
    }
}
//Overlay function
var overlay = 0
function initoverlay(url) {
  var overlayObject = document.getElementById('overlay')
  if (overlay == 0) {
    overlay = 1
    overlayObject.style.display = 'block';
    document.getElementById('infoframe').src = url
    document.body.style.overflow = 'hidden';
  }
  else {
    overlay = 0
    overlayObject.style.display = 'none';
    document.getElementById('infoframe').src = './loading.html'
    document.body.style.overflow = 'visible';
  }
}

//Count-down Script

/*
Count down until any date script-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
//change the text below to reflect your own,
var before="the Thinkquest winners are announced!"
var current="The Thinkquest winners are announced today!"
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}