// JavaScript Document

function orgin_controller() {
	var root_div = "text";
	var yoga_obj = new yoga_widget(root_div);
	yoga_obj.show_orgin();
	
	update_yoga_navigation('orgin');
}

function hatha_controller() {
	var root_div = "text";
	var yoga_obj = new yoga_widget(root_div);
	yoga_obj.show_hatha();
	
	update_yoga_navigation('hatha');
}

function  karma_controller() {
	var root_div = "text";
	var yoga_obj = new yoga_widget(root_div);
	yoga_obj.show_karma();
	
	update_yoga_navigation('karma');
}

function  tao_controller() {
	var root_div = "text";
	var yoga_obj = new yoga_widget(root_div);
	yoga_obj.show_tao();
	
	update_yoga_navigation('tao');
}

function update_yoga_navigation (button) {
	
	switch (button) {		
		case "orgin":
			$('orgin_link').className = "active";
			$('hatha_link').className = "button";
			$('karma_link').className = "button";
			$('tao_link').className = "button";
			break;
			break;
		case "hatha":
			$('orgin_link').className = "button";
			$('hatha_link').className = "active";
			$('karma_link').className = "button";
			$('tao_link').className = "button";
			break;
			break;
		case "karma":
			$('orgin_link').className = "button";
			$('hatha_link').className = "button";
			$('karma_link').className = "active";
			$('tao_link').className = "button";
			break;
			break;
		case "tao":
			$('orgin_link').className = "button";
			$('hatha_link').className = "button";
			$('karma_link').className = "button";
			$('tao_link').className = "active";
			break;
		default:
			$('orgin_link').className = "active";
			$('hatha_link').className = "button";
			$('karma_link').className = "button";
			$('tao_link').className = "button";
			break;
	}
}