window.addEvent('domready', function(){
            
//$('l1').addEvent('mouseenter', function(){ domove($('l1'));  });   
//$('l2').addEvent('mouseenter', function(){ domove($('l2'));  });  
//$('l3').addEvent('mouseenter', function(){ domove($('l3'));  });  
//$('l4').addEvent('mouseenter', function(){ domove($('l4'));  });  
//$('l5').addEvent('mouseenter', function(){ domove($('l5'));  });  
//$('l6').addEvent('mouseenter', function(){ domove($('l6'));  });  
//$('l7').addEvent('mouseenter', function(){ domove($('l7'));  });  
//$('l8').addEvent('mouseenter', function(){ domove($('l8'));  });  
//$('l9').addEvent('mouseenter', function(){ domove($('l9'));  });  
//$('l10').addEvent('mouseenter', function(){ domove($('l10'));  });  

//$('l1').addEvent('mouseleave', function(){ domout($('l1'));  });   
//$('l2').addEvent('mouseleave', function(){ domout($('l2'));  });   
//$('l3').addEvent('mouseleave', function(){ domout($('l3'));  });   
//$('l4').addEvent('mouseleave', function(){ domout($('l4'));  });   
//$('l5').addEvent('mouseleave', function(){ domout($('l5'));  });   
//$('l6').addEvent('mouseleave', function(){ domout($('l6'));  });   
//$('l7').addEvent('mouseleave', function(){ domout($('l7'));  });   
//$('l8').addEvent('mouseleave', function(){ domout($('l8'));  });   
//$('l9').addEvent('mouseleave', function(){ domout($('l9'));  });   
//$('l10').addEvent('mouseleave', function(){ domout($('l10'));  });   

    if ($('content')){
           
            var myFx = new Fx.Scroll($('content'), {duration:'2000'});

            if ($('content').scrollHeight > $('content').offsetHeight) {
            
	            $('downArrow').addEvents({
		            'mouseenter': function(){
                        myFx.toBottom();
		            }
	            });
	            $('downArrow').addEvents({
		            'mouseleave': function(){
                        myFx.cancel();
		            }
	            });	        
	            $('upArrow').addEvents({
		            'mouseenter': function(){
                        myFx.toTop();
		            }
	            });
	            $('upArrow').addEvents({
		            'mouseleave': function(){
                        myFx.cancel();
		            }
	            });	
	            
            }else{
                //hide the arrows
                //alert('a');
                if ($('contentArrows')){
                    $('contentArrows').setStyle('visibility', 'hidden');
                }
            }		            	        
            
    };  




});         
            
//var list = $$('#nav a');
//list.each(function(element) {
// 
//var result = element.hasClass('on');
// 
//    if (result == false) { 
//	element.addEvent('mouseenter', function(){

//    domove(element);

//    });            

//	element.addEvent('mouseleave', function(){

//    domout(element);
//	
//    });            

//    }
// 
//});            
//        });
//     

function domove(elid) {
var result = elid.hasClass('on');

   if (result == false) { 


	var mainEffect = new Fx.Tween(elid, {'link': 'chain'});
	mainEffect.start('background-position', '0 0');

	var rightEffect = new Fx.Tween(elid.getElement('div'), {'link': 'chain'});
	rightEffect.start('background-position', 'right 0');

	var leftEffect = new Fx.Tween(elid.getElement('span'), {'link': 'chain'});
	leftEffect.start('background-position', '0 0');

    }

}

function domout(elid) {

var result = elid.hasClass('on');

   if (result == false) { 

//elid.setStyle('background-position', '0 -30px'); 
//elid.getElement('div').setStyle('background-position', 'right -30px'); 
//elid.getElement('span').setStyle('background-position', '0 -30px'); 


	var mainEffect = new Fx.Tween(elid, {'link': 'chain'});
	mainEffect.start('background-position', '0 -30px');

	var rightEffect = new Fx.Tween(elid.getElement('div'), {'link': 'chain'});
	rightEffect.start('background-position', 'right -30px');

	var leftEffect = new Fx.Tween(elid.getElement('span'), {'link': 'chain'});
	leftEffect.start('background-position', '0 -30px');

    }
}


function changeimage(imageurl,tohighlight, section) {
var myels = $('thumbs').getElements('a')

propsrc = $('flash').getElement('img').getProperty('src')
$('flash').setStyle('background', 'url('+propsrc+')'); 

changeimg = $('flash').getElement('img')
//changeimg.fade('hide');
changeimg.fx1 = new Fx.Style(changeimg,'opacity', {duration:300});
changeimg.fx1.set(0);

$('flash').getElement('img').setProperty('src', 'images/'+ section +'/gallery/'+imageurl);

//changeimg.fade('in');
changeimg.fx1.start(0.99);


for (i=1;i<=myels.length;i++)
{
$('t'+i).removeClass('on')
$(tohighlight).addClass('on')
}



}