var rating = 0;
var old_rating = 0;
function $(i){return document.getElementById(i);}
function st(){
	$('container').onmousemove = rating_mousemove;
	$('container').onclick = rating_click;
	$('container').onmouseout = rating_mouseout;
	old_rating = parseFloat($('rating').style.width.replace('px','')) / 16;
}
function getLeft(obj){
	var left = 0;
	do {
		left += obj.offsetLeft;
	} while (obj = obj.offsetParent);
	return left;
}
function getTop(obj){
	var top = 0;
	do {
		top += obj.offsetTop;
	} while (obj = obj.offsetParent);
	return top;
}

function rating_mousemove(ev){
	ev = ev || window.event;
	if(ev.pageX) var pos = ev.pageX;
	else var pos = ev.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
	pos -= getLeft($('rating'));
	pos += 4;
	var rat = pos / 16;
	if(rat > 5) return;
	if(rat % 0.5 == 0){
		rating = rat;
		$('rating').style.width = pos + 'px';
	}
}
function rating_click(){
	document.location.href = 'ocen,'+tvid+','+rating;
}
function rating_mouseout(ev){
	ev = ev || window.event;
	if(ev.pageX) var posx = ev.pageX;
	else var posx = ev.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
	
	if(ev.pageY) var posy = ev.pageY;
	else var posy = ev.clientY + (document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
	if(posx >= getLeft($('container')) + 80 || posx < getLeft($('container')) 
	|| posy >= getTop($('container'))  + 16 || posy < getTop($('container'))){
		$('rating').style.width = (old_rating * 16) + 'px';
		rating = 0;
	}
}