// JScript File

function formatnum(num){
    return num.toFixed(1)
}
function initsliders(){

var nasaocjena=parseFloat($('slider_nasaocjena').value.replace(",","."));
var vasaocjena=parseFloat($('slider_vasaocjena').value.replace(",","."));
var mojaocjena=parseFloat($('slider_mojaocjena').value.replace(",","."));
var filmid=$('slider_filmid').value;
var flag=false;
var areawidth=$('area').offsetWidth;

/* Slider 1 */
var mySlide = new Slider($('area'), $('knob'), {
	steps: 100,
	offset: 0,
	onChange: function(step){
		$('upd').setHTML(formatnum(step/10));
		$('display1').style.width=(step-(step/10-5)*1.2) + '%'
	}
}).set(nasaocjena*parseFloat(10));


/* Slider 2 */
var mySlide2 = new Slider($('area2'), $('knob2'), {
	steps: 100,	
	offset: 0,
	onChange: function(step){
		$('upd2').setHTML(formatnum(step/10));
		$('display2').style.width=(step-(step/10-5)*1.2) + '%'
	}
 
}).set(vasaocjena*parseFloat(10));
 
/* Slider 3 */
var mySlide3 = new Slider($('area3'), $('knob3'), {	
	steps: 100,
	offset: 0,
	onChange: function(step){
		$('upd3').setHTML(formatnum(step/10));
		$('display3').style.width=(step-(step/10-5)*1.2) + '%'
	},
	onComplete: function(step){
	        if (flag){
	             new XHR({   headers: {'Content-type': 'application/x-www-form-urlencoded; charset=utf-8'},
                    onSuccess: function(req) {
                        if (parseInt(req)>-1){
                            var pos2=parseFloat(req.replace(",","."))*parseFloat(10);
                            pos2=parseInt(pos2);
                            mySlide2.set(pos2); $('upd2').innerHTML=formatnum(pos2/10);
                            } 
                            else 
                            {flag=false;mySlide3.set(0);flag=true;alert("Niste ulogirani.")}
                    }           
                }).send('/controls/insertvideoocjena.ashx','film_id=' + filmid + '&film_ocjena=' + step/10)
            }
            else
            {
                flag=true
            }  
            
	}
}).set(mojaocjena*parseFloat(10));

$('knob').setOpacity(0.4);
$('knob2').setOpacity(0.4);
$('knob3').setOpacity(0.7);


$('upd').innerHTML=formatnum(nasaocjena);
$('upd2').innerHTML=formatnum(vasaocjena);
$('upd3').innerHTML=formatnum(mojaocjena);

}