function countDown() {
       // Check client time
   	var now = new Date();
        var ie4 = (document.all)? true:false;
        var ns4 = (document.layers)? true:false
        
	for (var n=0;n<praytime.length; n++) {
        if (ie4){
	   var prayTime = new Date(now.getYear(),now.getMonth(),now.getDate(),praytime[n].hour,praytime[n].minute,0);
        }else{
      var prayTime = new Date(now.getYear()+1900,now.getMonth(),now.getDate(),praytime[n].hour,praytime[n].minute,0);     
      }
           var diff = prayTime.getTime() - now.getTime();
           var sec = Math.floor(diff/1000);
           var min = Math.floor(sec/60);
	   var hour = Math.floor(min/60)
           var chour = hour%24
           var cmin  = min%60
           var csec  = sec%60

           if (diff >= 0 ) {
              var k = n;
              break;
           } else {
              var k = n+1;
           }
    	}
        if (k==0) {
           var strheader = "Remaining " + praytime[n+5].name
              //document.write(strheader)
           }
           if (k==1) { // After Subuh before Syuruk
              var strheader = "Remaining " + praytime[n-1].name
           }
           if (k==2) { // After Syuruk before Zohor
              var strheader = "Time to " + praytime[n].name
           }
           if (k==3) { // After Zohor before Asar
              var strheader = "Remaining " + praytime[n-1].name
           }
	   if (k==4) { //After Asar before Maghrib
              var strheader = "Remaining " + praytime[n-1].name
           }
           if (k==5) {
              var strheader = "Remaining " + praytime[n-1].name
           }
	   if (k==6) {
              var strheader = "Remaining " + praytime[n-1].name

	      var prayTime = new Date(now.getYear(),now.getMonth(),now.getDate()+1,praytime[0].hour,praytime[0].minute,0)
               var diff = prayTime.getTime() - now.getTime()
               var sec = Math.floor(diff/1000)
               var min = Math.floor(sec/60)
               var hour = Math.floor(min/60)
               var chour = hour%24
               var cmin  = min%60
               var csec  = sec%60
           }
           
        //Added by Rafhan
        strheader += "-"+k
        var label="label+k";
	var strtimer = ""
        if (chour<10) {
	strtimer = strtimer + " ";
        }
        strtimer = strtimer + chour + ":";
        if (cmin<10) {
	strtimer  = strtimer + "0";
        }
        strtimer = strtimer + cmin + ":";
        if (csec<10) {
	strtimer  = strtimer + "0";
        }
        strtimer = strtimer + csec;


        ie4 = (document.all)? true:false
        if (ie4) {
	//      header.innerHTML = strheader;
	      
              timer.innerHTML = "<SPAN CLASS=\"ctimer\"><b><center>"+strtimer+"</center></b></SPAN>";

           //Resetting layers
           label0.innerHTML = "<SPAN CLASS=\"city\"><b><center>Subuh</center></b></SPAN>";
           label1.innerHTML = "<SPAN CLASS=\"city\"><b><center>Syuruk</center></b></SPAN>";
           label2.innerHTML = "<SPAN CLASS=\"city\"><b><center>Zohor</center></b></SPAN>";
           label3.innerHTML = "<SPAN CLASS=\"city\"><b><center>Asar</center></b></SPAN>";
           label4.innerHTML = "<SPAN CLASS=\"city\"><b><center>Maghrib</center></b></SPAN>";
           label5.innerHTML = "<SPAN CLASS=\"city\"><b><center>Isyak</center></b></SPAN>";
           label0.style.backgroundColor = "#EBECE9" 
           label1.style.backgroundColor = "#EBECE9" 
           label2.style.backgroundColor = "#EBECE9" 
           label3.style.backgroundColor = "#EBECE9" 
           label4.style.backgroundColor = "#EBECE9" 
           label5.style.backgroundColor = "#EBECE9" 
           
           //Setting layers
           if (k==0){
           	label5.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Isyak</center></b></SPAN>";
                label5.style.backgroundColor = "#EBECE9"
           }
	   if (k==1){
           	label0.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Subuh</center></b></SPAN>";           	
                label0.style.backgroundColor = "#EBECE9"
           }
	   if (k==2){
           	label1.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Syuruk</center></b></SPAN>";           	
                label1.style.backgroundColor = "#EBECE9"
           }
	   if (k==3){
           	label2.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Zohor</center></b></SPAN>";           	
                label2.style.backgroundColor = "#EBECE9"
           }
	   if (k==4){
           	label3.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Asar</center></b></SPAN>";           	
                label3.style.backgroundColor = "#EBECE9"
           }
	   if (k==5){
           	label4.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Maghrib</center></b></SPAN>";           	
                label4.style.backgroundColor = "#EBECE9"
           }
	   if (k==6){
           	label5.innerHTML = "<SPAN CLASS=\"selected\"><b><center>Isyak</center></b></SPAN>";           	
                label5.style.backgroundColor = "#EBECE9"
           }           
           
           
           
           
           
              
           }
        if (ns4) {
        //document.layers["header"].document.open()
        //document.layers["header"].document.write("<span class=\"cheader\"><strong>"+strheader+"</strong></span>")
        //document.layers["header"].document.close()    
        document.layers["timer"].document.open()
        document.layers["timer"].document.write("<span class=\"ctimer\"><b>"+strtimer+"</b></span>")
        document.layers["timer"].document.close()               	
        }/*
	   else {
              document.countdown.header.value = strheader;
              document.countdown.timer.value  = strtimer;
           }
        */

	timerID = setTimeout("countDown()",1000)

       }