Event.observe(document, 'dom:loaded', function()
{
    //we want to minimize the height of the page so we will adjust the fancy dirt image in the background per page
    var page = location.pathname.split('/')[1];
    var dirt_offset = -25;
    
    if(page == 'contact')
    {
        dirt_offset=-430;
    }
    else if(page == 'services')
    {
        dirt_offset=-400;
    }
    else if(page == 'portfolio')
    {
        dirt_offset=-135;
    }
    else if(page == 'profile')
    {
        page = location.pathname.split('/')[2];
        var dirt_offset = -400;
        
        if(page == 'services')
        {
            dirt_offset = -210;
        }
        else if(page == 'awards')
        {
            dirt_offset = -200;
        }
        else if(page == 'givingback')
        {
            dirt_offset = -325;
        }
    }

    $('bg_dirt').setStyle({top: dirt_offset+'px'});


    if($('content_text'))
    {
        //we only need the scrollbars if the heigh is greater then our set content height
        //in this case we have a set height of 330, but we will get the height through javascript instead to be safe, otherwise we're gonna hide the control all together
        if($('content_text').getHeight() > $('scroll-area').getHeight())
        {
            var scroll_factor = 10;
            var min_handle_height = 35;
            var range = parseInt(($('content_text').getHeight()-$('scroll-area').getHeight())/scroll_factor)+1;//set range based on height of our content minus the height of the scroll area
            var handle_height = parseInt($('track').getHeight()*$('track').getHeight()/$('content_text').getHeight()); //handle size is based on percentage of visible window to total content height 
            $('handle').style.height = (handle_height < min_handle_height?min_handle_height:handle_height)+'px';//min handle height
            var values= Array();//set values for range - should much range so 0-29 range should be values 0,1,2....27,28.29
            for(i=0;i<range+1;i++)
            {
                values[i] = i;
            }
    
            //create vertical slider control
            var slider = new Control.Slider('handle', 'track', {
                axis: 'vertical',
                range: $R(0,range),
                values: values,
                onSlide: function(v)
                { 
                   $('content_text').style.top=-scroll_factor*v+'px';//set the positioning calculation
                },
                onChange: function(v)
                {
                   $('content_text').style.top=-scroll_factor*v+'px';//set the positioning calculation
                }
            });
            
            // mouse wheel code from http://adomas.org/javascript-mouse-wheel/
            function handle(delta) {
                slider.setValueBy(-delta);
            }
            
            /** Event handler for mouse wheel event. */
            function wheel(event){
                var delta = 0;
                if (!event) /* For IE. */
                    event = window.event;
                if (event.wheelDelta) { /* IE/Opera. */
                    delta = event.wheelDelta/120;
                    /** In Opera 9, delta differs in sign as compared to IE. */
                    if (window.opera)
                        delta = -delta;
                } else if (event.detail) { /** Mozilla case. */
                    /** In Mozilla, sign of delta is different than in IE.
                    * Also, delta is multiple of 3.
                    */
                    delta = -event.detail/3;
                }
            
                /** If delta is nonzero, handle it.
                * Basically, delta is now positive if wheel was scrolled up,
                * and negative, if wheel was scrolled down.
                */
                if (delta)
                    handle(delta);
            
                /** Prevent default actions caused by mouse wheel.
                * That might be ugly, but we handle scrolls somehow
                * anyway, so don't bother here..
                */
                if (event.preventDefault)
                    event.preventDefault();
                
                event.returnValue = false;
            }
            
            // mozilla
            Event.observe('scroll-area', 'DOMMouseScroll', wheel);
            
            // IE/Opera
            Event.observe('scroll-area', 'mousewheel', wheel);
        }
        else
        {
            $('track').hide();
        }
    }
});