// Scrolling sidebar for your website
// Downloaded from Marcofolio.net
// Read the full article: http://www.marcofolio.net/webdesign/create_a_sticky_sidebar_or_box.html

window.onscroll = function()
{
	if( window.XMLHttpRequest ) {
		if (document.documentElement.scrollTop > 85 || self.pageYOffset > 85) {
			$('rt-menu').style.position = 'fixed';
			$('rt-menu').style.top = '0';
		} else if (document.documentElement.scrollTop < 85 || self.pageYOffset < 85) {
			$('rt-menu').style.position = 'absolute';
			$('rt-menu').style.top = '85px';
		}
	}
}



window.addEvent('domready', function () {
	var a = document.id('gantry-totop');
	if (a) {
		var b = new Fx.Scroll(window);
		a.setStyle('outline', 'none').addEvent('click', function (e) {
			e.stop();
			b.toTop()
		})
	}
	
	var myFx = new Fx.Scroll(window); 
	
	 $('bottom').addEvent('click', function(e){ 
	   e.stop(); 
	   myFx.toBottom(); 
	 }); 
	
	 $('gototop').addEvent('click', function(e){ 
	   e.stop(); 
	   myFx.toTop(); 
	 }); 
	

		/* smooth */
		new SmoothScroll({duration:500});
		
		/* link management */
		$('gototop').set('opacity','0').setStyle('display','block');
		
		/* scrollspy instance */
		var ss = new ScrollSpy({
			min: 150,
			onEnter: function(position,state,enters) {
				$('gototop').fade('in');
			},
			onLeave: function(position,state,leaves) {
				$('gototop').fade('out');
			},
			container: window
		});
		
		/* smooth */
		new SmoothScroll({duration:200});
		
		/* link management */
		$('dynlogo').set('opacity','0').setStyle('display','block');
		
		/* scrollspy instance */
		var ss = new ScrollSpy({
			min: 250,
			onEnter: function(position,state,enters) {
				$('dynlogo').fade('in');
			},
			onLeave: function(position,state,leaves) {
				$('dynlogo').fade('out');
			},
			container: window
		});
		
		// If this is an iOS mobile platform...
		if(Browser.Platform.ios || Browser.Platform.android) {
			// Change styling of the TOP element's position
			top.setStyles({ 
				position: "absolute", 
				bottom: "auto" 
			});
			// Add a scroll event to...
			spy.addEvent("scroll",function(position) {
				// ...position the element
				 // 20px offset from bottom
				top.setStyle("top",(position.y + window.getSize().y - 20) + "px");
			});
		}
		
		
	// var columnizer = new Equalizer('#rt-bottom .rt-block').equalize('height');	
		

var list = $$('#rt-menu li a');
        list.each(function(element) {

            var fx = new Fx.Styles(element, {duration:200, wait:false});

            element.addEvent('mouseenter', function(){
                fx.start({
          

                    'background-color': '#0a2269'
                });
            });

            element.addEvent('mouseleave', function(){
                fx.start({
                    'margin-top': 0,

                    'background-color': '#ededed'
                });
            });

        });
        
var list = $$('.hb-album a');
                list.each(function(element) {
        
                    var fx = new Fx.Styles(element, {duration:200, wait:false});
        
                    element.addEvent('mouseenter', function(){
                        fx.start({
                  
        
                            'background-color': '#0a2269'
                        });
                    });
        
                    element.addEvent('mouseleave', function(){
                        fx.start({
                            'margin-top': 0,
        
                            'background-color': '#c3c8c8'
                        });
                    });
        
                });

var list = $$('.webdesign .rt-article-content img');
        list.each(function(element) {

            var fx = new Fx.Styles(element, {duration:400, wait:false});

            element.addEvent('mouseenter', function(){
                fx.start({
          

                    'margin-top': -150
                });
            });

            element.addEvent('mouseleave', function(){
                fx.start({
                    'margin-top': 0
                });
            });

        });
	
});