var home_form = document.getElementById('home_form');
var children = home_form.getElementsByTagName('div');
var form_header = getFormHeader();
var wmxform = getWmxform();

var home_show = document.getElementById('home_showroom');
var home_mark = document.getElementById('home_markup');
var left_button = document.getElementById('left_button');
var right_button = document.getElementById('right_button');

form_header.onclick = function() {
	if(form_header.className == 'heading form_hidden')
	{
		showForm();
	}
	else
	{
		hideForm();
	}
};

left_button.onclick = function() {
	hideShowroom();
}

right_button.onclick = function() {
	hideMarkup();
}

hideForm();
hideMarkup();

function getFormHeader()
{
	for (var i = 0; i < children.length; i++)
	{
		if(children[i].className == "heading")
		{
			return children[i];
		}
	}
	
	return null;
}

function getWmxform()
{
	for (var i = 0; i < children.length; i++)
	{
		if(children[i].className == "wmxform")
		{
			return children[i];
		}
	}
	
	return null;
}

function hideForm()
{
	form_header.className = 'heading form_hidden';
	wmxform.style.display = 'none';
}

function showForm()
{
	form_header.className = 'heading form_visible';
	wmxform.style.display = 'block';
}

function hideMarkup()
{
	home_mark.className = 'hideMarkup';
	right_button.style.display = 'none';
	home_show.className = 'showShowroom';
	left_button.style.display = 'block';
}

function hideShowroom()
{
	home_show.className = 'hideShowroom';
	left_button.style.display = 'none';
	home_mark.className = 'showMarkup';
	right_button.style.display = 'block';
}