/* <![CDATA[ */
  
     var myMooFlowPage = {
    
         start: function(){
             /* MooFlow instance with the complete UI and Viewer */
             var mf = new MooFlow($('MooFlow'), {
                 startIndex: 1,
				bgColor: 'transparent',
				useSlider: false,
                 useAutoPlay: false,
                 useCaption: false,
                 useResize: false,
                 useMouseWheel: true,
                 useKeyInput: true,
                 useViewer: true
             });
		
            
            mf.attachViewer();
			
			$$('.loadremote').addEvent('click', function(){
				mf.loadHTML(this.get('href'), this.get('rel'));
				return false;
			});

            
         }
        
     };

     window.addEvent('domready', myMooFlowPage.start);

     window.addEvents({
         'domready': function() {
             /* thumbnails example , div containers */
             var sMoo = new SlideItMoo({
                 overallContainer: 'SlideItMoo_vertical_outer',
                 elementScrolled: 'SlideItMoo_vertical_inner',
                 thumbsContainer: 'SlideItMoo_vertical_items',
                 itemsVisible: 2,
                 elemsSlide: 1,
                 duration: 400,
                 itemsSelector: '.SlideItMoo_element',
                 itemWidth: 730,
                 itemHeight: 100,
                 slideVertical: true,
                 showControls: 1,
                 direction: 1,
                 autoSlide: 10000,
                 onChange: function(index) {



                 }

             });
         }
     });

     window.addEvent('domready', function() {
         //for every switch-view link
         $$('.open-footer').each(function(el) {
             //add click event
             el.addEvent('click', function(e) {
                 //nowhere
                 e.stop();
                 //morph baby!

                 var myEffects = new Fx.Morph('footer-block', { duration: 500, transition: Fx.Transitions.Sine.easeOut });
                 myEffects.start({
                     'height': [39, 230],
                     'margin-top': [230, 39]
                 });
                 this.style.display = "none";
                 document.getElementById("btn-close").style.display = "block";
             });
         });

         $$('.close-footer').each(function(el) {
             el.addEvent('click', function(e) {
                 e.stop();
                 var myEffects = new Fx.Morph('footer-block', { duration: 500, transition: Fx.Transitions.Sine.easeOut });
                 myEffects.start({
                     'height': [230, 39],
                     'margin-top': [39, 230]
                 });
                 this.style.display = "none";
                 document.getElementById("btn-open").style.display = "block";
             });
         });

     });
  
 /* ]]> */