var scroll_speed = 5000;

$(document).ready(function(){
	$('#scrollleft,#scrollright').mouseover(function(){
		var sl = $('#prevt');
		var tid = $(this).attr('id');
		var is_left = (tid.indexOf('scrollright') == -1);
		if(is_left)
		{
			var total = $('#previews').width() - parseInt(sl.width());
			//alert(total)
		}
		else var total = 0;
		if(is_left && total > 0) {}
		else
		{
			sl.animate(
			{
				left: total
			},scroll_speed,'linear');
		}
		$(this).mouseout(function(){sl.stop()})
	})
	
	$('a[middle]').click(function(){
		var middle_path = $(this).attr('middle');
		var res_path = $(this).attr('image');
		$('#browserpan_0 img').attr('src',middle_path);
		$('#panview_0 img').attr('src',res_path);
		//$('#panview_0').get(0).scrollTop = 0;
		return false;
	})
	
	$('a.mainlink').hover(function(){
	
		image2 = $(this).attr('rel');
		$(this).attr('rel',$(this).find('img').attr('src'));
		$(this).find('img').attr('src',image2);
	
	},function(){
	
		image2 = $(this).attr('rel');
		$(this).attr('rel',$(this).find('img').attr('src'));
		$(this).find('img').attr('src',image2);
	
	})

	//$("a.panview").panview();

});