function showimgs(index)
{
	$("a#mm"+index).fadeIn(700).css("zIndex","100").siblings("a.li").css("zIndex","10").fadeOut(700);
	$("#scrollImgJiShi").val(index);
	//$("#ss_title").text(title_ary[index-1]);
	$("#focus_nav a[name='"+index+"']").addClass("hover").siblings("a").removeClass("hover");
}

function autoscroll()
{
	var x = $("#scrollImgJiShi").val();					
	if(x==5)
	{
		$("#scrollImgJiShi").val(1);
		showimgs(1);
	}
	else
	{
		$("#scrollImgJiShi").val(x++);
		showimgs(x++);
	}
}

var jishi = null;
jishi = setInterval(autoscroll,4000);

function myfocus(target, links, imgs, titles)
{
	var tar = $("#"+target);
	var tar_w = tar.width();
	var tar_h = tar.height();
	tar.css("position","relative");	

	var ary_links = links.split("|");
	var ary_imgs = imgs.split("|");
	var ary_titles = titles.split("|");

	tar.append($("<div>").attr("id","focus_show").width(tar_w).height(tar_h).css("position","absolute").css({left:"0",top:"0"}));
	tar.append($("<div>").attr("id","focus_nav").width(tar_w).height("25px").css("position","absolute").css({left:"0",bottom:"0"}));//opacity:"0.2"
	tar.append($("<input>").attr({id:"scrollImgJiShi",type:"hidden"}).val("1"));

    for(var i = ary_links.length;i>0;i--)
	{
		$("#focus_nav").append($("<a>").text((i)).css("opacity","0.8").attr({href:"javascript:showimgs("+ (i) +")",name:(i)}));
	}

	//-------------write imglist---------------------
	for(var i=0; i < ary_imgs.length; i++)
	{
		$("<a>")
		.addClass("li")
		.attr({ href: ary_links[i], id: "mm" + (i + 1), target: "_blank" })
		.width(tar_w).height(tar_h)
		.append($("<img>").attr({src:ary_imgs[i]}).width(tar_w).height(tar_h))
		.appendTo($("#focus_show"));
		//----------------------------	
		//$("#focus_nav").append($("<a>").text((i+1) + "." + ary_titles[i]).attr({href:"javascript:showimgs("+ (i+1) +")",name:(i+1)}));
	}
	
	//-----------------------------------------------
	$("#focus_nav a").mouseover(function(){
		clearInterval(jishi);
		var x = $(this).attr("name");
		showimgs(parseInt(x));		
	}).mouseout(function(){
		jishi = setInterval(autoscroll,4000);
	}).click(function(){
		$(this).blur();
		return false;
	})
	

		
}

//-------------------------------------
$(function(){
	var picstr = $("#focussroll em").text();
	var linkstr = $("#focussroll cite").text();
	var titlestr = $("#focussroll var").text();
	myfocus("focussroll", linkstr, picstr, titlestr);		
	showimgs(1);	
})