var xmlDoc;
// code for IE
if (window.ActiveXObject)
	{
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	}
	// code for Mozilla, Firefox, Opera, etc.
	else {
				if (document.implementation.createDocument)
					{
						xmlDoc=document.implementation.createDocument("","",null);
					}
					else
					{
						alert('Sorry but your browser cannot handle this script technology.\n\nPlease use: IE, Mozilla, Firefox, Opera.');
					}
	}

var month=new Array('January','February','March','April','May','June','July', 'August','September','October','November','December')
var mmm=new Array('Jan','Feb','Mar','Apr','May','Jun','Jul', 'Aug','Sep','Oct','Nov','Dec')
var day=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday')

var today=new Date()
var tday=today.getDay()			//0=sun, 1=mon, 2=tue, 3=wed, 4=thu, 5=fri, 6=sat
var tdat=today.getDate()		//1 to 31
var tmon=today.getMonth() //0=jan; 1=feb; 2=mar... to 11=dec
var tyyyy=today.getYear()

var i=0;
var x=0;
var select="";
var current;

//loading by default amd to make var fields global 
xml = "twfyt.xml";
xmlDoc.async=false;
xmlDoc.load(xml);
var xdate=xmlDoc.getElementsByTagName("date");
var xword=xmlDoc.getElementsByTagName("word");
var xtitle=xmlDoc.getElementsByTagName("title");
var xmsg=xmlDoc.getElementsByTagName("message");

loaddoc(tmon);

function selectdoc(mm){
	mm=mm*1;
			if (mm==0){select="12-02";}
			if (mm==1){select="12-02";}
			if (mm==2){select="03-05";}
			if (mm==3){select="03-05";}
			if (mm==4){select="03-05";}
			if (mm==5){select="06-08";}
			if (mm==6){select="06-08";}
			if (mm==7){select="06-08";}
			if (mm==8){select="09-11";}
			if (mm==9){select="09-11";}
			if (mm==10){select="09-11";}
			if (mm==11){select="12-02";}
}

function loaddoc(mm)
{
			selectdoc(mm);

			xml = "twfyt_" + select + ".xml";

			xmlDoc.load(xml);
			xdate=xmlDoc.getElementsByTagName("date");
			xword=xmlDoc.getElementsByTagName("word");
			xtitle=xmlDoc.getElementsByTagName("title");
			xmsg=xmlDoc.getElementsByTagName("message");

			// to display current date devotional by default
			i=0; match=9999;

			for (i=0; i<xdate.length; i++)
			{
					strdate = xdate[i].childNodes[0].nodeValue;

					//The search() method returns the position of the specified value in the string. If no match was found it returns -1.

					strmon =  month[mm];

				  match = strdate.search(strmon);

					if (match > -1)
					{
							if (tmon == mm) //if current month (tmon) to display the current day of the month, if not selected month default day = 1
							{
								i = (i + tdat)-1; //current date of the month
							}
							display();
							break;
					}

			}//end for
}

function previous()
{
	if (i>0)
		{
			i--;
			display();
		}
}

function next()
{
	if (i<xdate.length-1)
		{
			i++;
			display();
		}
}

function display()
{
		var d=xdate[i].childNodes[0].nodeValue;
		var w=xword[i].childNodes[0].nodeValue;
		var t=xtitle[i].childNodes[0].nodeValue;
		var m=xmsg[i].childNodes[0].nodeValue;

		var tbl = '';
		tbl += '<div >';
		tbl += '<table  width="500" align="center" cellpadding="0" cellspacing="2" border="0" >';
		tbl += '<tr>';
		tbl += '<td width=160 valign=top>';
		tbl += '				<img src="images/twfyt_title.jpg" border="0">';
		tbl += '</td>';

		tbl += '<td width=340 valign=top style="padding-left:15px; padding-top:0px;">';
		tbl +=					'<b>'+ d +'</b><br>';
		tbl +=					'<br>'+ w +'<br>';
		tbl +=					'<br><b>'+ t +'</b><br>';
		tbl += '</td>';
		tbl += '</tr>	';

		tbl += '<tr>';
		tbl += '<td width=500 colspan=2>';
		tbl +=					'<div align=right nowarp><br>';
		tbl +=					'	<a href=`javascript: loaddoc("11");`>»DEC</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("0");`>»JAN</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("1");`>»FEB</a>&nbsp;|&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("2");`>»MAR</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("3");`>»APR</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("4");`>»MAY</a>&nbsp;|&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("5");`>»JUN</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("6");`>»JUL</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("7");`>»AUG</a>&nbsp;|&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("8");`>»SEP</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("9");`>»OCT</a>&nbsp;';
		tbl +=					'	<a href=`javascript: loaddoc("10");`>»NOV</a>&nbsp;';

		tbl +=					'	<input type="button" onclick="previous();" value="  «  " title="previous day" style="cursor:hand; font-size:9px; "/>';
		tbl +=					'	<input type="button" onclick="next();"        value="  »  " title="next day      " style="cursor:hand; font-size:9px; "/>';
		tbl +=					'</div>';
		tbl += '</td>';
		tbl += '</tr>	';

		tbl += '</table>	';
		tbl += '</div>	';
											
		img="'images/twfyt_cover_"+select+".jpg'";

		tbl += '<div style="background:url('+img+') repeat-x top right; ">';
		tbl += '<table  width="500" align="center" cellpadding="0" cellspacing="2" border="0" >';
		tbl += '<tr>';
		tbl += '<td width=500 height=450 valign=top style="padding-right:90px;">';
		tbl +=					'<br><font color="#000066">'+ m +'</font><br>';
		tbl += '</td>';
		tbl += '</tr>	';

		tbl += '</table>	';
		tbl += '</div>	';

  	document.getElementById("show").innerHTML=tbl;

}