window.addEvent('domready', function(){
 //var scroll1 = new Scroller('ruler', {area: 300, velocity: 1});
 
 var myTips = new Tips($$('.tooltipImg'), {
        maxTitleChars: 50,   //I like my captions a little long
        showDelay: 200,
        hidedelay: 0
    });
 
 $('ruler').xM = 0;
 //$('ruler').yM = 0;
 $('ruler').xP = $('ruler').getPosition().x;
 //$('ruler').yP = $('ruler').getPosition().y;
 $('ruler').moving = false;
 
 $('ruler').getChildren().addEvent('mousedown',function(event) { new Event(event).preventDefault() } );
 $('ruler').getChildren().addEvent('click',function(event) { new Event(event).preventDefault() } );
 $('ruler').getChildren().addEvent('mousemove',function(event) { new Event(event).preventDefault() } );
 $('ruler').getChildren().addEvent('mouseup',function(event) { new Event(event).preventDefault() } );
 
 $(document).addEvent('mousemove',function(event) { new Event(event).preventDefault() } );
 //$(document).addEvent('mouseup',function(event) { new Event(event).preventDefault() } );
 
 //alert($('ruler').getSize().scrollSize.x - $('ruler').getSize().size.x);

 //$(document).addEvent('mousedown', function(event) {alert('ueue');});

 function rulerMove(event)
 {
  event = new Event(event);
  //if(this.moving)
  //{
   var size = $('ruler').getSize();
   var dx = $('ruler').xP + $('ruler').xM - event.page.x;
   //var dy = $('ruler').yP + event.page.y - $('ruler').yM;
   //alert(dx);
   if(dx > (size.scrollSize.x-size.size.x)) dx = (size.scrollSize.x-size.size.x);
   if(dx < 0) dx = 0;
   $('ruler').scrollTo(dx, 0);
  //}
 }
 
 function rulerUp(event)
 {
  this.removeEvent('mousemove', rulerMove);
  this.removeEvent('mouseup', rulerUp);
  event = new Event(event);
  event.stopPropagation();
	//$('ruler').setStyle('cursor', 'default');
	//if(this.moving)
  //{
  var size = $('ruler').getSize();
  var dx = $('ruler').xP + $('ruler').xM - event.page.x;
  //var dy = $('ruler').yP + event.page.y - $('ruler').yM;
  if(dx > (size.scrollSize.x-size.size.x)) dx = (size.scrollSize.x-size.size.x);
  if(dx < 0) dx = 0;
  $('ruler').xP = dx;
  //$('ruler').yP = dy;
 }

 // Drag
 $('ruler').addEvent('mousedown', function(event) {
  event = new Event(event);
  $(document).addEvent('mousemove', rulerMove);
  $(document).addEvent('mouseup', rulerUp);
  event.stopPropagation();
 	//this.setStyle('cursor', 'move');
  this.xM = event.page.x;
  //this.yM = event.page.y;
  //this.moving = true;
 });    
});