window.addEvent('domready', function(){
	// We are setting the opacity of the element to 0.5 and adding two events
	$$('#chad_navigator_list li a').each(function(element){
		element.addEvents({
			mouseenter: function(){
				// This morphes the opacity and backgroundColor
				this.morph({
					'background-color': '#385d9b',
					'color': '#ffffff'
				});
			},
			mouseleave: function(){
				// Morphes back to the original style
				this.morph({
					'background-color': '#1a1a1a',
                    'color': '#cccccc'
				});
			}
		});
	});
}); 
/*	window.addEvent('domready', function(){
		var list = $$('ul.arrow li');
		list.each(function(element) {
			var first =  element.getFirst();
			if ( !first || first.getTag() != 'a' ) return;
			var overfx = new Fx.Styles( first, {'duration': 200, 'wait': false});
			var tocolor = '385d9b';
			var fromcolor = '1a1a1a';
			element.mouseouted = true;
			element.addEvent('mouseenter', function(){
				overfx.start({
					'background-color': tocolor,
					'padding-left': 10,
					'color': 'fff'
				});
			});
			
			element.addEvent('mouseleave', function(){
				overfx.start({
					'background-color': fromcolor,
					'padding-left': 0,
					'color': '646464'
				});
			});
			
		});
	}); 

	window.addEvent('domready', function(){
		var links = $$('.toggler');
		var divs = $$('div.togglee');
		var togglefxs = [];
		var overfxs = []
		divs.each( function( div, i ) {
			togglefxs[i] = new Fx.Slide( div, {'duration':  200, 'wait': false}).hide();
		});
		links.each( function( toggler, i ) {
		    toggler.addEvent('click', function(e){
				e = new Event(e);
				togglefxs[i].toggle();
				e.stop();
			});
			
			overfxs[i] = new Fx.Styles( toggler, {'duration': 200, 'wait': false});
			var tocolor = '385d9b';
			var fromcolor = '333';
			toggler.mouseouted = true;
			toggler.addEvent('mouseenter', function(){
				overfxs[i].start({
					'background-color': tocolor,
					'padding-left': 16,
					'color': 'fff'
				});
			});
			toggler.addEvent('mouseleave', function(){
				overfxs[i].start({
					'background-color': fromcolor,
					'padding-left': 10,
					'color': '9a9a9a'
				});
			});
		});
	}); 
	window.addEvent('domready', function(){
		var links = $$('.tutorial_navigator');
		var overfxs = []
		links.each( function( toggler, i ) {
			overfxs[i] = new Fx.Styles( toggler, {'duration': 200, 'wait': false});
			var tocolor = '409b62';
			var fromcolor = '1d1d20';
			toggler.mouseouted = true;
			toggler.addEvent('mouseenter', function(){
				overfxs[i].start({
					'background-color': tocolor,
					'padding-left': 16,
					'color': 'fff'
				});
			});
			
			toggler.addEvent('mouseleave', function(){
				overfxs[i].start({
					'background-color': fromcolor,
					'padding-left': 10,
					'color': '9a9a9a'
				});
			});
		});
	}); 
	/*window.addEvent('domready', function(){
		var codeboxes = $$('div.codeBox');
		codeboxes.each( function( codebox, i ) {
			$(codebox).makeResizable({
				limit: {x: [700, 1000], y: [250, 10000]}, grid: 50
			});
		});
	}); */
function toggleDisplay( toggleNum ) 
{
    // Get the div and image
    var div = document.getElementById( 'div' + toggleNum );
    var img = document.getElementById( 'img' + toggleNum );
    var value;
    if ( div.style.display == '' )
    {
        div.style.display = 'none';
        img.setAttribute( 'src', '/images/plus.jpg' );
    }
    else
    {
        div.style.display = '';
        img.setAttribute( 'src', '/images/minus.jpg' );
    }
}