var findPopup = null;
var findByDatePopup = null;

	
	function CloseFindWindow(){
		if (findPopup) {
			findPopup.hide();
			delete findPopup;		
			findPopup = null;
		}
		if (findByDatePopup) {
			findByDatePopup.hide();
			delete findByDatePopup;		
			findByDatePopup = null;
		}
	}

	function CreateFindPopup(elementId, searchby,  xOffset){
		if (findPopup || findByDatePopup) 
			CloseFindWindow();
		findPopup = new DivWindow(180, 200);
		// set position
		var t = document.getElementById(elementId)
		var x = findPosX(t);
		var y = findPosY(t);
		var style = findPopup._element.style;
	 	style.top = y + 40 + 'px';
 		style.left = x + xOffset - 65 + 'px';
		if (window.txtColor)
		{
			
			setColor = '<font color=#000000>';
		}
		else
		{
			setColor = '';
		}
		var str='';
		str+='<table width="271" height=111 background=images/Image/structure/browsebg.jpg border="0" cellpadding="0" cellspacing="0" >';
		str+='	<tr>';
		str+='		<td width="15%" height=20><\/td>';
		str+='		<td align="center" ><strong>'+setColor+'Find sermon<\/strong><\/td>';
		str+='		<td align="right" style=padding-top:5;padding-right:10 ><a href="javascript:CloseFindWindow();"><img  src=images/Image/structure/x.jpg border=0><\/a><\/td>';
		str+='	<\/tr>';
		str+='	<tr>';
		str+='		<td colspan="3" align="center">';
		str+='		   <form name="findSermonPopupform" action="search_result.php" method="get">';
		str+='		   	<input type="text" name="keyword" id="keyword"><br>';
		str+='				<input name="searchtype" type="hidden" value="general">';
		str+='				<input name="searchby" type="hidden" value="' + searchby + '">';				
		str+='            <input type="submit" name="Find" value="Find">';
		str+=' 			<\/form>';
		str+=' 		<\/td>';
		str+='	<\/tr>';
		str+='<\/table>';
		
		findPopup.setInnerHTML(str);
		findPopup.show();
		var txt = document.getElementById('keyword');
		if (txt)
			txt.focus();
	}


	function CreateFindByDatePopup(elementId, xOffset){
		if (findPopup || findByDatePopup) 
			CloseFindWindow();
		findByDatePopup = new DivWindow(180, 200);
		// set position
		var t = document.getElementById(elementId)
		var x = findPosX(t);
		var y = findPosY(t);
		var style = findByDatePopup._element.style;
	 	style.top = y + 40 + 'px';
 		style.left = x + xOffset - 65 + 'px';
		
		var str='';
		str+='<table width="271" height=111 background=images\/Image\/structure\/browsebg.jpg border="0" cellpadding="0" cellspacing="0" >';
		str+='	<tr>';
		str+='		<td width="15%" height=20><\/td>';
		str+='		<td align="center" ><strong>Find sermon<\/strong><\/td>';
		str+='		<td align="right" style=padding-top:5;padding-right:10 ><a href="javascript:CloseFindWindow();"><img  src=images\/Image\/structure\/x.jpg border=0><\/a><\/td>';
		str+='		<\/tr>';
		str+='		<tr>';
		str+='			<td colspan="3" align="center">';
		str+='				<form name="findSermonByDate" action="search_result.php"'; 
		str+='					onsubmit = "return onFindByDateSubmit();" method="get">';
		str+='						From <input name="datebegin" type="text" id="DateFrom" value="" size="10"> ';
		str+='						<input type="button" value="From" onclick="displayDatePicker(\'datebegin\',this, \'ymd\',\'-\');	"\/> <br>';
		str+='						To <input name="dateend" type="text" id="DateTo" value="" size="10"> ';
		str+='						<input type="button" value="To" onclick="displayDatePicker(\'dateend\',this, \'ymd\',\'-\');"\/> <br>';
		str+='			   		<input name="searchtype" type="hidden" value="general">';
		str+='						<input name="searchby" type="hidden" value="date">';				
		str+='            		<input type="submit" name="Find" value="Find">';
		str+='				<\/form>		 ';
		str+='	 		<\/td>';
		str+='		<\/tr>';
		str+='<\/table>';
		
		findByDatePopup.setInnerHTML(str);
		findByDatePopup.show();

		var dt = document.getElementById('DateFrom');
		if (dt)
			dt.focus();
	}

	function onFindByDateSubmit() {
		var dtBegin = parseDateString(findSermonByDate.datebegin.value);
		if (!dtBegin) {
			alert("Invalid date From string format. Use YYYY-MM-DD");
			return false;
		}
		var dtEnd = parseDateString(findSermonByDate.dateend.value);
		if (!dtEnd) {
			alert("Invalid date To string format. Use YYYY-MM-DD");
			return false;
		}

		//Calculate difference btw the two dates, and convert to days
		var one_day=1000*60*60*24;
		var dateDif = Math.ceil((dtEnd.getTime()-dtBegin.getTime())/one_day);
		if (dateDif >= 7) {
			alert('Please choose date interval not longer then one week');
			return false;
		}
		return true;
	}
		 

	function parseDateString(s) {
		// Parse date string -  yyyy-mm-dd (ISO style)
		var re = /(\d{4})-(\d{1,2})-(\d{1,2})/;
		var bits = re.exec(s);
		if (bits) {
			var d = new Date();
			d.setYear(parseInt(bits[1]));
			d.setDate(parseInt(bits[3], 10));
			d.setMonth(parseInt(bits[2], 10) - 1);
			return d;
		}
		return null;
	}