var MAG_Marquee = {
    container_width: 0,
    init: function(){
        this.container_width = parseInt($('marquee').getDimensions().width);
        this.el = $$('#marquee ul').first();
        if(!this.el) return;

        this.el.setStyle({left: (this.container_width-10)+'px', display: 'block'});

        width = 0;
        this.el.select('li').each(function(el){
            width = width + el.getDimensions().width;
            
            el.observe('mouseover', this.stop.bind(this));
            el.observe('mouseout', this.start.bind(this));
        }.bind(this));
        this.start();

    },
    move: function(){
        var left = parseInt(this.el.getStyle('left'))-1;
        if(left < 50-width){
            left = this.container_width;
        }
        this.el.setStyle({left:left+'px'});
    },
    stop: function(){
        clearInterval(this.interval);
    },
    start: function(){
        this.interval = setInterval("MAG_Marquee.move()", 20);
    }
};

Event.observe(window, 'load', function(){
    if($('marquee')){
        MAG_Marquee.init();
    }

	var inputs = $$('input#q');
	inputs.each(function(el) {
		if(!el.first_text) el.first_text = el.value;

		el.observe('focus', function(e){if(this.value.strip() == this.first_text) this.value = '';});
		el.observe('blur', function(e){if(this.value.strip().empty()) this.value = this.first_text;});
	});

});