Uncle Jims Web Designs: Drop-In Window

COPY - Insert Between Head Tags: <HEAD></HEAD>

updates=new Array()
//jan
updates[0]='Notes for January'
//feb
updates[1]='Notes for February'
//mar
updates[2]='Notes for March'
//apr
updates[3]='Notes for April'
//may
updates[4]='<a class="lined" href="#null" onclick="hide_whatsnew()" title="Dummy Link">Links</a> can be included in the display'
//jun
updates[5]='Notes for June'
//jul
updates[6]='<a class="lined" href="#null" onclick="hide_whatsnew()" title="Dummy Link">Links</a> can be included in the display'
//aug
updates[7]='Set how many previous months updates are show'
//sept
updates[8]='Link for manual recall at any time'
//oct
updates[9]='Automatically scrolls into view during the valid period.'
//nov
updates[10]='Keep your visitors informed of any late breaking news, events, or recent updates.'
//dec
updates[11]='Whats new information screen.'

months=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

show_days=30 // number of days to automatically show updates when page loads, 0 = never
show_months=6 // how many previous months updates to show

showing=0

function init_whatsnew(){
document.getElementById("update_list").innerHTML=""
// populate whats new screen with updates covering last 6 months
now=new Date() // todays date
mth=now.getMonth() // current month
year=now.getYear() // current year
for(i=0;i<show_months;i++){
if(mth<0){
mth=11
year--
}

is_updates=0

if(updates[mth]!=''){
document.getElementById("update_list").innerHTML+='<b>'+months[mth]+' '+year+'</b><br><br>'
document.getElementById("update_list").innerHTML+='<li>'+updates[mth]+'<br><br>'
is_updates=1
}
mth--
}

if(is_updates==0){ // if no updates
document.getElementById("show_new").style.visibility="hidden"
return
}

today=new Date().getTime()
last_mod=new Date(document.lastModified).getTime()
valid_period = last_mod + (1000 * 60 * 60 * 24 * show_days)

update_div=document.getElementById("w_n_update")

w_width=document.body.clientWidth
w_height=document.body.clientHeight

s_width=update_div.offsetWidth
s_height=update_div.offsetHeight

update_div.style.left=(w_width-s_width)/2
update_div.style.top=update_div.offsetTop-s_height

if(show_days!=0&&today<valid_period){
def_pos=parseInt(update_div.style.top)
top_pos=def_pos
low_pos=70 // top position layer scrolls down to in relation to page top (zero)
document.getElementById("w_n_update").style.visibility="visible"
show_whatsnew()
}

}

showme=""
hideme=""
function show_whatsnew(){
if (top_pos<low_pos){
top_pos+=30
update_div.style.top=top_pos
showme=setTimeout("show_whatsnew()",50)
}
else{
clearTimeout(showme)
}
showing=1
}

function hide_whatsnew(){
if(showing==0){return}
clearTimeout(showme)
if (top_pos>def_pos) {
top_pos-=50
update_div.style.top=top_pos
hideme=setTimeout("hide_whatsnew()",50)
}
else{
clearTimeout(hideme)
}
}

// add onload="init_whatsnew()" to the opening BODY tag

//--></script>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>