/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// config vars
	//
	//
var cur_item = 0;
var switcher_timer;
var item_array = new Array();
var is_loading = false;

/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// create_switcher()
	//
	//
function create_switcher() {
	if(!$('home')) return false;
	//
	// create html elements
	//
	var item_switcher = Builder.node('div', { id: 'item_switcher' }, [
		Builder.node('ul', { id: 'navigation'}, [
			Builder.node('li', [
				Builder.node('a', { href: '#difference'}, 'The Relax in Comfort Difference')
			]),
			Builder.node('li', [
				Builder.node('a', { href: '#saying'}, 'What people are saying')
			]),
			Builder.node('li', [
				Builder.node('a', { href: '#kaymed'}, 'Kaymed vs. Tempur Pedic')
			]),
			Builder.node('li', {className: 'last_item'}, [
				Builder.node('a', { href: '#comfortarie'}, 'Comfortaire vs. Sleep Number')
			])
		]),
		Builder.node('div',{ id: 'item_container' }),
		Builder.node('div',{ id: 'preloader' }, [
			Builder.node('span', 'Loading...'),
			Builder.node('div', {id: 'loader_graphic'})
		])
			
	]);
	
	//
	// append elements to document
	//
	$('content_main').appendChild(item_switcher);
	init_navigation();
	
	//
	//
	// Create each item
	// 
	//	
	var item_difference = Builder.node('div', { id: 'difference', className: 'item' }, [
		Builder.node('h4', 'We invite you to experience the ', [Builder.node('strong', [Builder.node('span', '')], 'Relax in Comfort'), Builder.node('span', ' difference')]),
		Builder.node('ul', [
			Builder.node('li', 'Over 40 years in business'),
			Builder.node('li', 'Low price guarantee'),
			Builder.node('li', '\"Same as Cash\" options')
		]),
		Builder.node('a', { className: 'button', href: base_path + '/why_relax'}, 'Read More')
	]);
	
	var item_saying = Builder.node('div', { id: 'saying', className: 'item' }, [
		Builder.node('h3', 'Chris DiMarco'),
		Builder.node('h4', '3 Time PGA Tour Winner'),
		Builder.node('p', 'We never knew the difference, but now we realize what we were missing...'),
		Builder.node('a', { className: 'button', href: base_path + '/testimonials'}, 'Read More')
	]);
	
	var item_kaymed = Builder.node('div', { id: 'kaymed', className: 'item' }, [
		Builder.node('h3', 'Kaymed'),
		Builder.node('ul', [
			Builder.node('li', 'Sleeps 400% cooler'),
			Builder.node('li', 'Over 35% better relief of pressure'),
			Builder.node('li', 'In business for over 100 years')
		]),
		Builder.node('a', { className: 'button', href: base_path + '/knowledge/mattresses/compare/kaymed/indulge'}, 'Read More')
	]);
	
	var item_comfortaire = Builder.node('div', { id: 'comfortaire', className: 'item' }, [
		Builder.node('h3', 'Comfortaire'),
		Builder.node('ul', [
			Builder.node('li', 'Offers more support than Sleep Number'),
			Builder.node('li', 'Offers 100 sleep settings'),
			Builder.node('li', '20 year limited warranty')
		]),
		Builder.node('a', { className: 'button', href: base_path + '/knowledge/faq#comfortaireVSsleepnumber'}, 'Read More')
	]);
	
	item_array = [item_difference, item_saying, item_kaymed, item_comfortaire];
	show_item(cur_item);
};
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// show_item(itemNum)
	//
	//
function show_item(itemNum) {
	var theItem = item_array[itemNum];
	$('item_container').appendChild(theItem);	
	var preloader = $('preloader');
	fadeElem(preloader, 1, 1, 0.0);
	setWindowLoc(theItem, preloader);
	
	timed_move();
	active_item(itemNum, 'activate');
	is_loading = false;
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// unload_item(cur_item)
	//
	//
function unload_item(cur_item) {
	is_loading = true;
	stop_timer();
	fadeElem($('preloader'), 0.2, 0.0, 1);
	setTimeout(function() {$('item_container').removeChild(item_array[cur_item])}, 2000);
	active_item(cur_item, 'deactivate');
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// active_item(itemNum, action)
	//
	//
function active_item(itemNum, action) {
	var nav = $('navigation');
	var cur_link = nav.getElementsByTagName('li')[itemNum].getElementsByTagName('a')[0];
	if(action == 'activate') {
		cur_link.className = 'active';
	}else{
		cur_link.className = '';
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// init_navigation()
	//
	//
function init_navigation() {
	var nav_items = $('navigation').getElementsByTagName('li');
	for(var i=0; i < nav_items.length; i++) {
		var t = nav_items[i];
		t.item_num = i;
		t.a = t.getElementsByTagName('a')[0];
		t.a.onclick = function() {
			call_item(this.parentNode.item_num);
			return false;
		}
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// call_item(itemNum)
	//
	//
function call_item(itemNum) {
	if(is_loading == false) {
		is_loading = true;
		var preloader = $('preloader');
		stop_timer();
		fadeElem($(preloader), 0.2, 0.0, 1);
		setTimeout(function() {$('item_container').removeChild(item_array[cur_item])}, 1000);
		
		active_item(cur_item, 'deactivate');
		active_item(itemNum, 'activate');
		var theItem = item_array[itemNum];
		setTimeout(function() {
			$('item_container').appendChild(theItem);
			fadeElem(preloader, 1, 1, 0.0);
			setWindowLoc(theItem, preloader);
			cur_item = itemNum;
			is_loading = false;
		}, 2000);
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// setWindowLoc(theItem, trigger)
	//
	//
function setWindowLoc(theItem, trigger) {
	var destination = theItem.getElementsByTagName('a')[0].href;
	trigger.onclick = function() {
		window.location = destination;
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// next() and previous()
	//
	//
function next() {
	unload_item(cur_item);
	if(cur_item == item_array.length - 1) {
		cur_item = 0;
	}else{
		cur_item++;
	}
	setTimeout(function() {show_item(cur_item)}, 2000);
	return false;
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// timed movement
	//
	//
function timed_move() {
	switcher_timer = setInterval(next, 8000);
}

function stop_timer() {
	if(switcher_timer) {
		clearInterval(switcher_timer);
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
	//
	//
	// start it onload
	//
	//
addLoadEvent(function(){
	create_switcher();
});