var number_of_RISERS = 0;
var RISE_Height = 0;
var Number_of_RUNS = 0;
var total_stair_run = 0;
var run = 0;
var total_stair_rise = 0;
var run_nose = run;

// Show and Hide Function
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_setTextOfTextfield(objId,x,newText) { //v9.0
  with (document){ if (getElementById){
    var obj = getElementById(objId);} if (obj) obj.value = newText;
  }
}

function MM_changeProp(objId,x,theProp,theValue) { //v9.0
  var obj = null; with (document){ if (getElementById)
  obj = getElementById(objId); }
  if (obj){
    if (theValue == true || theValue == false)
      eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
  }
}

function tread_nose(x_nose) {
	//alert(x_nose);
	if(x_nose == 1){
		run_nose = Number(run) + .75;
		//nose = '1';
	}else{
		run_nose = Number(run);
		//nose = '0';
	}
	nose_ee_fix = x_nose;
	//mat_list();
    //MM_showHideLayers('mat_butt','','show','mat_list','','show','screws',',','show');
	//,'cleat','','hide','cleat_size','','hide','cleat_quant','','hide','screws','','show','finishedstairdiag','','show','cleatbracketdiag','','hide','screws','','hide'
}


function mat_list(){
	//alert(run_nose);
	MM_showHideLayers('materialslist','','show');
	
	//step 4 fields
	stringerthickness = document.step4form.stringerthickness.value;
	overallstairwidth = document.step4form.overallstairwidth.value;	
	
	//material display
	document.getElementById('Bracket_Sets_quant_text').innerHTML = Number_of_RUNS;
	
	//if its 2 half treads then 
	if(stair_location == 'Exterior'){
		if(single_half == 'single'){
			document.getElementById('Treads_size_text').innerHTML = treadthickness + ' x ' + run_nose + ' - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
			document.getElementById('Treads_quant_text').innerHTML = Number_of_RUNS;
		} else {
			document.getElementById('Treads_size_text').innerHTML = treadthickness + ' x 6 - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
			document.getElementById('Treads_quant_text').innerHTML = Number(Number_of_RUNS) * 2;
		}
	} else {
		document.getElementById('Treads_size_text').innerHTML = treadthickness + ' x ' + run_nose + ' - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
		document.getElementById('Treads_quant_text').innerHTML = Number_of_RUNS;
	}
	
	
	document.getElementById('Risers_size_text').innerHTML = riserthickness + ' x ' + RISE_Height + ' - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
	document.getElementById('Risers_quant_text').innerHTML = Number(number_of_RISERS - 1);
	
	//document.getElementById('Bottom_Riser_size_text').innerHTML = riserthickness + ' x ' + Math.round((Number(step4_C) - Number(finishedsurfacethickness))*100)/100 + ' - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
	document.getElementById('Bottom_Riser_size_text').innerHTML = riserthickness + ' x ' + step4_C + ' - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
	
	document.getElementById('Bottom_Riser_quant_text').innerHTML = '1';
	
	if(Number(riserfacingthickness) > 0) {
		document.getElementById('Top_Riser_size_text').innerHTML = riserfacingthickness  + ' x ' + RISE_Height + ' - ' + (Number(overallstairwidth) - (Number(stringerthickness) * 2));
		document.getElementById('Top_Riser_quant_text').innerHTML = '1';
	} else {
		document.getElementById('Top_Riser_size_text').innerHTML = '0';
		document.getElementById('Top_Riser_quant_text').innerHTML = '0';
		MM_showHideLayers('Top_Riser_size_div','','hide','Top_Riser_size_div2','','hide','Top_Riser_size_div3','','hide');
		
	}
	
	document.getElementById('Stringers_size_text').innerHTML = stringerthickness + ' x 6 - ' + stringer_wood_feet;	
	
	document.getElementById('cleat_size_text').innerHTML = '';
	
	cleat_quant_ee = Math.round(((Number(overallstairwidth - 12) / 12) * 2) * Number(Number_of_RUNS));
	
	document.getElementById('cleat_quant_text').innerHTML = cleat_quant_ee;
	
	//scrws
	if(stringerthickness < .99){screw_Stringer_type = '3/4 x #8 Sheet Metal Screw';}
	if(stringerthickness >= 1){screw_Stringer_type = '1 x #8 Woodscrew';}
	if(stringerthickness >= 1.26){screw_Stringer_type = '1 1/4 x #8 Woodscrew';}
	
	if(riserthickness < .99){screw_Riser_type = '3/4 x #8 Sheet Metal Screw';}
	if(riserthickness >= 1){screw_Riser_type = '1 x #8 Woodscrew';}
	if(riserthickness >= 1.26){screw_Riser_type = '1 1/4 x #8 Woodscrew';}
	
	if(treadthickness < .99){screw_Tread_type = '3/4 x #8 Sheet Metal Screw';}
	if(treadthickness >= 1){screw_Tread_type = '1 x #8 Woodscrew';}
	if(treadthickness >= 1.26){screw_Tread_type = '1 1/4 x #8 Woodscrew';}
	
	
	
	document.getElementById('screw_Stringer_type_text').innerHTML = screw_Stringer_type;
	document.getElementById('screw_Riser_type_text').innerHTML = screw_Riser_type;
	document.getElementById('screw_Tread_type_text').innerHTML = screw_Tread_type;
	
	document.getElementById('screw_Stringer_text').innerHTML = 18 * Number(Number_of_RUNS);
	document.getElementById('screw_Riser_text').innerHTML = 10 * Number(Number_of_RUNS);
	document.getElementById('screw_Tread_text').innerHTML = 6 * Number(Number_of_RUNS);
	
	
	screw_Tread_Ext = ((Number(overallstairwidth) / 8) * 2) * Number(Number_of_RUNS);
	screw_Tread_Ext = Math.round(screw_Tread_Ext * 100)/100;
	
	screw_Half_Tread = ((Number(overallstairwidth - 12) / 12) * 4) * Number(Number_of_RUNS);
	screw_Half_Tread = Math.round(screw_Half_Tread * 100)/100;
	
	screw_Half_Tread_cleats = '';
	//screw_Half_Tread_cleats = Math.round((Number(cleat_quant_ee) * 6) * Number(Number_of_RUNS));
	
	screw_Carpeted = ((Number(overallstairwidth) / 8) * 2) * Number(Number_of_RUNS);
	screw_Carpeted = Math.round(screw_Carpeted * 100)/100;
	
	screw_Finished = (Number(overallstairwidth) / 8) * Number(Number_of_RUNS);
	screw_Finished = Math.round(screw_Finished * 100)/100;
	
	screw_Finished_nails = (Number(overallstairwidth) / 8) * Number(Number_of_RUNS);
	screw_Finished_nails = Math.round(screw_Finished_nails * 100)/100;
	
	document.getElementById('screw_Tread_Ext_text').innerHTML = screw_Tread_Ext; 
	document.getElementById('screw_Half_Tread_text').innerHTML = screw_Half_Tread; 
	document.getElementById('screw_Half_Tread_cleats_text').innerHTML = screw_Half_Tread_cleats;
	document.getElementById('screw_Carpeted_text').innerHTML = screw_Carpeted; 
	document.getElementById('screw_Finished_text').innerHTML = screw_Finished;
	document.getElementById('screw_Finished_nails_text').innerHTML = screw_Finished_nails;
	
}

function step_3(){
	
	//this is recording what was entered in step 3
	treadthickness = document.step3form.treadthickness.value;
	riserthickness = document.step3form.riserthickness.value;
	finishedsurfacethickness = document.step3form.finishedsurfacethickness.value;
	riserfacingthickness = document.step3form.riserfacingthickness.value; 
	
	
	
	if(document.step3form.finished_surface[0].checked == true) {
		finished_surface = 'A';
		step4_C = Number(RISE_Height) - Number(treadthickness);
	}else {
		finished_surface = 'B';
		step4_C = Number(RISE_Height) - Number(treadthickness) + Number(finishedsurfacethickness);
	}
	
	if(document.step3form.finished_riser_facing[0].checked == true) {
		step4_A = Number(run) - Number(riserthickness) + Number(riserfacingthickness);
		finished_riser_facing = true;
	}else {
		step4_A = Number(run) - Number(riserthickness);
		finished_riser_facing = false;
	}
	
	//alert(step4_A);
	step4_B = Number(document.getElementById('front_cut').innerHTML);
	
	
	
	step4_C = Math.round(step4_C * 100)/100;
	
	
	document.getElementById('step4_A_text').innerHTML = step4_A;
	document.getElementById('step4_B_text').innerHTML = step4_B;
	document.getElementById('step4_C_text').innerHTML = step4_C;
	
	//nevin here is where you put in the names of the pictures you made for the brackets, 15 is done for you as an example
	what_bracket_pic = '';
	if(Number_of_RUNS == 1){what_bracket_pic = 'images/stringerdiag01.gif';}
	if(Number_of_RUNS == 2){what_bracket_pic = 'images/stringerdiag02.gif';}
	if(Number_of_RUNS == 3){what_bracket_pic = 'images/stringerdiag03.gif';}
	if(Number_of_RUNS == 4){what_bracket_pic = 'images/stringerdiag04.gif';}
	if(Number_of_RUNS == 5){what_bracket_pic = 'images/stringerdiag05.gif';}
	if(Number_of_RUNS == 6){what_bracket_pic = 'images/stringerdiag06.gif';}
	if(Number_of_RUNS == 7){what_bracket_pic = 'images/stringerdiag07.gif';}
	if(Number_of_RUNS == 8){what_bracket_pic = 'images/stringerdiag08.gif';}
	if(Number_of_RUNS == 9){what_bracket_pic = 'images/stringerdiag09.gif';}
	if(Number_of_RUNS == 10){what_bracket_pic = 'images/stringerdiag10.gif';}
	if(Number_of_RUNS == 11){what_bracket_pic = 'images/stringerdiag11.gif';}
	if(Number_of_RUNS == 12){what_bracket_pic = 'images/stringerdiag12.gif';}
	if(Number_of_RUNS == 13){what_bracket_pic = 'images/stringerdiag13.gif';}
	if(Number_of_RUNS == 14){what_bracket_pic = 'images/stringerdiag14.gif';}
	if(Number_of_RUNS == 15){what_bracket_pic = 'images/stringerdiag15.gif';}
	if(Number_of_RUNS == 16){what_bracket_pic = 'images/stringerdiag16.gif';}
	if(Number_of_RUNS == 17){what_bracket_pic = 'images/stringerdiag17.gif';}
	if(Number_of_RUNS == 18){what_bracket_pic = 'images/stringerdiag18.gif';}
	if(Number_of_RUNS == 19){what_bracket_pic = 'images/stringerdiag19.gif';}
	if(Number_of_RUNS == 20){what_bracket_pic = 'images/stringerdiag20.gif';}
	if(Number_of_RUNS == 21){what_bracket_pic = 'images/stringerdiag21.gif';}
	if(Number_of_RUNS == 22){what_bracket_pic = 'images/stringerdiag22.gif';}
	
	document['picture_ez'].src = what_bracket_pic;
}

//validates and makes sure only numbers get through
function stair_validate(evt) {
	var charCode = (evt.which) ? evt.which : event.keyCode;
	if (charCode > 31 && (charCode < 48 || charCode > 57)){
		if(charCode == 46){return true;}else{return false;}}
	else{return true;}
}

//step 1
function calc_1() {
	MM_showHideLayers('step2','','show');
	number_of_RISERS = (Math.round(document.calc_form_1.total_stair_rise.value / 7));
	RISE_Height = (Math.round((document.calc_form_1.total_stair_rise.value / number_of_RISERS) * 100)/100);
	Number_of_RUNS = (number_of_RISERS - 1);
	total_stair_run = document.calc_form_1.total_stair_run.value;
	run = document.calc_form_1.stair_run.value;
	total_stair_rise = document.calc_form_1.total_stair_rise.value;
	
	if(total_stair_run.length > 0){
		run = Math.round((total_stair_run / Number_of_RUNS) * 100)/100;
		change_run_or_total_stair_run = 'run';
		//now we hide the buttons for longer or shorter
		MM_showHideLayers('long_short_butts','','hide');
	}else { 
		total_stair_run = run * Number_of_RUNS;
		change_run_or_total_stair_run = 'total_stair_run';
	}
		
	stringer_length_func();
	
	spacer_settings_func();
	
	document.getElementById('number_of_RISERS_text').innerHTML = number_of_RISERS;
	document.getElementById('RISE_Height_text').innerHTML = RISE_Height;
	document.getElementById('Number_of_RUNS_text').innerHTML = Number_of_RUNS;
	document.getElementById('RUN_text').innerHTML = run;
	document.getElementById('total_RUN_text').innerHTML = total_stair_run;
	document.getElementById('Stringer_Length_text').innerHTML = stringer_wood_feet;
	document.getElementById('Spacer_Setting_text').innerHTML = spacer_setting_x;
	
	if(document.calc_form_1.hhrestriction[0].checked == true) {
		head_height();
	} else {
		//alt stuff
		document.getElementById('number_of_RISERS_text_alt').innerHTML = number_of_RISERS;
		document.getElementById('RISE_Height_text_alt').innerHTML = RISE_Height;
		document.getElementById('Number_of_RUNS_text_alt').innerHTML = Number_of_RUNS;
		document.getElementById('RUN_text_alt').innerHTML = run;
		document.getElementById('total_RUN_text_alt').innerHTML = total_stair_run;
		document.getElementById('Stringer_Length_text_alt').innerHTML = stringer_wood_feet;
		document.getElementById('Spacer_Setting_text_alt').innerHTML = spacer_setting_x;
	}
	
	
	check_rise();
}

function interior(){
//alert('int');
stair_location = 'Interior';
	MM_showHideLayers('interior','','show','exterior','','hide');
	MM_showHideLayers('int1','','show','int2','','show','int3','','show','int4','','show','ext1','','hide','ext2','','hide','ext3','','hide','ext4','','hide','cleat','','hide','cleat_size','','hide','cleat_quant','','hide');
	MM_showHideLayers('tht1','','hide','tht2','','hide','tht3','','hide');
	MM_showHideLayers('cleatbracketdiag','','hide','DIV','finishedstairdiag','','show','DIV');
}

function exterior(){
	//alert('ext');
	stair_location = 'Exterior';
	MM_showHideLayers('interior','','hide','exterior','','show');
	MM_showHideLayers('int1','','hide','int2','','hide','int3','','hide','int4','','hide','ext1','','show','ext2','','show','ext3','','show','ext4','','show');
	MM_showHideLayers('fin1','','hide','fin2','','hide','fin3','','hide');
	MM_showHideLayers('cleatbracketdiag','','show','DIV','finishedstairdiag','','hide','DIV');
}

function fin(){
	carp_fin = 'finished';
	mat_list();
	//MM_showHideLayers('fin1','','show','int2','','hide')
}

function carp(){
	carp_fin = 'carpet';
	mat_list();
	//MM_showHideLayers('int2','','show','fin1','','hide');
}

function single(){
	single_half = 'single';
	MM_showHideLayers('ext1','','show','ext2','','show','ext3','','show','ext4','','show','tht1','','hide','tht2','','hide','tht3','','hide');
	mat_list();
}

function two(){
	single_half = 'two';
	MM_showHideLayers('ext2','','hide','tht1','','show','tht2','','show','tht3','','show');
	mat_list();
}

function flange_up(){
	//alert(document.getElementById('front_cut').innerHTML);
	document.getElementById('front_cut').innerHTML = Number(document.getElementById('front_cut').innerHTML) + .25;
}

function flange_down(){
	if(Number(document.getElementById('front_cut').innerHTML) > 0){
	document.getElementById('front_cut').innerHTML = Number(document.getElementById('front_cut').innerHTML) - .25;
	}
}

function nor_up(){
	number_of_RISERS = Number(number_of_RISERS) + 1;
	alt_calc();
}

function nor_down(){
	number_of_RISERS = Number(number_of_RISERS) - 1;
	alt_calc();
}



function run_func(){
	//alert(total_stair_run);
	if(total_stair_run.length > 0){
		run = Math.round((total_stair_run / Number_of_RUNS) * 10)/10;
	}else { 
		//run = document.calc_form_1.stair_run.value;
		total_stair_run = run * Number_of_RUNS;
	}
}

function stringer_length_func(){
	//stringer length
	Stringer_Length = Number((Number_of_RUNS * 14) + 8);
	
	if(Stringer_Length < 96){stringer_wood_feet = '8';}
	if(Stringer_Length > 96){stringer_wood_feet = '10';}
	if(Stringer_Length > 120){stringer_wood_feet = '12';}
	if(Stringer_Length > 144){stringer_wood_feet = '14';}
	if(Stringer_Length > 168){stringer_wood_feet = '16';}
	if(Stringer_Length > 192){stringer_wood_feet = '18';}
	if(Stringer_Length > 216){stringer_wood_feet = '20';}
	if(Stringer_Length > 240){stringer_wood_feet = '<span class="error">Length exceeds 20 ft. not available</span>';}	
}

function spacer_settings_func(){
	//spacer settings
	spacer = (run * run) + (RISE_Height * RISE_Height);
	
	if(spacer < 139.5){spacer_setting_x = '<div class="error">N/A</div>';}
	if(spacer > 139.5){spacer_setting_x = 'A';}
	if(spacer > 143){spacer_setting_x = 'B';}	
	if(spacer > 147){spacer_setting_x = 'C';}
	if(spacer > 152){spacer_setting_x = 'D';}
	if(spacer > 157.5){spacer_setting_x = 'E';}
	if(spacer > 162.5){spacer_setting_x = 'F';}
	if(spacer > 167.5){spacer_setting_x = 'G';}
	if(spacer > 172.5){spacer_setting_x = 'H';}
	if(spacer > 182.5){spacer_setting_x = 'i';}
	if(spacer > 187.5){spacer_setting_x = 'J';}
	if(spacer > 192.5){spacer_setting_x = 'K';}
	if(spacer > 197.5){spacer_setting_x = 'L';}
	if(spacer > 198){spacer_setting_x = 'M';}
	if(spacer > 202.5){spacer_setting_x = '<div class="error">N/A</div>';}
}

function longer(){
	/*if(change_run_or_total_stair_run == 'run'){
		run = Number(run) + .1;
	}
	
	if(change_run_or_total_stair_run == 'total_stair_run'){
		total_stair_run = Number(total_stair_run) + .1;
	}*/
	
	run = Math.round((Number(run) + .1) * 100)/100;
	total_stair_run = Math.round((run * Number_of_RUNS) * 10)/10;
	
	//alt_calc();
	
	stringer_length_func();	
	
	spacer_settings_func();
	
	document.getElementById('number_of_RISERS_text_alt').innerHTML = number_of_RISERS;
	document.getElementById('RISE_Height_text_alt').innerHTML = RISE_Height;
	document.getElementById('Number_of_RUNS_text_alt').innerHTML = Number_of_RUNS;
	document.getElementById('RUN_text_alt').innerHTML = run;
	document.getElementById('total_RUN_text_alt').innerHTML = total_stair_run;
	document.getElementById('Stringer_Length_text_alt').innerHTML = stringer_wood_feet;
	document.getElementById('Spacer_Setting_text_alt').innerHTML = spacer_setting_x;
	
	check_rise();	
}

function shorter(){
	/*if(change_run_or_total_stair_run == 'run'){
		run = Number(run) - .1;
	}
	
	if(change_run_or_total_stair_run == 'total_stair_run'){
		total_stair_run = Number(total_stair_run) - .1;
	}*/
	
	run = Math.round((run - .1) * 100)/100;
	total_stair_run = Math.round((run * Number_of_RUNS) * 10)/10;

	//alt_calc();
	
	stringer_length_func();	
	
	spacer_settings_func();
	
	document.getElementById('number_of_RISERS_text_alt').innerHTML = number_of_RISERS;
	document.getElementById('RISE_Height_text_alt').innerHTML = RISE_Height;
	document.getElementById('Number_of_RUNS_text_alt').innerHTML = Number_of_RUNS;
	document.getElementById('RUN_text_alt').innerHTML = run;
	document.getElementById('total_RUN_text_alt').innerHTML = total_stair_run;
	document.getElementById('Stringer_Length_text_alt').innerHTML = stringer_wood_feet;
	document.getElementById('Spacer_Setting_text_alt').innerHTML = spacer_setting_x;
	
	check_rise();
}

function alt_calc(){
	
	if(document.calc_form_1.hhrestriction[0].checked == true) {
		//figure out normal total_stair_run
		//alert(L2);
		RISE_Height = (Math.round((document.calc_form_1.total_stair_rise.value / number_of_RISERS) * 100)/100);
		Number_of_RUNS = (number_of_RISERS - 1);
		
		//then do the following:
		run = (Math.round((L2/number_of_RISERS) * 100)/100);
		total_stair_run = Math.round((run*Number_of_RUNS) * 100)/100;
	
		
	} else {
		
		//no head height rest, normal
		RISE_Height = (Math.round((document.calc_form_1.total_stair_rise.value / number_of_RISERS) * 100)/100);
		Number_of_RUNS = (number_of_RISERS - 1);
		
		if(change_run_or_total_stair_run == 'run'){
			run = (Math.round((total_stair_run / Number_of_RUNS) * 100)/100);
		}
		
		if(change_run_or_total_stair_run == 'total_stair_run'){
			total_stair_run = Math.round((run * Number_of_RUNS) * 10)/10;
		}
	}
	stringer_length_func();	
	
	spacer_settings_func();
	
	document.getElementById('number_of_RISERS_text_alt').innerHTML = number_of_RISERS;
	document.getElementById('RISE_Height_text_alt').innerHTML = RISE_Height;
	document.getElementById('Number_of_RUNS_text_alt').innerHTML = Number_of_RUNS;
	document.getElementById('RUN_text_alt').innerHTML = run;
	document.getElementById('total_RUN_text_alt').innerHTML = total_stair_run;
	document.getElementById('Stringer_Length_text_alt').innerHTML = stringer_wood_feet;
	document.getElementById('Spacer_Setting_text_alt').innerHTML = spacer_setting_x;
	
	check_rise();

}

function check_rise(){
	if(Number(RISE_Height) >= 8.25){
		document.getElementById('RISE_Height_text_alt').innerHTML = '<div class="error">' + RISE_Height + '</div>';
	}
}

// Adjusts the content div to fit the steps divs

function stretch_content(x){
	//alert(document.getElementById('content').style.height);
	
	var step1h = 667;
	var step2h = 290;
	var step3h = 870;
	var step4h = 600;
	var materialslisth = 925;
	

	if(x == 1) {
		document.getElementById('content').style.height = step1h + "px";
		MM_showHideLayers('step1','','show','step2','','hide','step3','','hide','step4','','hide','materialslist','','hide');
		MM_changeProp('step1','','height','667px','DIV');
		MM_changeProp('step2','','height','667px','DIV');
		MM_changeProp('step3','','height','667px','DIV');
		MM_changeProp('step4','','height','667px','DIV');
		MM_changeProp('materialslist','','height','667px','DIV');
	}
	
	if(x == 2) {
		document.getElementById('content').style.height = step2h + "px";
		MM_showHideLayers('step2','','show','step1','','hide','step3','','hide','step4','','hide','materialslist','','hide');
		MM_changeProp('step1','','height','290px','DIV');
		MM_changeProp('step2','','height','290px','DIV');
		MM_changeProp('step3','','height','290px','DIV');
		MM_changeProp('step4','','height','290px','DIV');
		MM_changeProp('materialslist','','height','290px','DIV');
	}
	
	if(x == 3) {
		document.getElementById('content').style.height = step3h + "px";
		MM_showHideLayers('step3','','show','step1','','hide','step2','','hide','step4','','hide','materialslist','','hide');
		MM_changeProp('step1','','height','870px','DIV');
		MM_changeProp('step2','','height','870px','DIV');
		MM_changeProp('step3','','height','870px','DIV');
		MM_changeProp('step4','','height','870px','DIV');
		MM_changeProp('materialslist','','height','870px','DIV');
	}
	
	if(x == 4) {
		document.getElementById('content').style.height = step4h + "px";
		MM_showHideLayers('step4','','show','step2','','hide','step3','','hide','step1','','hide','materialslist','','hide');
		MM_changeProp('step1','','height','580px','DIV');
		MM_changeProp('step2','','height','580px','DIV');
		MM_changeProp('step3','','height','580px','DIV');
		MM_changeProp('step4','','height','580px','DIV');
		MM_changeProp('materialslist','','height','580px','DIV');
	}
	
	if(x == 5) {
		document.getElementById('content').style.height = materialslisth + "px";
		MM_showHideLayers('step1','','hide','step2','','hide','step3','','hide','step4','','hide','materialslist','','show');
		MM_changeProp('step2','','height','925px','DIV');
		MM_changeProp('step3','','height','925px','DIV');
		MM_changeProp('step4','','height','925px','DIV');
		MM_changeProp('step1','','height','925px','DIV');
		MM_changeProp('materialslist','','height','925px','DIV');
	}
}