/*  Control.Scroller, version 1.1
 *  Copyright (c) 2008, Glenn Nilsson <glenn.nilsson@gmail.com>
 *
 *  Control.Scroller is distributed under the terms of an Creative Commons
 *  Attribution license. In short words, you can use this however you like
 *  as long as you give me and the code credit. Read more at:
 *  <http://creativecommons.org/licenses/by/2.5/>
 *
 *  Requirements: Prototype framework <http://prototype.conio.net/> and
 *  slider.js from <http://wiki.script.aculo.us/scriptaculous/show/Slider>
 *
 *  For details, see: <http://wailqill.com/projects/scroller/>
 *
 *--------------------------------------------------------------------------*/
Control.Scroller = Class.create();
Control.Scroller.scrollers = [];
Control.Scroller.prototype = {
    initialize: function(scrollcontent, handle, track, options){
        this.id = "scroller"
        this.scrollcontent = $(scrollcontent);
        this.handle = $(handle);
        this.track = $(track);
        
        this.currentValue = 0;
        
        /* Slider-options */
        this.options = Object.extend({
            axis: 'vertical',
            onChange: function(value){
                self.updateView(value);
            },
            onSlide: function(value){
                self.updateView(value);
            }
        }, options);
        var self = this;
        /* Scroller-options */
        this.options = Object.extend({
            scrollOnHover: false,
            visibleHeight: this.isVertical() ? 300 : this.scrollcontent.offsetHeight,
            visibleWidth: this.isVertical() ? this.scrollcontent.offsetWidth : 280,
            delta: 20,
            autoHide: true,
            interval: 100
        }, this.options);
        
        this.maxValue = this.isVertical() ? this.scrollcontent.offsetHeight - this.options.visibleHeight - this.handle.offsetHeight : this.scrollcontent.offsetWidth - this.options.visibleWidth - this.handle.offsetWidth;
        this.options.range = $R(0, this.maxValue);
        
        this.buttons = {
            up: $(this.options.up),
            down: $(this.options.down)
        };
        
        // Ensure that the scroller is needed.
        //var children = $A(this.scrollcontent.childNodes);
        //var wrapper = this.scrollcontent.insert({top:new Element("div", { "class": "scroller-scrollcontent-wrapper" })});
        //children.each(function(child) {
        //  wrapper.insert(child);
        //});
        if ((this.isVertical() && this.scrollcontent.offsetHeight <= this.options.visibleHeight) || (!this.isVertical() && this.scrollcontent.offsetWidth <= this.options.visibleWidth)) {
            if (this.options.autoHide) 
                [this.track, this.handle, this.buttons.up, this.buttons.down].invoke("hide");
            return;
        }
        
        this.scrollcontent.style.height = this.options.visibleHeight + "px";
        
        this.eventMouseAction = this.buttonAction.bindAsEventListener(this);
        $H(this.buttons).values().each(function(button){
            if (self.options.scrollOnHover) {
                Event.observe(button, "mouseover", self.eventMouseAction);
                Event.observe(button, "mouseout", self.eventMouseAction);
            }
            else {
                Event.observe(button, "mousedown", self.eventMouseAction);
                Event.observe(button, "mouseup", self.eventMouseAction);
            }
        });
        this.slider = new Control.Slider(this.handle, this.track, this.options);
    },
    isVertical: function(){
        return this.options.axis == 'vertical';
    },
    buttonAction: function(e){
        this.multiplier = Event.element(e) == this.buttons.up ? -1 : 1;
        switch (e.type) {
            case "mouseover":
            case "mousedown":
                this.scroll();
                var self = this;
                this.timer = setInterval(function(){
                    self.scroll()
                }, self.options.interval);
                break;
            case "mouseout":
            case "mouseup":
                clearTimeout(this.timer)
                break;
        }
    },
    scroll: function(){
        this.slider.setValue(this.currentValue + this.options.delta * this.multiplier, 0);
    },
    updateView: function(value){
        this.currentValue = value;
        if (this.options.axis == "vertical") {
            this.scrollcontent.style.marginTop = (-this.currentValue) + "px";
            this.scrollcontent.style.height = (this.options.visibleHeight + this.currentValue) + "px";
            this.scrollcontent.style.clip = 'rect(' + value + 'px ' + this.options.visibleWidth + 'px ' + (this.options.visibleHeight + this.currentValue) + 'px 0px)';
        }
        else {
            this.scrollcontent.style.marginLeft = (-this.currentValue) + "px";
            this.scrollcontent.style.clip = 'rect(0 ' + (this.options.visibleHeight + this.currentValue) + 'px ' + this.options.visibleHeight + 'px ' + value + 'px)';
        }
        (this.options.onScroll || Prototype.emptyFunction)(value, this);
    }
};

var clear = "../images/clear.gif" //path to clear.gif
pngfix = function(){
    var els = document.getElementsByTagName('*');
    var ip = /\.png/i;
    var i = els.length;
    while (i-- > 0) {
        var el = els[i];
        var es = el.style;
        if (el.src && el.src.match(ip) && !es.filter) {
            es.height = el.height;
            es.width = el.width;
            es.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + el.src + "',sizingMethod='crop')";
            el.src = clear;
        }
        else {
            var elb = el.currentStyle.backgroundImage;
            if (elb.match(ip)) {
                var path = elb.split('"');
                var rep = (el.currentStyle.backgroundRepeat == 'no-repeat') ? 'crop' : 'scale';
                es.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + path[1] + "',sizingMethod='" + rep + "')";
                es.height = el.clientHeight + 'px';
                es.backgroundImage = 'none';
                var elkids = el.getElementsByTagName('*');
                if (elkids) {
                    var j = elkids.length;
                    if (el.currentStyle.position != "absolute") 
                        es.position = 'static';
                    while (j-- > 0) 
                        if (!elkids[j].style.position) 
                            elkids[j].style.position = "relative";
                }
            }
        }
    }
}

function initPage(){
    if (document.getElementById) {
        var oInput = document.getElementById("search_field");
        
        oInput.onfocus = function(){
            if (this.value == this.defaultValue) {
                this.value = "";
            }
        }
        
        oInput.onblur = function(){
            if (this.value == "") {
                this.value = this.defaultValue;
            }
        }
    }
}

if (window.addEventListener) {
    window.addEventListener("load", initPage, false);
}
else {
    window.attachEvent("onload", pngfix);
    window.attachEvent("onload", initPage);
}