window.addEvent('domready', function(){



    var slider_elm = $('star_rate_slider');
    var knob_el = slider_elm.getElement('.knob');
    // if  IE  show the ie slide drop down
    if (Browser.Engine.trident === true){
    
    	// remove whole slider in IE
    	if (!empty($('star_rating'))){
    		$('star_rating').setStyle('display','none');
    		sliderValue = 0;
    	}
    
        // if ie, hide the slider and show the drop down
        /*if(!empty($('star_slider_main'))){
            $('star_slider_main').setStyle('display', 'none');
            $('star_rating_ie').setStyle('display', 'block');
        }*/
        
    }

    
    var SliderObject = new Slider(slider_elm ,  knob_el, {
        //options
        range: [0, 7],
        snap: true,
        steps: 7,
        offset: 0,
        wheel: true,
        mode: 'horizontal',
        
        onChange: function(step){
            
            sliderValue = step;
        // slider fill is not used as it dispositions when browser is resized

//            var fill_width = step * 27
//            var fill_height = $('myElement').getStyle('height');
//            var fill_pos = $('myElement').getPosition();
//            fill_pos.y = fill_pos.y +1
//            fill_pos.x = fill_pos.x +1
//            $('slider_fill').setStyle('width', fill_width);
//            $('slider_fill').setStyle('height', fill_height);
//            $('slider_fill').setPosition(fill_pos);
            
        }
    });

});