<!-- Begin
//  SET ARRAYS


function agenda(tgl,nama,link) 
 {   this.tgl=tgl;
     this.nama=nama.replace(/~/gi, "<br>"); 
//     this.nama=nama;
     this.link=link;
 }

var kegiatan = new Array();
kegiatan.push(new agenda("1-7-2004","Camping gunung merbabu jkhjkwhejkwh ehwjk ehjkwh ejkhw kje hkjh","hitam.html"));
kegiatan.push(new agenda("2-7-2004","17:00 - 18:45 ~ Arung Jeram di Kali Code","hitam.html"));
kegiatan.push(new agenda("6-8-2004","Mendaki Gunung Kidul","hitam.html"));
kegiatan.push(new agenda("16-7-2004","Marlboro Adventure Team","hitam.html"));
kegiatan.push(new agenda("30-7-2004","Camping hitam","hitam.html"));
kegiatan.push(new agenda("26-7-2004","Mendaki Argo Podo","hitam.html"));
kegiatan.push(new agenda("11-6-2004","Tiduran","dirumah.html"));


function showtip2(current,e,nilai){

  ntgl=kegiatan[nilai].tgl.replace(/-/gi, "/"); 
  if (document.all&&document.readyState=="complete"){
    document.all.tooltip2.innerHTML='<table class=hint border=0><tr><td><b>'+ntgl+'</b><br>'+kegiatan[nilai].nama+'</tr></table>'
    document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft-220
    document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+20
    document.all.tooltip2.style.visibility="visible"
}
  else if (document.layers){
    document.tooltip2.document.nstip.document.write('<table class=hint border=0><tr><td><b>'+ntgl+'</b><br>'+kegiatan[nilai].nama+'</tr></table>')
//    document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
    document.tooltip2.document.nstip.document.close()
    document.tooltip2.document.nstip.left=0
    currentscroll=setInterval("scrolltip()",100)
    document.tooltip2.left=e.pageX+10
    document.tooltip2.top=e.pageY+10
    document.tooltip2.visibility="show"
}
}

function hidetip2(){
  if (document.all)
    document.all.tooltip2.style.visibility="hidden"
    else if (document.layers){
    clearInterval(currentscroll)
    document.tooltip2.visibility="hidden"
}
}


var day_of_week = new Array('S','M','T','W','T','F','S');
var month_of_year = new Array('January','February','March','April','May','June','July','August','September','October','November','December');

 function tes(tahhun,bullan)
 {


//  DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();

var year = Calendar.getYear();	    // Returns year
var month = Calendar.getMonth();    // Returns month (0-11)
var today = Calendar.getDate();    // Returns day (1-31)
var weekday = Calendar.getDay();    // Returns day (1-31)
var toda=''+today+'-'+month+'-'+year;

var DAYS_OF_WEEK = 7;    // "constant" for number of days in a week
var DAYS_OF_MONTH = 31;    // "constant" for number of days in a month
var cal;    // Used for printing
var DAYS_OF_WEEKe = 5;
Calendar.setDate(1);    // Start the calendar day at '1'

if (bullan == null)
{ Calendar.setMonth(month);    // Start the calendar month at now
}
else Calendar.setMonth(bullan);

if (tahhun == null)
{ Calendar.setYear(year);    // Start the calendar month at now
}
else Calendar.setYear(tahhun);

/* VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
      tags to customize your caledanr's look. */

var TR_start = '<TR>';
var TR_end = '</TR>';
//var k_m = '<TD WIDTH="17"><TABLE style="font-size:7pt; font-family:Arial;" CELLSPACING=0 CELLPADDING=0 BORDER=0 BGCOLOR=00aa00><TR><TD WIDTH=17><B><CENTER>';
//var k_t   = '</CENTER></TD></TR></TABLE></B>';

var highlight_start = '<TD WIDTH="17"><TABLE style="font-size:7pt; font-family:Arial; color:#0000ff" CELLSPACING=0 CELLPADDING=0 BGCOLOR=00bb00 BORDERCOLOR=00bb00><TR><TD WIDTH=13><B><CENTER>';
var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="17" align=center>';
var TD_end = '</TD>';

/* BEGIN CODE FOR CALENDAR
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
tags to customize your calendar's look.*/

cal =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
cal += '<TABLE style="font-size:7pt; font-family:Arial; color:#bbbbbb" BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;

kth=Calendar.getYear();
nth=Calendar.getYear();
if (Calendar.getMonth() == 0) {kbul=11; kth--;}
else {kbul=Calendar.getMonth()-1;}
if (Calendar.getMonth() == 11) {nbul=0; nth++;}
else {nbul=Calendar.getMonth()+1;}

cal += '<TD BGCOLOR="#EFEFEF" align=left>';
cal += '<input class=kal type=button onclick=tes(kth,kbul) value="<<<">' + TD_end;

cal += '<TD style="font-size:9pt; color:#000000" COLSPAN="' + DAYS_OF_WEEKe + '" BGCOLOR="#EFEFEF"><CENTER><B>';
cal += '<u>'+month_of_year[Calendar.getMonth()]  + '</u><br>' + Calendar.getYear() + '</B>' + TD_end;

cal += '<TD BGCOLOR="#EFEFEF" align=center>';
cal += '<input class=kal type=button onclick=tes(nth,nbul) value=">>>">' + TD_end+ TR_end;

cal += TR_start;

//   DO NOT EDIT BELOW THIS POINT  //

// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{

// BOLD TODAY'S DAY OF WEEK
if(weekday == index)
cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;

// PRINTS DAY
else
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

function ada(tang)
{
 var he=10000;  
  for (i=0; i < kegiatan.length; i++)
  {
   if(kegiatan[i].tgl==tang){
    he=i;
   }
  }
 return he;
}

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + '  ' + TD_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
  // RETURNS THE NEXT DAY TO PRINT
  week_day =Calendar.getDay();

  // START NEW ROW FOR FIRST DAY OF WEEK
  if(week_day == 0)
  cal += TR_start;

  if(week_day != DAYS_OF_WEEK)
  {

  // SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
  var day  = Calendar.getDate();

  var aa=Calendar.getDate();
  var ab=Calendar.getMonth()+1;
  var ac=Calendar.getYear();
  var at=''+aa+'-'+ab+'-'+ac;
  a=ada(at);
  // HARI ADA EVENT

  if (( a!=10000) && ( toda==(''+Calendar.getDate()+'-'+Calendar.getMonth()+'-'+Calendar.getYear())))
 {
 cal += highlight_start + day +'<br><a href="'+kegiatan[a].link+'" onMouseover=showtip2(this,event,'+a+'); onMouseOut=hidetip2();><img border=0 src=gambar/events1.gif></a>'+ highlight_end + TD_end;
}

  else if ( a!=10000) {
//  cal += k_m + '<a href="'+kegiatan[a].link+'" title="'+kegiatan[a].nama+'" >' + day + '</a>' + highlight_end + TD_end;
//  cal += k_m + '<a href="'+kegiatan[a].link+'" onMouseover=showtip2(this,event,"'+kegiatan[a].tgl+'","'+kegiatan[a].nama+'"); onMouseOut=hidetip2();>' + day + '</a>' + highlight_end + TD_end;
//  cal += k_m + '<a href="'+kegiatan[a].link+'" onMouseover=showtip2(this,event,'+a+'); onMouseOut=hidetip2();>' + day + '</a>' + highlight_end + TD_end;
  cal += TD_start + day + '<br> <a href="'+kegiatan[a].link+'" onMouseover=showtip2(this,event,'+a+'); onMouseOut=hidetip2();><img border=0 src=gambar/events1.gif></a>' +  TD_end;
  }

  // HIGHLIGHT TODAY'S DATE
//  else if( today==Calendar.getDate() )
  else if ( toda==(''+Calendar.getDate()+'-'+Calendar.getMonth()+'-'+Calendar.getYear()))
 {
 cal += highlight_start + day +'<br><img border=0 src=gambar/events0.gif>'+ highlight_end + TD_end;
}
  // PRINTS DAY
  else
  cal += TD_start + day +'<br><img border=0 src=gambar/events0.gif>'+ TD_end;
  }

  // END ROW FOR LAST DAY OF WEEK
  if(week_day == DAYS_OF_WEEK)
  cal += TR_end;
  }

  // INCREMENTS UNTIL END OF THE MONTH
  Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

//  PRINT CALENDAR
//document.write(cal);
document.all.kal.innerHTML=cal;

/*
tambahin parameter berikut pada "<td>" sebelah kiri iklan
align=right
jadinya : <td align=right>

tulisan dibawah ini dikopikan ke body
<div id="tooltip2" style="position:absolute;visibility:hidden; clip:rect(4 200 60 0); width:60px; height:100px; background-color:white;z-index:10; border-bottom:5px"></div>
*/

//  End -->
}