var suraslide = 
{
	imgHeight: 7, // in pixels
	imgWidth: 4, // in pixels
	step: 4, // in pixels
	intervalSpeed: 20, // in ms

	curPosY: 0,
	futPosY: 0,
	timer: null,
	timerInit: null,
	browserImgDelta: 0,

	init: function()
	{
		var ss = $('#suraslide'), ssi = $('#suraslide_img');

		ss.css('position', 'relative');
		ssi.css('position', 'absolute');
		ssi.css('left', ss.outerWidth() + ss.offset().left - suraslide.imgWidth + (jQuery.boxModel ? 0 : -2));
		ss.children('li').hover(suraslide.mouseover, suraslide.mouseout);

		suraslide.timerInit = setInterval(suraslide.setInitPos, 200);
	},
	setInitPos: function()
	{
		var ssi = $('#suraslide_img');
		suraslide.setActive($('#suraslide li.active').eq(0));
		suraslide.curPosY = suraslide.futPosY;
		ssi.css('top', suraslide.curPosY);
		ssi.show();
	},
	mouseover: function()
	{
		suraslide.setActive($(this));
		suraslide.startAnimation();
	},
	mouseout: function()
	{
		suraslide.setActive($('#suraslide li.active').eq(0));
		suraslide.startAnimation();
	},
	setActive: function(o)
	{
		suraslide.futPosY = o.offset().top + (o.outerHeight() - suraslide.imgHeight) / 2;
	},
	startAnimation: function()
	{
		if(suraslide.timerInit != null);
			clearInterval(suraslide.timerInit);
		suraslide.timerInit = null;

		if(suraslide.timer != null)
			return;
		suraslide.timer = setInterval(suraslide.doAnimation, suraslide.intervalSpeed);
	},
	stopAnimation: function()
	{
		if(suraslide.timer == null)
			return;
		clearInterval(suraslide.timer);
		suraslide.timer = null;
	},
	doAnimation: function()
	{
		if(suraslide.curPosY < suraslide.futPosY)
			suraslide.curPosY = Math.min(suraslide.curPosY + suraslide.step, suraslide.futPosY);
		else if(suraslide.curPosY > suraslide.futPosY)
			suraslide.curPosY = Math.max(suraslide.curPosY - suraslide.step, suraslide.futPosY);
		else
			suraslide.stopAnimation();
		$('#suraslide_img').css('top', suraslide.curPosY);
	}
};

$(document).ready(suraslide.init);