window.addEvent('domready', function(){

/*
$$('a').each(function(link){
    var mytitle = link.title;
    
    link.addEvents({
        
           'mouseover': function(){
                this.title='';
            },
            
           'click': function(){
                this.title=mytitle;
          }
       });
    
});

*/

$$('img.proImg').set('tween', {duration: 100}); 
    $$('img.proImg').each(function(img){
        img.set('opacity', 0.9).addEvents({
        
           'mouseover': function(){
                this.fade(1);
            },
           'mouseout': function(){
                this.fade(0.9);
          }
       });
   });




//slider variables for making things easier below
		var itemsHolder = $('container');
		var myItems = $$(itemsHolder.getElements('.item'));
		
		//controls for slider
		var theControls = $('controls1');
		var numNavHolder = $(theControls.getElement('ul'));
		var thePlayBtn = $(theControls.getElement('.play_btn'));
		var thePrevBtn = $(theControls.getElement('.prev_btn'));
		var theNextBtn = $(theControls.getElement('.next_btn'));
		
		
		//create instance of the slider, and start it up		
		var mySlider = new SL_Slider({
			slideTimer: 6000,
			orientation: 'horizontal',      //vertical, horizontal, or none: None will create a fading in/out transition.
			fade: true,                    //if true will fade the outgoing slide - only used if orientation is != None
			isPaused: true,
			container: itemsHolder,
			items: myItems,
			numNavActive: true,
			numNavHolder: numNavHolder,
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		mySlider.start();



});