/*
 * function ui_outerview_start(title, pageWidth, displayWidth, margin)
 *	title is MANDATORY
 *
 *  DEFAULT
 *    pageWidth = 980 
 *    displayWidth = 850
 *    margin = 20
 *
 * function ui_formview_start(displayWidth, margin)
 *
 *  DEFAULT
 *    displayWidth = 850
 *    margin = 20
 *
 * function ui_advance(id, display, expand, name)
 *
 *  DEFAULT
 *    id = advance [SPAN ID]
 *    display = Advanced
 *    name = 1
 *    expand = true
 *
 * function ui_pagenavigation(pageCount, pageNo)
 *  pageCount and pageNo is MANDATORY
 *
 * function ui_paging(pageCount, pageNo)
 *  pageCount and pageNo is MANDATORY
 *
 * function ui_sorting(columnName)
 *  columnName is MANDATORY
 *
 * function ui_recordstat(recordCount,from,to)
 * recordCount, from, to - MANDATORY
 *
 * function ui_row_start(cssclass)
 * 
 *  function button(url, label){}
 *  url, label - mandatory fields
 *
 *  function disableButton(label){}
 *  label - mandatory fields
 */

function ui_outerview_start(title, pageWidth, displayWidth, margin) {	
	var pageWidth = (pageWidth == null ? "980" : pageWidth);	
	var displayWidth = (displayWidth == null ? "850" : displayWidth);
	var margin = (margin == null ? "20" : margin);
	var tmpWidth = "810";
		
	var TBL_PROP = " border=\"0\" cellspacing=\"0\" cellpadding=\"0\" ";
	
	tmpWidth = (parseInt(displayWidth) -  parseInt(margin)*2) +"";	
	document.write("<!-- Main Table Starts Here-->\r\n<table" + TBL_PROP);
	document.write("width=\"" + pageWidth + "\">\r\n");
	document.write("<tr>\r\n<td align=\"center\">\r\n");
	
	document.write("<table" + TBL_PROP + "width=\"" + displayWidth + "\">\r\n");
	document.write("<tr>\r\n<td>\r\n<!-- OuterView_Title Starts Here-->\r\n");
	
	document.write("<table" + TBL_PROP + "class=\"outerview_title\" width=\"");
	document.write(displayWidth + "\">\r\n");
	document.write("<tr>\r\n<td class=\"title_text\" height=\"25\">&nbsp;");
	document.write(title + "</td>\r\n</tr>\r\n");
	document.write("<tr>\r\n<td>\r\n");
	
	document.write("<!-- OuterView Starts Here-->\r\n<table" + TBL_PROP);
	document.write("class=\"outerview\" width=\"" + displayWidth + "\">\r\n");
	document.write("<tr><td width=\"" + margin + "\">&nbsp;</td>");
	document.write("<td width=\"" + tmpWidth + "\">&nbsp;</td>");
	document.write("<td width=\"" + margin + "\">&nbsp;</td></tr>");
}

function ui_outerview_end(){
	document.write("<tr><td>&nbsp;</td>");
	document.write("<td>&nbsp;</td>");
	document.write("<td>&nbsp;</td></tr>");
	document.write("</table>\r\n<!-- OuterView Ends Here-->\r\n");
	document.write("</td>\r\n</tr>\r\n</table>\r\n<!-- OuterView_Title Ends Here-->\r\n");
	document.write("</td>\r\n</tr>\r\n</table>\r\n");			
	document.write("</td>\r\n</tr>\r\n</table>\r\n<!-- Main Table Ends Here-->\r\n");
}

function ui_formview_start(displayWidth, margin) {
	var displayWidth = (displayWidth == null ? "850" : displayWidth);
	var margin = (margin == null ? "20" : margin);
	var tmpWidth = "810";			
	var TBL_PROP = " border=\"0\" cellspacing=\"0\" cellpadding=\"0\" ";
	
	tmpWidth = (parseInt(displayWidth) -  parseInt(margin)*2) +"";
	
	document.write("<!-- FormView Starts Here-->\r\n<table " + TBL_PROP);
	document.write("width=\"" + displayWidth + "\" class=\"formview\">\r\n");
	document.write("<tr>\r\n<td>\r\n");
	document.write("<table " + TBL_PROP + ">\r\n");
	document.write("<tr><td width=\"" + margin + "\">&nbsp;</td>");
				
	document.write("<td width=\"" + tmpWidth + "\">&nbsp;</td>");					
	document.write("<td width=\"" + margin + "\">&nbsp;</td></tr>");
}

function ui_formview_end() {
	var TBL_PROP = " border=\"0\" cellspacing=\"0\" cellpadding=\"0\" ";
	document.write("<tr><td>&nbsp;</td>");
	document.write("<td>&nbsp;</td>");
	document.write("<td>&nbsp;</td></tr>");
	document.write("</table>\r\n");
	document.write("</td>\r\n</tr>\r\n</table>\r\n<!-- FormView Table Ends Here-->\r\n");
}

function ui_row_start(cssclass) {
	if (cssclass==null){	
		document.write("<tr><td></td><td>");
	}else{	
		document.write("<tr><td></td><td class='"+cssclass+"'>");
	}	
}

function ui_row_end() {
	document.write("</td><td></td></tr>");
}

function ui_advance(id, display, expand, name) {
	var id = (id == null ? "advance" : id);
	var display = (display == null ? "Advanced" : display);
	var expand = (expand == null ? "FALSE" : expand);
	var name = (name == null ? "1" : name);
	
	var tmpExpand = "";
	var tmpCollapse = "";
	
	if (expand == "TRUE") {
		tmpExpand = "style='display:none'";
		tmpCollapse = "";
	} else {
		tmpExpand = "";
		tmpCollapse = "style='display:none'";
	}

	document.write("<span id='expand_" + name + "' " + tmpExpand + " >");
	document.write("<table border='0' cellspacing='0' cellpadding='0'>");
	document.write("<tr>");
	document.write("<td><a tabindex='-1' href=javascript:expand('" + id + "','" + name );
	document.write("')><img src='"+IMAGE_FOLDER+"/expand.gif' border='0'></a></td>");
	document.write("<td><a tabindex='-1' href=javascript:expand('" + id + "','" + name + "')>" + display);
	document.write("</a></td></tr>");
	document.write("</table>");
	document.write("</span>");
	
	document.write("<span id='collapse_" + name + "' " + tmpCollapse + " >");
	document.write("<table border='0' cellspacing='0' cellpadding='0'>");
	document.write("<tr>");
	document.write("<td><a tabindex='-1' href=javascript:collapse('" + id + "','" + name );
	document.write("')><img src='"+IMAGE_FOLDER+"/collapse.gif' border='0'></a></td>");
	document.write("<td><a href=javascript:collapse('" + id + "','" + name + "')>" + display);
	document.write("</a></td></tr>");
	document.write("<tr><td colspan='2'><img src='"+IMAGE_FOLDER+"/spacer.gif' height='10' border='0'>");
	document.write("</td></tr></table>");
	document.write("</span>");	
}

function expand(id, name){
	document.getElementById('expand_'+name).style.display='none';
	document.getElementById('collapse_'+name).style.display='';
	document.getElementById(id).style.display='';
	expand_event(id, name);
}

function expand_event(id, name){

}

function collapse(id, name){
	document.getElementById('expand_'+name).style.display='';
	document.getElementById('collapse_'+name).style.display='none';
	document.getElementById(id).style.display='none';
	collapse_event(id, name);	
}

function collapse_event(id, name) {

}

function ui_pagenavigation(pageCount, pageNo,prev,next) {

	if (pageCount >= 0) {
		if (pageNo<=1){
			document.write(prev);
		} else {
			document.write("<a href=\"javascript:pagenavigation(-1)\">"+prev+"</a>");
		}
		document.write("&nbsp;|&nbsp;");
		if ((pageNo==pageCount) || (pageCount==0)) {
			document.write(next);
		} else {
			document.write("<a href=\"javascript:pagenavigation(1)\">"+next+"</a>\r\n");
		}
	} else {
		document.write("&nbsp;");
	}
}

function pagenavigation(param){
	var f = document.forms[0];
	var pno = f.page.value;
	pno = parseInt(pno)+param;
	if (pno==0)
		pno=1;
	else if (pno>f.page.length)
		pno=(pno-1);
//	var path =  url+"sortcolumn="+f.sortColumn.value;
//	path=path + "&sortby=" + f.sortBy.value + "&curPageNumber=" + pno;
	f.curPageNumber.value=pno;
	f.searchBy.value="";

	for (i=0;i<f.elements.length;i++){
    	fldName=eval("f.elements["+i+"].name");
	    if (fldName == "reqFilter"){
			f.action=f.action+"?reqfilter="+f.reqFilter.value;
	    }
	}
	f.submit();
}
	
function ui_sorting(columnName) {
	var f = document.forms[0];
	document.write("<a href=\"javascript:sorting('" + columnName + "')\" style=\"text-decoration:none\">");
    if (f.sortColumn.value == columnName && f.sortBy.value == "2") {    
		document.write("<img src=\""+IMAGE_FOLDER+"/dblasc.gif\" border=\"0\" alt=\"&lt;&gt;\" height=\"16\" width=\"16\">");	
    } else if (f.sortColumn.value == columnName && f.sortBy.value == "1") {
		document.write("<img src=\""+IMAGE_FOLDER+"/dbldesc.gif\" border=\"0\" alt=\"&lt;&gt;\" height=\"16\" width=\"16\">");
	} else {
		document.write("<img src=\""+IMAGE_FOLDER+"/dblsort.gif\" border=\"0\" alt=\"&lt;&gt;\" height=\"16\" width=\"16\">");
	}
	document.write("</a>");
}

function addSorting(columnName, columnNo){
	var f = document.forms[0];
	if (columnNo != null){
		sortStr= "<a href=\"javascript:sorting('" + columnNo + "')\" style=\"text-decoration:none; font-size: 13px; font-family: verdana; color: white; font-weight: bold\">" + columnName;
	    if (f.sortColumn.value == columnNo && f.sortBy.value == "2") {
			sortStr= sortStr + "&nbsp;<img src=\""+IMAGE_FOLDER+"/dblasc.gif\" border=\"0\" alt=\"&lt;&gt;\" style=\"text-decoration:none\">";
	    } else if (f.sortColumn.value == columnNo && f.sortBy.value == "1") {
			sortStr= sortStr + "&nbsp;<img src=\""+IMAGE_FOLDER+"/dbldesc.gif\" border=\"0\" alt=\"&lt;&gt;\" style=\"text-decoration:none\">";
		} else {
			sortStr= sortStr + "&nbsp;<img src=\""+IMAGE_FOLDER+"/dblsort.gif\" border=\"0\" alt=\"&lt;&gt;\" height=\"16\" width=\"16\" style=\"text-decoration:none\">";
		}
		sortStr = sortStr + "</a>";
	} else {
		sortStr = columnName;
	}
	return sortStr;
}

function sorting(sortcolumn){
	var f = document.forms[0];
	f.sortColumn.value=sortcolumn;
	sortBy = f.sortBy.value;
	f.curPageNumber.value=1;
	if (sortBy=="1")
		f.sortBy.value="2";
	else
		f.sortBy.value="1";

	for (i=0;i<f.elements.length;i++){
    	fldName=eval("f.elements["+i+"].name");
	    if (fldName == "reqFilter"){
			f.action=f.action+"?reqfilter="+f.reqFilter.value;
	    }
	}
	f.submit();
}

function ui_paging(pageCount, pageNo,page) {
	var span;
	if (pageCount > 1) {
		document.write("<table border='0' cellpadding='0' cellspacing='0'><tr><td align='right' class='pagetitleother'>"+page+":</td>")
		document.write("<td><select name='page' onchange='paging()'>");		
		for (i = 1; i <= pageCount; i++) {
			document.write("<option value='" + i + "'");
			if (pageNo == i) { 
				document.write(" selected");
			}
			document.write("> " + i + " of " + pageCount + "</option>");
		}
		document.write("</select></td></tr></table>");
	}
}

function paging(){
	var f = document.forms[0];
	f.curPageNumber.value=f.page.value;
	f.submit();
}

function ui_content_start(width){
		var width = (width == null ? 983 : width);
			document.write("<tr><td>");
			document.write("<!-- T3--><table border='0' cellspacing='0' cellpadding='1' class='outline'>");
			document.write("<tr><td valign='top'>");
			document.write("<!-- Content--><table border='0' cellspacing='0' cellpadding='0' class='outerview' width='"+width+"'>");
			document.write("<tr><td width='20'></td>");
			document.write("<td align='left' valign='top' width='"+(width-40)+"'></td>");
			document.write("<td width='20'></td></tr>");
}

function ui_content_end(){
			document.write("</table><!-- Content-->");
			document.write("</td></tr></table><!-- T3-->");			
			document.write("</td></tr>");			
}

function ui_main_start(width){
		var width = (width == null ? 995 : width);
			document.write("<!-- Main Table Starts --><table border='0' cellspacing='0'");
			document.write("cellpadding='0' width='"+width+"'>");
			document.write("<tr><td align='center'>");
			document.write("<!-- T1--><table border='0' cellspacing='0' cellpadding='1' ");
			document.write("class='outline' align='center'>\r\n");
			document.write("<tr><td>");
			document.write("<!-- T2--><table border='0' cellspacing='0' cellpadding='4' ");
			document.write("class='outline_view' align='center' >");
}

function ui_main_end(){
			document.write("</table><!-- T2-->");
			document.write("</td></tr></table><!-- T1-->");
			document.write("</td></tr></table><!--Main Table Ends-->");
}

function ui_actionbar_start(){
			document.write("<tr><td>");			
}

function ui_actionbar_end(){
			document.write("</td></tr>");			
}

function ui_recordstat(totalRows,totalPages,curPageNo,viewing,of){
if (totalRows!=0){
	var pageSize =  10;

	if (curPageNo==1){
		from  = 1;
		to = pageSize;
	}else if (curPageNo>1){
		from = ((curPageNo - 1)  * pageSize) + 1
		to = curPageNo * pageSize;
	}
	if (to > totalRows){
		to = totalRows;
	}
		document.write("<font face=verdana size=1>"+viewing+" <b>"+from+"-"+ to+"</b> "+of+" <b>"+totalRows+"</b></font>");
}else{
		document.write("&nbsp;");
}
}

function ui_status(){
document.write("<iframe id=\"popup\" frameborder=\"0\" style=\"position:absolute; visibility:hidden;width:400px;height:100px;background-color:#F1F1F1;text-decoration:none;scrolling:no;z-index:20\"></frame>");
}

function disableButton(label){
	document.write("<table border=0 cellpadding=0 cellspacing=0>");
	document.write("<tr>");
	document.write("<td><img src='"+IMAGE_FOLDER+"/left_dis.gif' alt='"+label+"' border=0></td>");
	document.write("<td background='"+IMAGE_FOLDER+"/center_dis.gif' valign='middle' style='font:Verdana, Arial, Helvetica, sans-serif; font-size:8pt' >"+label+"</td>");
	document.write("<td><img src='"+IMAGE_FOLDER+"/right_dis.gif' alt='"+label+"' border=0></td>");
	document.write("</tr>");
	document.write("</table>");
	
}

function largeButton(url, label){
	document.write("<table border=0 cellpadding=0 cellspacing=0>");	
	document.write("<tr>");
	document.write("<td><a href='"+url+"' tabindex='-1'><img src='"+IMAGE_FOLDER+"/bb_left.gif' alt='"+label+"' border=0></a></td>");
	document.write("<td background='"+IMAGE_FOLDER+"/bb_center.gif'  style='font-size: 17px;' ><a href='"+url+"' title='"+label+"' class='button'><b>"+label+"</b></a></td>");
	document.write("<td><a href='"+url+"' tabindex='-1'><img src='"+IMAGE_FOLDER+"/bb_right.gif' alt='"+label+"' border=0></a></td>");
	document.write("</tr>");
	document.write("</table>");

}

function button(url, label){	
	document.write("<table border=0 cellpadding=0 cellspacing=0>");
	document.write("<tr>");
	document.write("<td><a href='"+url+"' tabindex='-1'><img src='"+IMAGE_FOLDER+"/left.gif' alt='"+label+"' border=0></a></td>");
	document.write("<td background='"+IMAGE_FOLDER+"/center.gif' valign='middle'><a href='"+url+"' title='"+label+"' class='button'>"+label+"</a></td>");
	document.write("<td><a href='"+url+"' tabindex='-1'><img src='"+IMAGE_FOLDER+"/right.gif' alt='"+label+"' border=0></a></td>");
	document.write("</tr>");
	document.write("</table>");
}