var image_directory = '/uploads/images/home/';

var background_image_timeout;
var next_background_image;
var next_intro_section;
var current_intro_section;
var current_hash;

var intro_sections = ['welcome', 'residential', 'commercial', 'architects'];

function hide_intros() {
	for (var i = 0; i < intro_sections.length; i++) {
		$(intro_sections[i] + '-header-background').fade('hide');
		$(intro_sections[i] + '-header').fade('hide');
		$(intro_sections[i] + '-subheader-background').fade('hide');
		$(intro_sections[i] + '-subheader').fade('hide');
	}
	$('intro-submenu-background').fade('hide');
	$('intro-submenu').fade('hide');
}

function intro_fade_in() {
	hide_intros();
	
	if ('onhashchange' in window) {
		window.onhashchange = function () {
			load_intro(window.location.hash.replace(/#/, ''));
		}
	} else {
		var current_hash = window.location.hash;
		window.setInterval(function () {
			if (window.location.hash != current_hash) {
				current_hash = window.location.hash;
				load_intro(current_hash.replace(/#/, ''));
			}
		}, 100);
	}
	
	if (window.location.hash != '') {
		load_intro(window.location.hash.replace(/#/, ''));
	} else {
		fade_in_header_background('welcome');
		fade_in_header('welcome');
		fade_in_subheader_background('welcome');
		fade_in_subheader('welcome');
	}
	
	$('intro-submenu-background').fade(0.7);
	var intro_submenu_background_tween = new Fx.Tween($('intro-submenu-background'), { duration: 'long', transition: Fx.Transitions.Circ.easeOut });
	intro_submenu_background_tween.start('right', '-340', '40');
	
	$('intro-submenu').fade('in');
	var intro_submenu_tween = new Fx.Tween($('intro-submenu'), { duration: 'long', transition: Fx.Transitions.Circ.easeOut });
	intro_submenu_tween.start('right', '-340', '40');
}

function fade_in_header_background(intro_section) {
	$(intro_section + '-header-background').fade(0.7);
	var header_background_tween = new Fx.Tween($(intro_section + '-header-background'), { duration: 'long', transition: Fx.Transitions.Circ.easeOut });
	header_background_tween.start('left', '370', '70');
}
function fade_in_header(intro_section) {
	$(intro_section + '-header').fade('in');
	var header_background_tween = new Fx.Tween($(intro_section + '-header'), { duration: 'long', transition: Fx.Transitions.Circ.easeOut });
	header_background_tween.start('left', '380', '80');
}
function fade_in_subheader_background(intro_section) {
	$(intro_section + '-subheader-background').fade(0.7);
	var welcome_subheader_background_tween = new Fx.Tween($(intro_section + '-subheader-background'), { duration: 2000, transition: Fx.Transitions.Circ.easeOut });
	welcome_subheader_background_tween.start('left', '870', '70');
}
function fade_in_subheader(intro_section) {
	$(intro_section + '-subheader').fade('in');
	var welcome_subheader_tween = new Fx.Tween($(intro_section + '-subheader'), { duration: 2000, transition: Fx.Transitions.Circ.easeOut });
	welcome_subheader_tween.start('left', '880', '80');
}

function load_intro(intro_section) {
	next_intro_section = intro_section.toLowerCase();
	if (next_intro_section == current_intro_section) {
		return false;
	}
	current_intro_section = next_intro_section;

	$('residential-submenu-item').removeClass('current-item');
	$('commercial-submenu-item').removeClass('current-item');
	$('architects-submenu-item').removeClass('current-item');
	$(current_intro_section + '-submenu-item').addClass('current-item');
	
	fade_out_intros();
	next_background_image = intro_section + '.jpg';
	$('body_container').style.backgroundImage = 'url("' + image_directory + next_background_image + '")';
	$('homepage-intro-background').fade('out');
	clearTimeout(background_image_timeout);
	background_image_timeout = setTimeout('next_intro();', 400);
	
	return false;
}

function fade_out_intros() {
	for (var i = 0; i < intro_sections.length; i++) {
		$(intro_sections[i] + '-header-background').fade('out');
		$(intro_sections[i] + '-header').fade('out');
		$(intro_sections[i] + '-subheader-background').fade('out');
		$(intro_sections[i] + '-subheader').fade('out');
		var intro_section = $('intro-' + intro_sections[i]);
		if (intro_section) {
			intro_section.fade('out');
		}
	}
}

function next_intro() {
	$('homepage-intro-background').style.backgroundImage = 'url("' + image_directory + next_background_image + '")';
	$('homepage-intro-background').fade('in');
	$('intro-' + next_intro_section).fade('in');
	fade_in_header_background(next_intro_section);
	fade_in_header(next_intro_section);
	fade_in_subheader_background(next_intro_section);
	fade_in_subheader(next_intro_section);
}