/**
 * Script: RossCo Designs Development
 * Version : 1.0.3
 * Revision Date : 27/07/2011
 * Purpose : This script initialises on dom ready, MODx vars are passable via class initialisation
 */
var rdScripts = new Class({
    //implements
    Implements: [Options],

    //options
    options: {
        docid: ''
    },

    //initialization
    initialize: function (options) {
        //set options
        this.setOptions(options);
        this.menu();
		this.slider();
		this.linky();

		
		if(Browser.Engine.trident4) {
			this.ie6();
		} 

    },

    //a method that does whatever you want
    menu: function () {
		        var menuPos = $$('#menuPos li a.menu-image');
        menuPos.each(function(e){
			if(e.hasClass('active')){
				 e.setStyle('background-position','0px -100px');
			return '';
			}
			e.addEvent('mouseenter', function(){
				if(this.hasClass('active')){
					this.setStyle('background-position','0px -100px');
					return '';
				}
				var myEffect = new Fx.Morph(this, {
					//  link:'cancel',
					duration: '200',
					transition: Fx.Transitions.Sine.easeOut 
				});

				myEffect.start({
					'background-position': '0 -100', // Morphs the 'height' style from 10px to 100px.
					'opacity':[0,1]
				});
			});
			
            e.addEvent('mouseleave', function(){
              
				if(this.hasClass('active')){
					return '';
				}
				var myEffect = new Fx.Morph(this, {
					//   link:'cancel',
					duration: '200',
					transition: Fx.Transitions.Sine.easeIn
				});

				myEffect.start({
					'background-position': '0 0', // Morphs the 'height' style from 10px to 100px.
					'opacity':[0,1]
				});
            
            });
          
        });       
	},
	
	linky: function(){
		var menuPos = $$('#site-wrapper a');
        menuPos.each(function(e){
			e.addEvent('mouseenter', function(){
				this.morph({'color':'#D2691E'});  
			});
			e.addEvent('mouseleave', function(){
				this.morph({'color':'#00ADEF'});
			}); 
        });	
	},
	
	slider: function(){
		 new rdFader();    
	},
	
	
	
	
	ie6: function(){
		DD_belatedPNG.fix('.png');	
		document.id('top-modx-image').set('height', '30px'); 
	}
	

});
