// JavaScript Document

function training_widget(root) {
	this.root = root;
}

training_widget.prototype.containerHTML = function () {
	var html = "<div style='position: relative; top: -40px;'>"
		html += this.nav_content();
		html += "<div id='" + this.root + "' style='padding-left: 12px; color: #000; padding-bottom: 26px;'></div>";	
		html += "</div>";
	return html;	
}

training_widget.prototype.nav_content = function() {
	
	var nav_bar = "<div style='position: relative; width: 100%; background-color: #000;"
		+ " -moz-opacity:.65; height: 40px; padding: 3px'>";
		nav_bar += "<div style='position: absolute; left: 4%; top: 16px;'><a id='volunteers_link' class='active' onClick='training_controller()'>Volunteers</a></div>";
		nav_bar += "</div>";
	return nav_bar;
}

training_widget.prototype.load_html = function() {
	$('content_frame').innerHTML = this.containerHTML();
	$(this.root).innerHTML = this.training_text();
}

training_widget.prototype.show_training = function() {
	$(this.root).innerHTML = this.training_text();
}

training_widget.prototype.training_text = function () {

		var text_content = "";
		text_content += "<div style='height: 300px'><h3><b>Want To Get Involved?</b></h3>"
			+ "<p style='font-size: 13px'>For information on upcoming trainings contact <a href='contact.php'>james@prisonyoga.com</a>.</p>"
			+ "</div>";
		  
		return text_content;
}