counter = 0;
function addStep(){
	 var newDiv = 
	 Builder.node('div', {className: 'step', id: 'step_' + (counter)},
		[
			Builder.node('div',{className: 'formfieldname requiredFormLabel'},'Step '+(counter+1) + ' - Description:'),
			Builder.node('div',{className:'stepDescription', id :'step_'+counter},
			    [
				   Builder.node('div',{className: 'formfielditem'},
					  [
						 Builder.node('textarea',{className: 'textareaSmall', name : 'stepDesc[]', id : 'textarea_'+counter},null)
					  ]
				   ),
				   
				   Builder.node('div',{className: 'formrow stepImage'},
					  [
						 Builder.node('div',{className: 'formfieldname requiredFormLabel'}, 'Step '+(counter+1) + ' Image:'),
						 Builder.node('input',{className: 'imageField', type: 'text', name : 'stepImages[]', onclick : 'pop_image_manager("upload_'+counter+'","143")', id : 'upload_'+counter+'_field'}, null),
						 Builder.node('div',{className: 'browseBtn'},
							 [
							  
							  Builder.node('img',{ src:'/assets/images/buttons/browseBtn.gif', onclick:'pop_image_manager("upload_'+counter+'","143")'}, null)
							  
							  ]
							 ),
						 
						 Builder.node('div', {id : 'upload_'+counter+'_wrapper'}, null)
					  ]
				   ),
				   
				   Builder.node('div',{className: 'formrow'},
					  [
						 Builder.node('a',{href: "#steps", onClick:"deleteStep(\""+counter+"\");",type: 'file', name : 'images[]',className: 'deleteStep handle', id : 'upload_'+counter}, 'Remove Step ' +(counter+1) )
					  ]
				   )
			    ]
			)
		]
	 );
	 counter++;
	 $('dynamicArea').appendChild(newDiv);
	 
}
function deleteStep(id){
	$('textarea_'+id).value = '';
	$('upload_'+id).value = '';
	$('step_'+id).style.display = 'none';
}
function loadStep(text,img){
	var newDiv = 
	 Builder.node('div', {className: 'step', id: 'step_' + (counter)},
		[
			Builder.node('div',{className: 'formfieldname requiredFormLabel'},'Step '+(counter+1) + ' - Description:'),
			Builder.node('div',{className:'stepDescription', id :'step_'+counter},
			    [
				   Builder.node('div',{className: 'formfielditem'},
					  [
						 Builder.node('textarea',{className: 'textareaSmall', name : 'stepDesc[]', id : 'textarea_'+counter},text)
					  ]
				   ),
				   
				   Builder.node('div',{className: 'formrow stepImage'},
					  [
						 Builder.node('div',{className: 'formfieldname requiredFormLabel'}, 'Step '+(counter+1) + ' Image:'),
						 Builder.node('input',{className: 'imageField', type: 'text', name : 'stepImages[]', onclick : 'pop_image_manager("upload_'+counter+'","143")', id : 'upload_'+counter+'_field', value: img}, null),
						 Builder.node('div',{className: 'browseBtn'},
							 [
							  
							  Builder.node('img',{ src:'/assets/images/buttons/browseBtn.gif', onclick:'pop_image_manager("upload_'+counter+'","143")'}, null)
							  
							  ]
							 ),
						 
						 Builder.node('div', {id : 'upload_'+counter+'_wrapper'}, null)
					  ]
				   ),
				   
				   Builder.node('div',{className: 'formrow'},
					  [
						 Builder.node('a',{href: "#steps", onClick:"deleteStep(\""+counter+"\");",type: 'file', name : 'images[]',className: 'deleteStep handle', id : 'upload_'+counter}, 'Remove Step ' +(counter+1) )
					  ]
				   )
			    ]
			)
		]
	 );
	 
	 $('dynamicArea').appendChild(newDiv);
	 loadCropImage('upload_'+counter,'143');
	 counter++;
}
function addExercise(){

}
function addExercise(){
	var id = $F('exercise_add_field');
	var text = document.forms[0].add_exercise.options[document.getElementById('exercise_add_field').selectedIndex].text;
	var newDiv = 
	 Builder.node('div', {className: 'step', id: 'step_' + (counter)},
		[
			Builder.node('p',null,'Exercise '+(counter+1)),
			Builder.node('div',{className:'stepDescription', id :'exercise_'+counter},
			    [
				   Builder.node('div',{className: 'formRow'},'Exercise name :'+text),
				   Builder.node('div',{className: 'formRow'},
					  [
						 Builder.node('a',{href : "#steps", onClick:"deleteExercise(\""+counter+"\");"}, 'Delete')
					  ]
				   ),
				   Builder.node('input',{type : 'hidden',id : "se_"+counter, value : id, name : 'exercises[]'},null
				   )
			    ]
			)
		]
	 );
	 counter++;
	 $('dynamicArea').appendChild(newDiv);
}
function deleteExercise(id){
	//We should make this sortable
	$("se_"+id).value = '';
	$('step_'+id).style.display = "none";
}
function loadEditExercise(id){
	var option_id;
	var i;
	var length = document.forms[0].add_exercise.options.length;
	for( i=0;i<length;i++){
		if(document.forms[0].add_exercise.options[i].value == id){
			option_id = i;
		}
	}
	var text = document.forms[0].add_exercise.options[(option_id)].text;
	var newDiv = 
	 Builder.node('div', {className: 'step', id: 'step_' + (counter)},
		[
			Builder.node('p',null,'Exercise '+(counter+1)),
			Builder.node('div',{className:'stepDescription', id :'exercise_'+counter},
			    [
				   Builder.node('div',{className: 'formRow'},'Exercise name :'+text),
				   Builder.node('div',{className: 'formRow'},
					  [
						 Builder.node('a',{href : "#steps", onClick:"deleteExercise(\""+counter+"\");"}, 'Delete')
					  ]
				   ),
				   Builder.node('input',{type : 'hidden', value : id, id : "se_"+counter, name : 'exercises[]'},null
				   )
			    ]
			)
		]
	 );
	 counter++;
	 $('dynamicArea').appendChild(newDiv);
}
function changeValues(){
	var type = $F('exercise_type_field');
	switch(type){
	case 'Cardio-outdoor' :
		var tone = 'Distance (miles): ';
		var ttwo = 'Duration (minutes): ';
		var tthree = 'N/A';
		$('val3_row').style.display = 'none';
	break;
	case 'Cardio-Machine' :
		var tone = 'Duration (miles): ';
		var ttwo = 'Distance (minutes): ';
		var tthree = 'N/A';
		$('val3_row').style.display = 'none';
	break;
	case 'Weight-Training' :
		var tone = 'Reps: ';
		var ttwo = 'Weight: ';
		var tthree = 'Sets';
		$('val3_row').style.display = 'block';
	break;
	case 'Non-Impact' :
		var tone = 'Duration: ';
		var ttwo = 'Reps: ';
		var tthree = 'N/A';
		$('val3_row').style.display = 'none';
	break;
	}
	$('val1_label').innerHTML = tone;
	$('val2_label').innerHTML = ttwo;
	$('val3_label').innerHTML = tthree;
}