function open_win(source){

	window.open('full.htm?'+source+'','photo','status=no,toolbar=no,menubar=no,location=no,width=100,height=100,left=0,top=0')
}
// Setup
var rowNo=3, colNo=4;

// Variables
var len, num=1, n=0, color="#b8cefc", line_len=9, a, b, e, f=0;

// Main Program
var num_image=new Array();
var total = colNo*2;
len = Math.round((data.length/rowNo)/total);

for(var i=0; i<data.length; i++)
{
	if( data[i+1] == "white.jpg" )
		f++;
}

function clicke(start, end)
{
	var str='<table align="center" border="0" cellpadding="0" width="500" cellspacing="0"><tr><td width="10%"><img border="0" src="../../../../image/ara/all-page/up_right.gif" width="119"></td><td width="60%" style="background-image: url(\'../../../../image/ara/all-page/til.gif\'); background-repeat: repeat-x; background-position:center 50%;" colspan="2"></td><td width="10%" align="left"><img border="0" src="../../../../image/ara/all-page/up_left.gif" width="119"></td></tr></table>';
	str+='<table align="center" border="1" cellpadding="5" cellspacing="5" width="500" bordercolor="#878787">'
	for(i=start; i<end; i+=total)
	{
		str+='<tr>';
		for(a=0; a<colNo; a++) 
		{
			b=a*2;
			num_image[n]= new Image();
			num_image[n].src = data[i+(b+1)];
			if( data[i+b] != "white.jpg" )
		  		str+='<td align="center" height="65" nowrap bgcolor="#dfdfdf"><a href="javascript:open_win(\''+data[i+b]+'\')" onfocus="blur()"><IMG src="'+data[i+(b+1)]+'" border=0 style="border :1px solid black;" name=image></a></td>';
			n++;
		}		
		str+='</tr>';
	}	
	str+='</table>';
	str+='</table><table align="center" border="0" cellpadding="0" width="500"  cellspacing="0"><tr><td width="500" height="19"><img border="0" src="../../../../image/ara/all-page/down_left.gif" width="119" height="19"></td><td width="80%" height="19" style="background-image: url(\'../../../../image/ara/all-page/til1.gif\'); background-repeat: repeat-x; background-position:  center 50%; " colspan="2"></td><td width="10%" align="left" height="19"><img border="0" src="../../../../image/ara/all-page/down_right.gif" width="119" height="19"></td></tr></table><div align="center"><font face="Tahoma" size="2"><b>تعداد کل: '+((data.length-f)/2)+'</b></font></div>';

	document.getElementById('block').innerHTML=str;
	line_page();	
}
function line_page()
{
	str='';
	if( len > 1 )
	{
		if ( len > line_len )
		{
			b = (start/((rowNo*colNo)*2))-((line_len-1)/2);			
			if (b < 0)
			{
				b = 0;
				e = line_len;
			} else	e = b + line_len;
			
			if (e > len)
			{
				e = len;
				b = len - line_len;
			}
			
			if( b > 0 )	 str+= '<td style="padding-left:5"><font face=tahoma size=2>...</font></td>';
			
			for (i=b; i < e; i++)
				if(i+1 == num)
					str+='<td style="padding-left:5"><font face=tahoma size=2>'+(i+1)+'</font></td>';
				else
					str+='<td style="padding-left:5"><font face=tahoma size=2><a href="javascript:page_num('+(i+1)+')" onfocus=blur()>'+(i+1)+'</a></font></td>';
			if (e < len) str+= '<td style="padding-left:5"><font face=tahoma size=2>...</font></td>';
		}else
		{
			for(i=0; i < len; i++)
				if(i+1 == num)
					str+='<td style="padding-left:5"><font face=tahoma size=2>'+(i+1)+'</font></td>';
				else
					str+='<td style="padding-left:5"><font face=tahoma size=2><a href="javascript:page_num('+(i+1)+')" onfocus=blur()>'+(i+1)+'</a></font></td>';
		}		
		document.getElementById('num_page').innerHTML='<table cellspacing=0><tr>'+str+'</tr></table>';
	}
}

function page_num (integer){
	num = integer
	if(len == 1|| len == 0){
		document.images['t2'].src="../../../../image/ara/sites/key/white.gif";
		document.images['t1'].src="../../../../image/ara/sites/key/white.gif";
		start = 0
		end = data.length
	}else if(num == 1){
		/*document.images['t2'].src="../../../../image/ara/sites/key/next.gif";
		document.images['t1'].src="../../../../image/ara/sites/key/white.gif";*/
		start = 0;
		end = total*rowNo;
    } else if(num == len){
		document.images['t2'].src="../../../../image/ara/sites/key/white.gif";
		//document.images['t1'].src="../../../../image/ara/sites/key/back.gif";
		start = (len-1)*(total*rowNo);
		end = data.length;
	} else if(num < len){
		/*document.images['t2'].src="../../../../image/ara/sites/key/next.gif";
		document.images['t1'].src="../../../../image/ara/sites/key/back.gif";*/
		start = (num-1)*(total*rowNo);
		end =start+(total*rowNo);
	}
	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;
	}
}
page_num(1);