// *********************************************************************************************//
	// Mohammad Abdullah : created at : 15/06/2008 //
	// *********************************************************************************************//
	
	// Fill Drowp Down list Day , Month Year and save selected index of the list when  select Change 
	function SelectDate()
	{
		
		var SearchDateUrl;
		var cDate;
		var date = new Date();
		var d  = date.getDate();
		//var day = (d < 10) ? '0' + d : d;
		var m = date.getMonth() + 1;
		//var month = (m < 10) ? '0' + m : m;
		var yy = date.getYear();
		//var year = (yy < 1000) ? yy + 1900 : yy;

		cDate = d + "/" + m + "/" + yy;

		
		SearchDateUrl = cDate;
		

		LocationDate = SearchDateUrl;
		LocationDate = LocationDate.split("/");
		SelectedDay = LocationDate[0];
		SelectedMonth = LocationDate[1] - 1;
		SelectedYear = LocationDate[2];
		
		var selMonth = document.getElementById("selMonth")
		var selYear = document.getElementById("selYear")
		var selDay = document.getElementById("selDay")
		
		selMonth.options[SelectedMonth].selected = true ;
		
		var i;
		
		for(i=0;i < selYear.length;i++)
		{
			if(SelectedYear == selYear.options[i].value)
			{
				selYear.options[i].selected = true ;	
			}
		}
		
		
		//alert(selMonth.options[SelectedMonth].value)
		
		
		switch (SelectedMonth) 
		{
		case 1:
		if ((SelectedYear % 4 == 0 && SelectedYear % 100 != 0) || SelectedYear % 400 == 0)
			{
			lastDayInMonth = 29;
			} 
		else 
			{
			lastDayInMonth = 28;
			}
		break;
		
		case 3:
		lastDayInMonth = 30;
		break;
		
		case 5:
		lastDayInMonth = 30;
		break;
		
		case 8:
		lastDayInMonth = 30;
		break;
		
		case 10:
		lastDayInMonth = 30;
		break;
		
		default:
		lastDayInMonth = 31;
		break;
		}
		
		
		var html;
		html = "<SELECT class=dayDropList id=selDay>"
		for(i=1;i<=lastDayInMonth;i++)
		{
			if(i == SelectedDay )
			{
				html = html + "<OPTION SELECTED value=" + i + ">" + i + "</OPTION>"
			}
			else
			{
				html = html + "<OPTION value=" + i + ">" + i + "</OPTION>"
			}
			
		}
		html = html + "</SELECT>";
		
		document.getElementById("tdselDay").innerHTML = html;

	}
	
	
	// this function to fill day drowp down list with correct days ex : month 2 have 28 or 29 days ... etc 
	
	function SelectCorrectDay()
	{
		var SearchDateUrl;
		var cDate;
		var date = new Date();
		var d  = date.getDate();
		//var day = (d < 10) ? '0' + d : d;
		var m = date.getMonth() + 1;
		//var month = (m < 10) ? '0' + m : m;
		var yy = date.getYear();
		//var year = (yy < 1000) ? yy + 1900 : yy;

		cDate = d + "/" + m + "/" + yy;


		SearchDateUrl = cDate;
		
		  
		LocationDate = SearchDateUrl;
		LocationDate = LocationDate.split("/");
		//SelectedDay = LocationDate[0];
		//SelectedMonth = LocationDate[1] - 1;
		

		var selMonth = document.getElementById("selMonth");
		var selYear = document.getElementById("selYear");
		var selDay = document.getElementById("selDay");
		
		SelectedMonth = selMonth.selectedIndex;
		SelectedYear = selYear.options(selYear.selectedIndex).value
		
		SelectedDay = selDay.selectedIndex + 1;
		
		
		var i;
		
		for(i=0;i < selYear.length;i++)
		{
			if(SelectedYear == selYear.options[i].value)
			{
				selYear.options[i].selected = true ;	
			}
		}

		switch (SelectedMonth) 
		{
		case 1:
		if ((SelectedYear % 4 == 0 && SelectedYear % 100 != 0) || SelectedYear % 400 == 0)
			{
			lastDayInMonth = 29;
			} 
		else 
			{
			lastDayInMonth = 28;
			}
		break;
		
		case 3:
		lastDayInMonth = 30;
		break;
		
		case 5:
		lastDayInMonth = 30;
		break;
		
		case 8:
		lastDayInMonth = 30;
		break;
		
		case 10:
		lastDayInMonth = 30;
		break;
		
		default:
		lastDayInMonth = 31;
		break;
		}
		
		
		var html;
		html = "<SELECT class=dayDropList id=selDay>"
		for(i=1;i<=lastDayInMonth;i++)
		{
			if(i == SelectedDay )
			{
				html = html + "<OPTION SELECTED value=" + i + ">" + i + "</OPTION>"
			}
			else
			{
				html = html + "<OPTION value=" + i + ">" + i + "</OPTION>"
			}
			
		}
		html = html + "</SELECT>";
		
		document.getElementById("tdselDay").innerHTML = html;
	}
	
	
	// we have 2 area of search , this function to the second area called HeaderSearchPDF
	// and have same function of first one

	function SelectDateHeader(SelectedDate)
	{
		
		var SearchDateUrl;
		var cDate;
		var date = new Date();
		var d  = date.getDate();
		//var day = (d < 10) ? '0' + d : d;
		var m = date.getMonth() + 1;
		//var month = (m < 10) ? '0' + m : m;
		var yy = date.getYear();
		//var year = (yy < 1000) ? yy + 1900 : yy;
		
		if(SelectedDate == null || SelectedDate == "undefined")
		{
			cDate = d + "/" + m + "/" + yy;
		}
		else
		{
			cDate = SelectedDate
		}

		

		
		SearchDateUrl = cDate;
		

		LocationDate = SearchDateUrl;
		LocationDate = LocationDate.split("/");
		SelectedDayHeader = LocationDate[0];
		SelectedMonthHeader = LocationDate[1] - 1;
		SelectedYearHeader = LocationDate[2];
		
		var selMonthHeader = document.getElementById("selMonthHeader")
		var selYearHeader = document.getElementById("selYearHeader")
		var selDayHeader = document.getElementById("selDayHeader")
		
		selMonthHeader.options[SelectedMonthHeader].selected = true ;
		
		var i;
		
		for(i=0;i < selYearHeader.length;i++)
		{
			if(SelectedYearHeader == selYearHeader.options[i].value)
			{
				selYearHeader.options[i].selected = true ;	
			}
		}
		
		
		//alert(selMonth.options[SelectedMonth].value)
		
		
		switch (SelectedMonthHeader) 
		{
		case 1:
		if ((SelectedYearHeader % 4 == 0 && SelectedYearHeader % 100 != 0) || SelectedYearHeader % 400 == 0)
			{
			lastDayInMonthHeader = 29;
			} 
		else 
			{
			lastDayInMonthHeader = 28;
			}
		break;
		
		case 3:
		lastDayInMonthHeader = 30;
		break;
		
		case 5:
		lastDayInMonthHeader = 30;
		break;
		
		case 8:
		lastDayInMonthHeader = 30;
		break;
		
		case 10:
		lastDayInMonthHeader = 30;
		break;
		
		default:
		lastDayInMonthHeader = 31;
		break;
		}
		
		
		var htmlHeader;
		htmlHeader = "<SELECT class=dayDropList id=selDayHeader>"
		for(i=1;i<=lastDayInMonthHeader;i++)
		{
			if(i == SelectedDayHeader )
			{
				htmlHeader = htmlHeader + "<OPTION SELECTED value=" + i + ">" + i + "</OPTION>"
			}
			else
			{
				htmlHeader = htmlHeader + "<OPTION value=" + i + ">" + i + "</OPTION>"
			}
			
		}
		htmlHeader = htmlHeader + "</SELECT>";
		
		document.getElementById("tdselDayHeader").innerHTML = htmlHeader;

	}
	
	function SelectCorrectDayHeader()
	{
		
		var SearchDateUrl;
		var cDate;
		var date = new Date();
		var d  = date.getDate();
		//var day = (d < 10) ? '0' + d : d;
		var m = date.getMonth() + 1;
		//var month = (m < 10) ? '0' + m : m;
		var yy = date.getYear();
		//var year = (yy < 1000) ? yy + 1900 : yy;

		cDate = d + "/" + m + "/" + yy;


		SearchDateUrl = cDate;
		
		  
		LocationDate = SearchDateUrl;
		LocationDate = LocationDate.split("/");
		//SelectedDay = LocationDate[0];
		//SelectedMonth = LocationDate[1] - 1;
		

		var selMonthHeader = document.getElementById("selMonthHeader");
		var selYearHeader = document.getElementById("selYearHeader");
		var selDayHeader = document.getElementById("selDayHeader");
		
		SelectedMonthHeader = selMonthHeader.selectedIndex;
		SelectedYearHeader = selYearHeader.options(selYearHeader.selectedIndex).value
		
		SelectedDayHeader = selDayHeader.selectedIndex + 1;
		
		
		var i;
		
		for(i=0;i < selYearHeader.length;i++)
		{
			if(SelectedYearHeader == selYearHeader.options[i].value)
			{
				selYearHeader.options[i].selected = true ;	
			}
		}

		switch (SelectedMonthHeader) 
		{
		case 1:
		if ((SelectedYearHeader % 4 == 0 && SelectedYearHeader % 100 != 0) || SelectedYearHeader % 400 == 0)
			{
			lastDayInMonthHeader = 29;
			} 
		else 
			{
			lastDayInMonthHeader = 28;
			}
		break;
		
		case 3:
		lastDayInMonthHeader = 30;
		break;
		
		case 5:
		lastDayInMonthHeader = 30;
		break;
		
		case 8:
		lastDayInMonthHeader = 30;
		break;
		
		case 10:
		lastDayInMonthHeader = 30;
		break;
		
		default:
		lastDayInMonthHeader = 31;
		break;
		}
		
		
		var htmlHeader;
		htmlHeader = "<SELECT class=dayDropList id=selDayHeader>"
		for(i=1;i<=lastDayInMonthHeader;i++)
		{
			if(i == SelectedDayHeader )
			{
				htmlHeader = htmlHeader + "<OPTION SELECTED value=" + i + ">" + i + "</OPTION>"
			}
			else
			{
				htmlHeader = htmlHeader + "<OPTION value=" + i + ">" + i + "</OPTION>"
			}
			
		}
		htmlHeader = htmlHeader + "</SELECT>";
		
		document.getElementById("tdselDayHeader").innerHTML = htmlHeader;
	}
	
	

	// submit search and send search date value to the asp page
	
	function GetPdfResultHeader()
	{
		var selMonthHeader = document.getElementById("selMonthHeader");
		var selYearHeader = document.getElementById("selYearHeader");
		var selDayHeader = document.getElementById("selDayHeader");
		
		var d,m,y,SearchDateHeader
		
		d = selDayHeader.options[selDayHeader.selectedIndex].value;
		m = selMonthHeader.options[selMonthHeader.selectedIndex].value;
		y = selYearHeader.options[selYearHeader.selectedIndex].value;
		
		
		SearchDateHeader = d + "/" + m + "/" + y ; 
		
		//var  hrefVal ;
		//hrefVal = "/site/topics/pdfResult.asp?cu_no=2&SearchDate=" + escape(SearchDate) ;
		//window.location.href= hrefVal ;
		
		SubmitData(SearchDateHeader);
				
	}
	
	
	function GetPdfResult()
	{
		var selMonth = document.getElementById("selMonth");
		var selYear = document.getElementById("selYear");
		var selDay = document.getElementById("selDay");
		
		var d,m,y,SearchDate
		
		d = selDay.options[selDay.selectedIndex].value;
		m = selMonth.options[selMonth.selectedIndex].value;
		y = selYear.options[selYear.selectedIndex].value;
		
		
		SearchDate = d + "/" + m + "/" + y ; 
		
		//var  hrefVal ;
		//hrefVal = "/site/topics/pdfResult.asp?cu_no=2&SearchDate=" + escape(SearchDate) ;
		//window.location.href= hrefVal ;
		
		SubmitData(SearchDate);
				
	}

	function ShowSearchDRB()
	{
		document.getElementById("SearchDRB").style.display = "block" ;
	}
	
	// for create Ajax XmlObject
	 function GetXmlHttpObject()
		{ 
			var objXMLHttp=null;
			
			if (window.XMLHttpRequest)
			{
				objXMLHttp=new XMLHttpRequest();
			}
			else if (window.ActiveXObject)
			{
				objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			
			return objXMLHttp;
		}
		
		// this function request data requried 2 variable 
		// first one : Search Date 
		// Second : used for paging , if it dosn't exist --> we request page 1
		
		function SubmitData(SearchDatePDF , PageNo)
			{
				var SearchDatePDF = SearchDatePDF
				var PageNo = PageNo ;
				
				if(PageNo)
				{
					PageNo = PageNo ;
				}
				else
				{
					PageNo = 1 ;
				}
				
				var qString = "?SearchDate=" + SearchDatePDF + "&PageNo=" + PageNo;
				var url="/site/topics/pdfResult.asp";
				url += qString;
				//window.open(url)
				xmlHttp = GetXmlHttpObject();
						
				if(xmlHttp==null)
				{
					alert("No support for AJAX");
					return;
				}
				SelectDateHeader(SearchDatePDF);	
				xmlHttp.onreadystatechange = GetNameResult;
				xmlHttp.open("GET",url,true);
				xmlHttp.send(null);
			}
			
			
			// this function used to display result table and hide the calendar table
			
			function GetNameResult()
			{
				
				var str;
				str = "<table width=100% height=300><tr><td valign=middle align=center>" ;
				str = str + "<img  src='/site/images/GulfAjaxLoading.gif' />";
				str = str + "</td></tr></table>";
				document.getElementById("PDFResult").innerHTML = str;
				//objHTTPRequest.responseText
				//PDFCalendar
				
				document.getElementById("PDFResult").style.display = "block" ;
				document.getElementById("PDFCalendar").style.display = "none" ;
				document.getElementById("PDFResult").innerHTML = xmlHttp.responseText;
				document.getElementById("SearchDRBHeader").style.display = "block" ;
				
				
				
			}
			
			function BackPDFHome()
			{
				document.getElementById("PDFCalendar").style.display = "block" ;
				document.getElementById("PDFResult").style.display = "none" ;
				document.getElementById("SearchDRBHeader").style.display = "none" ;
				document.getElementById("SearchDRB").style.display = "none" ;
			}