var Slider = {
    /* inicializa el slider */
    isHovered : true ,
	init: function init( eId ) {
		var slider = document.getElementById( eId ) ;
		var aItems = slider.getElementsByTagName('div') ;
        var sliderWidth = 0 ;
        var sliderWidthSum = 0 ;
        for( i = 0 ; i < aItems.length ; i++ ) {
            if ( aItems[i].getAttribute('class') != 'clear' ) {
                sliderWidth += aItems[i].offsetWidth ;
                if( i > (aItems.length - 6) ) {
                    sliderWidthSum += aItems[i].offsetWidth ;
                }
                aItems[i].setAttribute('name', aItems[i].offsetWidth ) ;
            }
        }
		slider.style.width = sliderWidth + 'px' ;
        $(slider).mouseover(function() { Slider.isHovered = true ; }) ; 
        $(slider).mouseout(function() { Slider.isHovered = false ; });
		$( "#slider-control" ).slider() ;
		$( "#slider-control" ).bind( "slide", function(event, ui) {
		  slider.style.left = '-' + ((( (sliderWidth - sliderWidthSum) * ui.value ) / 100) / 2 ) + 'px' ;
        });
        $(window).bind("mousewheel", function(event, delta) {
            if ( Slider.isHovered ) {
                var sliderValue = $( "#slider-control" ).slider("value") - delta ;
                $( "#slider-control" ).slider("value", sliderValue) ;
                slider.style.left = '-' + ((( (sliderWidth - sliderWidthSum) * sliderValue ) / 100) / 2 ) + 'px' ;
                if ( sliderValue > 0) {
        			return false ;
                }
            }
		});	
	}
}