
//slider variables
var sl_clickstate = false; 
var sl_obr;
var sl_bl;
var sl_px;
var sl_durx;
var sl_fact;
var sl_sl;
var sl_br;
// end slider variables



//START SLIDER
    function showSlider(){
	    var tmp;
	    tmp = '<center><table height=17 border=0 cellpadding=0 cellspacing=0><tr><td valign=top><img width=7 height=17 src=images/slider_bg_left.gif></td><td style="cursor:pointer" valign=top onClick="slider_f4(event);" id=player_slider_bg height=17 style="background-repeat:repeat-x" background=images/slider_bg.gif><div id=player_slider_knob_holder onClick="return false;"style="position:relative;left:0px;top:0px;height:17px"><img id=player_slider_knob onClick="return false;" onMouseMove="moveslider(event);" style="position:relative;left:-4px;top:0px;cursor:default" src=images/slider_knob.gif></div></td><td valign=top><img width=7 height=17 src=images/slider_bg_right.gif></td></tr></table></center>';	
	    document.getElementById('player_slider').innerHTML = tmp;
	    }


function slider_f4(evt){	//onclick op bg
	sl_bl= findPos(document.getElementById('player_slider_knob_holder'))+10;
	sl_br = sl_bl + sl_sl;
	
	var e = (window.event) ? window.event : evt;
	document.getElementById('player_slider_knob').style.left = (e.clientX-sl_bl-15+10) + 'px';
	sl_px = parseInt(document.getElementById('player_slider_knob').style.left);
	sl_fact = (100/(sl_sl-22))* (sl_px+4) ;
	sl_durx = objPlayer.fgetDuration();
	objPlayer.fsetCurrentPosition(parseInt((sl_durx/100)*sl_fact));
	if(document.getElementById('streamDuration'))
		document.getElementById('streamDuration').innerHTML = showTimer(parseInt(sl_durx-parseInt((sl_durx/100)*sl_fact)));

}

    function slider_f3(){   //onclick
	    if(sl_clickstate){
		    sl_clickstate=false;
		    objPlayer.fsetCurrentPosition(parseInt((sl_durx/100)*sl_fact));
		    document.getElementById('player_slider_knob').style.cursor = 'default';
		    }
	    }


    function slider_f2(){  //mouseout
	    if(sl_clickstate){
		    sl_clickstate=false;
		    document.getElementById('player_slider_knob').style.left = sl_obr;
		    document.getElementById('player_slider_knob').style.cursor = 'default';}
	    }

    function slider_f1(){ //onmouseover
	    sl_bl= findPos(document.getElementById('player_slider_knob_holder'))+10;
	    sl_br = sl_bl + sl_sl;
	    if (sl_clickstate == false){
		    sl_clickstate = true;
		    sl_obr = parseInt(document.getElementById('player_slider_knob').style.left);
		    document.getElementById('player_slider_knob').className = 'setCursorPointer';}
	    else{
		    sl_clickstate = false;
		    document.getElementById('player_slider_knob').style.cursor = 'default';}
	    }

function moveslider(evt){ //mousemove
	var e = (window.event) ? window.event : evt;
	if (sl_clickstate == true){
		    if(e.clientX > sl_bl && e.clientX < sl_br-20 )
			    document.getElementById('player_slider_knob').style.left = (e.clientX-sl_bl-15+10) + 'px';

		    sl_px = parseInt(document.getElementById('player_slider_knob').style.left);
		    sl_fact = (100/(sl_sl-22))* (sl_px+4) ;
		    sl_durx = objPlayer.fgetDuration();
			if(document.getElementById('streamDuration'))
		    		document.getElementById('streamDuration').innerHTML = showTimer(parseInt(sl_durx-parseInt((sl_durx/100)*sl_fact)));
	}
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return parseInt(curleft);
}
//END SLIDER
		
