//룬ߣ 

//
//¼ǰͼƬλ,ʼΪ1
var current_id = 1;
//¼ǰͼƬڵҳ
var current_page = 1;
//ֵ
function nav_no()
{
	var nav_no1="";
	for (i = 1; i<=Image_src.length; i++)
	{
		if (i==current_id)
		nav_no1+="&nbsp;"+i+"&nbsp;";
		else
		nav_no1+="&nbsp;<a class='fontlink-blackline' href=javascript:click_no('"+i+"');>"+i+"</a>&nbsp;";
	}
	return nav_no1;
}
//ֲ鿴
function click_no(y)
{
	show_img(y);
	show_name(y);
	current_id= y;
	document.getElementById("number").innerHTML=nav_no();
	document.getElementById("small_img").innerHTML=nav_img();
}


//ͼƬ鿴
function click_pic(y)
{
	show_img(y);
	show_name(y);
	current_id= y;
	document.getElementById("number").innerHTML=nav_no();
	document.getElementById("small_img").innerHTML=nav_img();
}
//һź
function before()
{
	if (current_id!=1)
	{
	--current_id;
	show_img(current_id);
	show_name(current_id);
	document.getElementById("number").innerHTML=nav_no();
	document.getElementById("small_img").innerHTML=nav_img();	
	}
}
//һź
function after()
{	
	if (current_id!=Image_src.length)
	{
	++current_id;	
	show_img(current_id);
	show_name(current_id);
	document.getElementById("number").innerHTML=nav_no();
	document.getElementById("small_img").innerHTML=nav_img();
	}
}
//ʾͼ
function show_img(x)
{	
	pic.src=""+Image_src[x-1]+"";
}
//ʾͼƬ
function show_name(x)
{	
	img_name.innerHTML=""+Image_name[x-1]+"";	
}
//ײСͼ

function nav_img()
{
	var nav_img1="";
	for (i=1;i<=4;i++)
	{
		current_page = Math.floor((current_id-1)/4)+1;
		if ((((current_page-1)*4)+i)<=Image_src.length)
		{
			if ((((current_page-1)*4)+i)==current_id)
			{
				nav_img1+="<div class='img_small' style='border:red 1px solid;' ><a href=javascript:click_pic('"+(((current_page-1)*4)+i)+"');><img class='small_pic' src='"+Image_src[((current_page-1)*4)+i-1]+"'  /></a></div>";
			}
			else 
			{
				nav_img1+="<div class='img_small'><a href=javascript:click_pic('"+(((current_page-1)*4)+i)+"');><img class='small_pic' src='"+Image_src[((current_page-1)*4)+i-1]+"'  /></a></div>";
			}
		}
		else
		{break;}
	
	}

	return nav_img1;
	
}
//<<
function last()
{
	if (current_page!=1)
	{
	--current_page;
	current_id=(current_page-1)*4+1;
	show_img(current_id);
	show_name(current_id);
	document.getElementById("number").innerHTML=nav_no();
	document.getElementById("small_img").innerHTML=nav_img();
	}
}
//>>
function next()
{
	if (current_page!=Math.ceil(Image_src.length/4))
	{
	++current_page;
	current_id=(current_page-1)*4+1;
	show_img(current_id);
	show_name(current_id);
	document.getElementById("number").innerHTML=nav_no();
	document.getElementById("small_img").innerHTML=nav_img();
	}
}