window.addEvent('domready', function() {
	var loading = $('loading');
	loading.setStyle('display', 'none');
	var saving = $('saving');
	saving.setStyle('display', 'none');
	$('reviewcontrols').setStyle('display', 'none');
	var stepone = $('rfqcontact');
	var morecontact = $('rfqcontactmore');
	morecontact.setStyle('display', 'none');
	var getmorecontact = $('getmorecontact');
	var lesscontact = $('getlesscontact');
	lesscontact.setStyle('display', 'none');
	var steptwo = $('rfqproject');
	steptwo.setStyle('display', 'none');
	var stepthree = $('rfqitems');
	stepthree.setStyle('display', 'none');
	var stepfour = $('rfqdetails');
	stepfour.setStyle('display', 'none');
	var panelmatch = $('panel_match');
	var panelextra = $('panelextra');
	panelextra.setStyle('display', 'none');
	var edge = $('edge');
	var edgeextra = $('edgeExtra');
	edgeextra.setStyle('display', 'none');
	var stepfive = $('rfqsubmit');
	stepfive.setStyle('display', 'none');
	var itemlimit = $('itemlimit');
	itemlimit.setStyle('display', 'none');
	var items = $$(['item2', 'item3', 'item4', 'item5', 'item6', 'item7'])
	items.each(function(item) {
		item.setStyle('display', 'none');
	});
	var removes = $$(['remove2', 'remove3', 'remove4', 'remove5', 'remove6', 'remove7'])
	removes.each(function(remove) {
		remove.setStyle('display', 'none');
	});
	var backtostep1 = $('backtostep1');
	var gotostep2 = $('gotostep2');
	var backtostep2 = $$('.backtostep2');
	var gotostep3 = $('gotostep3');
	var backtostep3 = $('backtostep3');
	var gotostep4 = $$('.gotostep4');
	var backtostep4 = $('backtostep4');
	var review = $$('.review');
	var gotostep5 = $('gotostep5');
	var savecontrols = $$('.save');
	savecontrols.setStyle('display', 'none');
	var addcounter = 2;
	$('additem').addEvent('click', function(e) {
		e = new Event(e);
		e.stop();
		if (addcounter > 2) {
			r = addcounter - 1;
			hideremovelink = "remove"+r;
			$(hideremovelink).setStyle('display', 'none');
		}
		if (addcounter <= 7) {
			itemtoadd = "item"+addcounter;
			removelink = "remove"+addcounter;
			$(itemtoadd).setStyle('display', 'block');
			$(removelink).setStyle('display', 'inline');
			addcounter = addcounter + 1;
		}
		if (addcounter > 7) {
			$('itemcontrols').setStyle('display', 'none');
			itemlimit.setStyle('display', 'block');
		}
	});
	
	$('remove2').addEvent('click', function(e) {
		e = new Event(e);
		$('item2').setStyle('display', 'none');
		e.stop();
		var item2inputs = $('item2').getElements('input');
		item2inputs.setProperty('value','');
		addcounter = 2;
		$('itemcontrols').setStyle('display', 'block');
		itemlimit.setStyle('display', 'none');
	});
	
	$('remove3').addEvent('click', function(e) {
		e = new Event(e);
		$('item3').setStyle('display', 'none');
		$('remove2').setStyle('display', 'inline');
		e.stop();
		var item3inputs = $('item3').getElements('input');
		item3inputs.setProperty('value','');
		addcounter = 3;
		$('itemcontrols').setStyle('display', 'block');
		itemlimit.setStyle('display', 'none');
	});
	
	$('remove4').addEvent('click', function(e) {
		e = new Event(e);
		$('item4').setStyle('display', 'none');
		$('remove3').setStyle('display', 'inline');
		e.stop();
		var item4inputs = $('item4').getElements('input');
		item4inputs.setProperty('value','');
		addcounter = 4;
		$('itemcontrols').setStyle('display', 'block');
		itemlimit.setStyle('display', 'none');
	});
	
	$('remove5').addEvent('click', function(e) {
		e = new Event(e);
		$('item5').setStyle('display', 'none');
		$('remove4').setStyle('display', 'inline');
		e.stop();
		var item5inputs = $('item5').getElements('input');
		item5inputs.setProperty('value','');
		addcounter = 5;
		$('itemcontrols').setStyle('display', 'block');
		itemlimit.setStyle('display', 'none');
	});
	
	$('remove6').addEvent('click', function(e) {
		e = new Event(e);
		$('item6').setStyle('display', 'none');
		$('remove5').setStyle('display', 'inline');
		e.stop();
		var item6inputs = $('item6').getElements('input');
		item6inputs.setProperty('value','');
		addcounter = 6;
		$('itemcontrols').setStyle('display', 'block');
		itemlimit.setStyle('display', 'none');
	});
	
	$('remove7').addEvent('click', function(e) {
		e = new Event(e);
		$('item7').setStyle('display', 'none');
		$('remove6').setStyle('display', 'inline');
		e.stop();
		var item7inputs = $('item7').getElements('input');
		item7inputs.setProperty('value','');
		addcounter = 7;
		$('itemcontrols').setStyle('display', 'block');
		itemlimit.setStyle('display', 'none');
	});
	
	panelmatch.addEvent('change', function() {
		if (panelmatch.value == 'Pair Matched/Sets') {
			panelextra.setStyle('display', 'block');
		}
		else {
			panelextra.setStyle('display', 'none');			
		}
	});
	
	edge.addEvent('change', function() {
		if (edge.value == 'Exposed Lumber Band' || edge.value == 'Concealed Lumber Band') {
			edgeextra.setStyle('display', 'block');
		}
		else {
			edgeextra.setStyle('display', 'none');			
		}
	});
	
	getmorecontact.addEvent('click', function(e) {
		e = new Event(e);
		morecontact.setStyle('display', 'block');
		e.stop();
		getmorecontact.setStyle('display', 'none');
		lesscontact.setStyle('display', 'inline');
	});
	
	lesscontact.addEvent('click', function(e) {
		e = new Event(e);
		morecontact.setStyle('display', 'none');
		e.stop();
		getmorecontact.setStyle('display', 'inline');
		lesscontact.setStyle('display', 'none');
	});
	
	backtostep1.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'block');
		steptwo.setStyle('display', 'none');
		stepthree.setStyle('display', 'none');
		stepfour.setStyle('display', 'none');
		e.stop();
	});
	
	gotostep2.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		stepthree.setStyle('display', 'none');
		stepfour.setStyle('display', 'none');
		saving.setStyle('display', 'block');
		var showstep = function(){
			saving.setStyle('display', 'none');
			steptwo.setStyle('display', 'block');
		}
		myTimer = showstep.delay(2000)
		e.stop();
	});
	
	backtostep2.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'block');
		stepthree.setStyle('display', 'none');
		stepfour.setStyle('display', 'none');
		e.stop();
	});
	
	gotostep3.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'none');
		stepfour.setStyle('display', 'none');
		saving.setStyle('display', 'block');
		var showstep = function(){
			saving.setStyle('display', 'none');
			stepthree.setStyle('display', 'block');
		}
		myTimer = showstep.delay(2000)
		e.stop();
	});
	
	backtostep3.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'none');
		stepthree.setStyle('display', 'block');
		stepfour.setStyle('display', 'none');
		e.stop();
	});
	
	gotostep4.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'none');
		stepthree.setStyle('display', 'none');
		saving.setStyle('display', 'block');
		var showstep = function(){
			saving.setStyle('display', 'none');
			stepfour.setStyle('display', 'block');
		}
		myTimer = showstep.delay(2000)
		e.stop();
	});
	
	backtostep4.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'none');
		stepthree.setStyle('display', 'none');
		stepfour.setStyle('display', 'block');
		$('step4controls').setStyle('display', 'block');
		stepfive.setStyle('display', 'none');
		e.stop();
	});
	
	gotostep5.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'none');
		stepthree.setStyle('display', 'none');
		stepfour.setStyle('display', 'none');
		saving.setStyle('display', 'block');
		var showstep = function(){
			saving.setStyle('display', 'none');
			stepfive.setStyle('display', 'block');
			$('reviewcontrols').setStyle('display', 'block');
		}
		myTimer = showstep.delay(2000)
		e.stop();
	});
	
	review.addEvent('click', function(e) {
		e = new Event(e);
		stepone.setStyle('display', 'none');
		steptwo.setStyle('display', 'none');
		stepthree.setStyle('display', 'none');
		stepfour.setStyle('display', 'none');
		$('step1controls').setStyle('display', 'none');
		$('step2controls').setStyle('display', 'none');
		$('itemcontrols').setStyle('display', 'none');
		itemlimit.setStyle('display', 'none');
		$('step4controls').setStyle('display', 'none');
		loading.setStyle('display', 'block');
		var showstep = function(){
			loading.setStyle('display', 'none');
			stepone.setStyle('display', 'block');
			steptwo.setStyle('display', 'block');
			stepthree.setStyle('display', 'block');
			stepfour.setStyle('display', 'block');
			$('reviewcontrols').setStyle('display', 'block');
			$('editstep1').setStyle('display', 'inline');
			$('editstep2').setStyle('display', 'inline');
			$('editstep3').setStyle('display', 'inline');
			$('editstep4').setStyle('display', 'inline');
		}
		myTimer = showstep.delay(3000)
		e.stop();
	});
});