$(document).ready(function() { 
		
		window.$my = {
			energySaved : parseFloat ( $('input[name=energySaved]').val() ),
			energySavedPerSecond : parseFloat ( $('input[name=energySavedPerSecond]').val() ),
			energy_saved : $('#energy-saved'),
			energy_saved_d : Array(),
			carbon_saved : $('#carbon-saved'),
			carbon_saved_d : [],
			foo: 1
		}
		
		for ( var i = 0; i < 7; i ++ ) {
			var s = '<span class="digit-' + i + '"></span>';
			window.$my.energy_saved.append ( s );
			window.$my.energy_saved_d[i] = window.$my.energy_saved.find('.digit-' + i);

			window.$my.carbon_saved.append ( s );
			window.$my.carbon_saved_d[i] = window.$my.carbon_saved.find('.digit-' + i);
		}

		window.$my.energy_saved.append ( '<span class="digit-unit"></span>' );
		window.$my.energy_saved.find('.digit-unit').css ( 'background-position', '-264px' );

		window.$my.carbon_saved.append ( '<span class="digit-unit"></span>' );
		window.$my.carbon_saved.find('.digit-unit').css ( 'background-position', '-312px' );

 		energise();
 		setInterval ( 'energise();', 1000 );

		if ( $('#home-images').length > 0 ) {
			$.get( "/home_images?", 
				   function(data){
					   var items = data.split("\n");
				   
					   $.each(items, function ( k, v ) {
							   s = '<div class="home-image" style="background:url(' + v + '); "></div>';
							   $('#home-images').append(s);
						   });

					   $('#home-images .home-image').hide();
					   $('#home-images .home-image:first-child').show();
					   $('#home-images .home-image:first-child').addClass('home-image-active');
					   setInterval ( 'HomeRotate();', 4000 );
					   
				   });

		}


		// Log a Service Request Form
		var s = '';

		s += '<p>Please call our service desk on<br />9758 9555 then enter your details below to get remote support.</p>';
		s += '<form action="https://broker.gotoassist.com/h/gegroup" method="get" name="QuestionEntry" id="ServiceRequestForm" target="_blank">';
		s += '<input type="hidden" name="Portal" value="gegroup">'; 
		s += '<input type="hidden" name="Target" value="ds/queryPost.flow">';  
		s += '<input type="hidden" name="Template" value="ds/questionEntry.tmpl">'; 
		s += '<input type="hidden" name="JavaScript" value="false">'; 
		s += '<input type="hidden" name="Form" value="gegroupSmartBox">'; 
		s += '<p><input type="text" class="text" name="Name_Full" id="ServiceRequestName" value="Your name"></p>';
		s += '<p><textarea name="Question" id="ServiceRequestQuestion">Type your question</textarea></p>';
		s += '<p class="send-button"><input type="image" name="submit" value="Start" id="submit" src="/images/send-button.png"></p>';
		s += '</form>'; 

		$('#home-service-request').prepend(s);

		var nameEl = $('#home-service-request input[name=Name_Full]');
		var inputDefaultName_Full = nameEl.val();
		nameEl.addClass('hint');
	
		nameEl.focus( function() {
				nameEl.removeClass('hint');
				nameEl.removeClass ( 'error' );
				if ( $(this).val() == inputDefaultName_Full ) {
					$(this).val('');
				}
			});

		nameEl.blur( function() {
				if ( $(this).val() == ''  ) {
					$(this).val( inputDefaultName_Full );
					nameEl.addClass('hint');
				}
			});

		var questionEl = $('#home-service-request textarea[name=Question]');
		var inputDefaultQuestion = questionEl.val();
		questionEl.addClass('hint');
	
		questionEl.focus( function() {
				questionEl.removeClass('hint');
				questionEl.removeClass('error');
				if ( $(this).val() == inputDefaultQuestion ) {
					$(this).val('');
				}
			});

		questionEl.blur( function() {
				if ( $(this).val() == ''  ) {
					$(this).val( inputDefaultQuestion );
					questionEl.addClass('hint');
				}
			});

		$('#home-service-request input[name=submit]').click( function () {

				var valid = true;

				var name =  nameEl.val();
				var question = questionEl.val();

				if ( '' == name || inputDefaultName_Full == name ) {
					nameEl.addClass ( 'error' );
					valid = false;
				} else {
					nameEl.removeClass ( 'error' );
				}
				
				if ( '' == question || inputDefaultQuestion == question  ) {
					questionEl.addClass ( 'error' );
					valid = false;
				} else {
					questionEl.removeClass ( 'error' );
				}

   				return valid;

			});

	});


function energise () {
	digitise ( window.$my.energy_saved_d, window.$my.energySaved );
	var carbon = parseFloat(window.$my.energySaved * 0.94);
	digitise ( window.$my.carbon_saved_d, carbon );
	window.$my.energySaved += window.$my.energySavedPerSecond;
}



function digitise( els, val ) {

	val = parseFloat(val);
	if ( val >= 10000 ) {
		val = val.toFixed(2) + '';
	} else {
		val = val.toFixed(3) + '';
	}

	for ( i = 6; i >= 0; i-- ) {
		var d = val.substr ( i, 1 );
		if ( '.' == d ) {
			els[i].css ( 'background-position', ( '-240px 0' ) );
		} else {
			var x = ( d * 24 );
			els[i].css ( 'background-position', ( '-' + x + 'px 0' ) );
		}

	}

}

function HomeRotate() {
 	var e = $('#home-images .home-image-active').next();
	if ( e.length == 0 ) {
		e = $('#home-images .home-image:first-child');
	}

  	$('#home-images .home-image-active').fadeOut( 1000, function() {
			$('#home-images .home-image-active').removeClass('home-image-active');
			$(e).fadeIn( 1000, function() {
					$(e).show();
				});
		    $(e).addClass('home-image-active');
		});

}


function log ( s ) {
	if ( $('#log').length == 0 ) {
		$('#background').prepend('<div id="log" style="background: #fc0;">C</div>');
	}
	$('#log').html(s);
}