(function( $ ){

	$(document).ready(
		function(){
			
			function fomSliderChange( delta ){
				
				//stop dragging
				$(this).removeClass('dragging');
				
				var pos = Math.floor(delta.percentLeft * 10);
				
				//set a cookie marking the position
				$.cookie('dimmer_level', delta.left, { path: '/', expires: 365 });
				
				//var fade = 3;
			
			/*
				if( pos < 1 )	{	$('#light').fadeOut(400); ('#light2').fadeOut(400); }
				else if( pos <= 4 )	{		$('#light').fadeIn(400);}
				else if( pos <= 9 )	{	$('#light').fadeIn(400); $('#light2').fadeIn(400);}
				*/
			
				//there are 4 foliage levels
				if( pos < 1 )		{ show = '';
												  $("body").css("background","#010101 url(/photos/bg_style1.jpg) repeat-x scroll center 24px");}
				else if( pos <= 3)	{ show = '#light';
												  $("body").css("background","#010101 url(/photos/bg_style15.jpg) repeat-x scroll center 24px");}
				else if (pos <= 5)	{ show = '#light,#light2';
												  $("body").css("background","#220000 url(/photos/bg_style2.jpg) repeat-x scroll center 24px");}
				else if( pos <= 7 )	{ show = '#light,#light2,#light3'; 
								  $("body").css("background","#5E0000 url(/photos/bg_style3.jpg) repeat-x scroll center 24px");}
				else		{ show = '#light,#light2,#light3,#light4';
				          $("body").css("background","#161C1C url(/photos/bg_style4.jpg) repeat-x scroll center 24px");
        }
			
				$('.luce')
					.each(
    					function(){
    						iRandFade = 400;
    						
    						if( $(this).is(show) ){   						
    							if( $.browser.msie && $.browser.version < 8 ){
    								$(this).show();
    							}else{
    								$(this).fadeIn(iRandFade);
    							}
    						}else{
    							if( $.browser.msie && $.browser.version < 8 ){
    								$(this).hide();
    							}else{
    								$(this).fadeOut(iRandFade);
    							}
    						}
    					}
    				);
    				
			}
			
	function initFoliageOMeter( after ){
			
				//create the DOM object for the foliage-o-meter
				var fom = $('<div id="dimmer"><div id="track"><div id="slider"></div></div></div>');
				var fomSlider = fom.find('#slider');
				var fomTrack =  fom.find('#track');
				
				//now, inject the xhtml for this foliage o meter
	    		$(after).after( fom.css({opacity:0}).animate({opacity:1},1500) );
	    		//get the cookied slider position and restore it	    		
	    		var slider_position = parseInt($.cookie('dimmer_level'));
	    		if( !slider_position ) slider_position = 100;
	    		fomSlider.css( {left: slider_position + "px" } );
				fomSliderChange( { left:slider_position, percentLeft: slider_position/(fomTrack.width() - fomSlider.width()) } );
				
				//make this slider draggable
				fomSlider.draggable( { 
										constrainTo: fomTrack , 
										onRelease: fomSliderChange,
										onDrag: function(){
													$(this).addClass('dragging');
												} 
									 } );
		
    			}
          
  initFoliageOMeter('#ildimmer');

			

			
		}
	);
})( jQuery );