var len, num = 1, color = "#ffffff", total = 0, loc, array;

loc = location.href;
array = loc.split("=");
if(array.length>1)	total = eval(array[1]);
if( total == 0 )	total = 10;
else if( total > (data.length/6)) total = data.length/6;

len = Math.round((data.length/6)/total)+1

function clicke(start1, end1)
{
//	var str='<table width="100%" border=1><tr><td align="center">'
//	str+='<form name="ss"><b><font face="Tahoma" size="2">'
//		str+='نمايش در صفحه :&nbsp;'
//		str+='</font></b><select name="row" onchange="this.form.submit();">'
//			str+='<option value=select>انتخاب نماييد'
//			str+='<option value=10>10'
//			str+='<option value=20>20'
//			str+='<option value=50>50'
//			str+='<option value=100>100'
//		str+='</select>'
var  str='<table border="0" dir=ltr cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="0">'
str+='    <tr>'
str+='      <td width="310" colspan="2" valign="bottom" align="center"><img border="0" src="../image/quran/aye.gif" width="303" height="49"></td>'
str+='      <td width="133">'
str+='      <img border="0" src="../image/quran/q1.gif" width="133" height="98"></td>'
str+='    </tr>'
str+='    <tr>'
str+='      <td width="310" colspan="2" style="background-image: url(../image/quran/tile-c.gif); background-repeat: repeat-x"></td>'
str+='      <td width="133" valign="top">'
str+='      <img border="0" src="../image/quran/q2.gif" width="133" height="11"></td>'
str+='    </tr>'
str+='    <tr align="center">'
str+='      <td rowspan="2" style="background-image: url(../image/quran/tilecenter.gif)" align="center" dir="rtl">'

	str+='<br><table width="90%" border="0" cellpadding="0" cellspacing="0" align="center"><tr>'
	str+='<td width="10%" align="center"><img border="0" src="../image/quran/td/up.gif"></td></tr></table>'
	str+='<table border="0" width="394" cellpadding="0" cellspacing="0"><tr><td width="238" colspan="3"></td></tr>'
	str+='<tr><td width="5%" style="border:1px solid #5678BE; "height="19"  align="center"><font face="Tahoma" size="2">&nbsp;شماره</font></td><td height="19"></td><td width="42%" style="border:1px solid #5678BE; "height="19"  align="center"><font face="Tahoma" size="2">&nbsp;سوره</font></td><td height="19" ></td><td width="10%" style="border:1px solid #5678BE; "  height="19" align="center"><font face="Tahoma" size="2">&nbsp;آيات</font></td><td height="19" ></td><td height="19" ></td><td width="10%" style="border:1px solid #5678BE; "  height="19" align="center"><font face="Tahoma" size="2">&nbsp;جزء</font></td><td height="19" ></td><td height="19" ></td><td width="10%" style="border:1px solid #5678BE; "  height="19"><font size="2" face="Tahoma">&nbsp;صفحه</font></td><td height="19"></td><td height="19" ></td><td  width="20%" style="border:1px solid #5678BE; "height="19"  align="center"><font face="Tahoma" size="2">&nbsp;محل نزول</font></td></tr><tr><td width=""></td></tr>'

	for(var i=start1; i<end1; i+=6){
		if(color == "#ffffff") color="#EFF9F7"
		else color="#ffffff"
		str+='<tr><td width=""></td></tr><tr><td width="5%" style="border:1px solid #5678BE; "height="19" align="center" bgcolor='+color+'><font class="tdnum">'+ (i/6+1) +'</font></td><td height="19"></td><td width="42%" style="border:1px solid #5678BE; " bgcolor='+color+' height="19"><font face="Tahoma" size="2"><a href="tr.php?tr='+data[i+5]+'">&nbsp;'+data[i]+'</a></font></td><td height="19" ></td><td width="10%" style="border:1px solid #5678BE; " bgcolor='+color+' height="19" align="center"><font class="tdnum">&nbsp;'+data[i+1]+'</font></td><td height="19" ></td><td height="19" ></td><td width="10%" style="border:1px solid #5678BE; " bgcolor='+color+' height="19" align="center"><font class="tdnum">&nbsp;'+data[i+2]+'</font></td><td height="19" ></td><td height="19" ></td><td width="10%" style="border:1px solid #5678BE; " bgcolor='+color+' height="19" align="center"><font class="tdnum">&nbsp;'+data[i+3]+'</font></td><td height="19"></td><td height="19" ></td><td  width="20%" style="border:1px solid #5678BE; "height="19" bgcolor='+color+' align="center"><font face="Tahoma" size="2">&nbsp;'+data[i+4]+'</font></td></tr><tr><td width=""></td></tr>'
	}
	str+='<tr><td width=""></td></tr></table>'
	str+='<table cellpadding="0" cellspacing="0" border="0"><tr><td width="10%" align="center"><img border="0" src="../image/quran/td/up.gif"></td></tr><tr><td id="num_page" align="center"></td></tr></table>';

str+='</td>'
str+='      <td rowspan="2" valign="middle" nowrap align="left" dir="rtl"  style="background-image: url(../image/quran/tile2.gif); background-repeat: repeat">'
	str+='<font size=1>نمايش در صفحه :<br><br>'
		str+='<form name="ss">'
	str+='<select name="row" style="font-family: tahoma;" onChange="this.form.submit();">'
	str+='<option value="select">انتخاب نماييد'
	str+='<option value=10>10'
	str+='<option value=20>20'
	str+='<option value=40>40'
	str+='<option value=80>80'
	str+='<option value=114>114'
	str+='</select>'
	str+='</form>'
str+='</td>'
str+='    <td width="133" valign="top" height="111" style="background-image: url(../image/quran/tile-l.gif); background-repeat: repeat-y; background-position: left top"><img border="0" src="../image/quran/q3.gif" width="133" height="111"></td>'
str+='    </tr>'
str+='    <tr>'
str+='      <td width="133" style="background-image: url(../image/quran/tile-l.gif); background-repeat: repeat-y; background-position: left top">&nbsp;</td>'
str+='    </tr>'
str+='  </table>'



//	str+='</td></tr></table>'

	document.getElementById('block').innerHTML=str;

	str=''
	if(len > 1)
		for(var i=0; i < len; i++)
			if(i+1 == num)
				str+='<td style="padding-left:2"><font face=tahoma size=2>'+(i+1)+'</font>&nbsp;</td>'
			else
				str+='<td style="padding-left:2"><font face=tahoma size=2><a href="javascript:page_num('+(i+1)+')" onfocus=blur()>'+(i+1)+'</a></font>&nbsp;</td>'
				document.getElementById('num_page').innerHTML='<table cellspacing=0 border=0><tr>'+str+'</tr></table>';
		}

function page_num (integer){
	num = integer
	if(len == 1){
//		document.images['t2'].src="../../image/ara/all-page/down_left.gif";
//		document.images['t1'].src="../../image/ara/all-page/down_right.gif";
		start = 0
		end = data.length
	}else if(num == 1){
//		document.images['t2'].src="../../image/ara/all-page/next_n.gif";
//		document.images['t1'].src="../../image/ara/all-page/down_right.gif";
		start = 0
		end = total*6
	} else if(num == len){
//		document.images['t2'].src="../../image/ara/all-page/down_left.gif";
//		document.images['t1'].src="../../image/ara/all-page/back_n.gif";
		start = (len-1)*(total*6)
		end = data.length
	} else if(num < len){
//		document.images['t2'].src="../../image/ara/all-page/next_n.gif";
//		document.images['t1'].src="../../image/ara/all-page/back_n.gif";
		start = (num-1)*(total*6)
		end =start+(total*6)
	}
	clicke(start, end);
}

function page(sign){
	switch(sign){
		case "back":
	        if(num > 1){
				num--
				page_num (num)
			}
			break;
		case "next":
	        if(num < len){
				num++
				page_num (num)
			}
			break;
	}
}

if(len == 1)
	clicke(0, data.length)
else
	clicke(0, total*6)

