var SL_IconRollovers = new Class({

	//implements
	Implements: [Options],	
	
	//variables setup
	widthsArray: new Array(),		//array for holding feature image widths
	
	//options
	options: {
	transitionTime: 1600, 			//Transition (fade in/out) time (1 second = 1000)
	transitionType: 'elastic:out',	//Transition type
	items:  null, 					//Array of elements holding icons
	itemNum: 0						//Current item number
	},

	//initialization
	initialize: function(options) {
		var self = this;
		
		//set options
		this.setOptions(options);
		
		
		
		
		//setup items (a.k.a. slides) from list
		self.options.items.each(function(el, i){
			  
			el.setStyle('position', 'relative');
			
			var theTip = el.getElement('div.tip');
			
			var theTitle = theTip.get('rel');
			var theContent = theTip.get('html');
			
			var tipTop = new Element('div', {'class':'tip_top'});
			var tipText = new Element('div', {'class':'tip_text'});
			var tipTitle = new Element('h6');
			var tipContent = new Element('div', {'html':theContent});
			var tipBottom = new Element('div', {'class':'tip_bot'});
			
			tipTitle.set('text',theTitle);
			tipText.adopt(tipTitle);
			tipText.adopt(tipContent);			
			
			theTip.set('html', '');
			theTip.adopt(tipTop);
			theTip.adopt(tipText);
			theTip.adopt(tipBottom);
			
			theTip.setStyles({
				'display':'block'
			});
			
			var newTopPos = (theTip.getSize().y * -1) + 2 ;
			
			theTip.setStyles({
				'top': newTopPos
			});
			
			theTip.fade('hide');
			
			el.addEvents({
			
				'mouseenter': function() {
					this.getElement('div.tip').fade('in');	
				},
				
				'mouseleave': function() {
					this.getElement('div.tip').fade('out');	
				}
			
			});
		
		 });
	
	},

	//startup method
	start: function() {
		
		var self = this;
		
		
	}
	

});