// JavaScript Document

var Syllabus =
{
	init: function()
	{
		Syllabus.katas();
	},
	
	katas: function()
	{
		var box_r1c1 = document.getElementById("r1c1");
		Core.addEventListener(box_r1c1, "mouseover", Syllabus.r1c1_over);
		Core.addEventListener(box_r1c1, "mouseout", Syllabus.move_out);
		var box_r1c2 = document.getElementById("r1c2");
		Core.addEventListener(box_r1c2, "mouseover", Syllabus.r1c2_over);
		Core.addEventListener(box_r1c2, "mouseout", Syllabus.move_out);
		var box_r1c3 = document.getElementById("r1c3");
		Core.addEventListener(box_r1c3, "mouseover", Syllabus.r1c3_over);
		Core.addEventListener(box_r1c3, "mouseout", Syllabus.move_out);
		
		var box_r2c1 = document.getElementById("r2c1");
		Core.addEventListener(box_r2c1, "mouseover", Syllabus.r2c1_over);
		Core.addEventListener(box_r2c1, "mouseout", Syllabus.move_out);
		var box_r2c2 = document.getElementById("r2c2");
		Core.addEventListener(box_r2c2, "mouseover", Syllabus.r2c2_over);
		Core.addEventListener(box_r2c2, "mouseout", Syllabus.move_out);
		var box_r2c3 = document.getElementById("r2c3");
		Core.addEventListener(box_r2c3, "mouseover", Syllabus.r2c3_over);
		Core.addEventListener(box_r2c3, "mouseout", Syllabus.move_out);
		
		var box_r3c1 = document.getElementById("r3c1");
		Core.addEventListener(box_r3c1, "mouseover", Syllabus.r3c1_over);
		Core.addEventListener(box_r3c1, "mouseout", Syllabus.move_out);
		var box_r3c2 = document.getElementById("r3c2");
		Core.addEventListener(box_r3c2, "mouseover", Syllabus.r3c2_over);
		Core.addEventListener(box_r3c2, "mouseout", Syllabus.move_out);
		var box_r3c3 = document.getElementById("r3c3");
		Core.addEventListener(box_r3c3, "mouseover", Syllabus.r3c3_over);
		Core.addEventListener(box_r3c3, "mouseout", Syllabus.move_out);
		
		var box_r4c1 = document.getElementById("r4c1");
		Core.addEventListener(box_r4c1, "mouseover", Syllabus.r4c1_over);
		Core.addEventListener(box_r4c1, "mouseout", Syllabus.move_out);
		var box_r4c2 = document.getElementById("r4c2");
		Core.addEventListener(box_r4c2, "mouseover", Syllabus.r4c2_over);
		Core.addEventListener(box_r4c2, "mouseout", Syllabus.move_out);
		var box_r4c3 = document.getElementById("r4c3");
		Core.addEventListener(box_r4c3, "mouseover", Syllabus.r4c3_over);
		Core.addEventListener(box_r4c3, "mouseout", Syllabus.move_out);
		
		var box_r5c1 = document.getElementById("r5c1");
		Core.addEventListener(box_r5c1, "mouseover", Syllabus.r5c1_over);
		Core.addEventListener(box_r5c1, "mouseout", Syllabus.move_out);
		var box_r5c2 = document.getElementById("r5c2");
		Core.addEventListener(box_r5c2, "mouseover", Syllabus.r5c2_over);
		Core.addEventListener(box_r5c2, "mouseout", Syllabus.move_out);
		var box_r5c3 = document.getElementById("r5c3");
		Core.addEventListener(box_r5c3, "mouseover", Syllabus.r5c3_over);
		Core.addEventListener(box_r5c3, "mouseout", Syllabus.move_out);
	},
	
	r1c1_over: function()
	{
		var args = ["White Belt"];
		Syllabus.addps(args);		
	},
	
	r1c2_over: function()
	{
		var args = ["Purple Belt, 4th Kyu", "Pinan yondan", "Pinan godan"];
		Syllabus.addps(args);		
	},
	
	r1c3_over: function()
	{
		var args = ["Black Belt, 2nd Dan", "Ananko", "Bassai Sho", "Jiin", "Jitte", "Wanshu", "Seisan"];
		Syllabus.addps(args);		
	},
	
	r2c1_over: function()
	{
		var args = ["Yellow Belt, 8th Kyu", "ADULTS: Tiak Yo Ku Shodan", "CADETS: Shio tsuki"];
		Syllabus.addps(args);		
	},
	
	r2c2_over: function()
	{
		var args = ["Brown Belt, 3rd Kyu", "Sanchin", "Juroku"];
		Syllabus.addps(args);		
	},
	
	r2c3_over: function()
	{
		var args = ["Black Belt, 3rd Dan", "Chinto", "Jion", "Kosokun Sho", "Sanseru", "Seienchin", "Shisochin"];
		Syllabus.addps(args);		
	},
	
	r3c1_over: function()
	{
		var args = ["Orange Belt, 7th Kyu", "Pinan nidan"];
		Syllabus.addps(args);		
	},
	
	r3c2_over: function()
	{
		var args = ["Brown Belt, 2nd Kyu", "Tensho", "Nai hanshi shodan"];
		Syllabus.addps(args);		
	},
	
	r3c3_over: function()
	{
		var args = ["Black Belt, 4th Dan", "Kshiki No Rohai", "Matsukaze", "Niseishi", "Sochin", "Tamari-Bassai", "Kururunfa"];
		Syllabus.addps(args);		
	},
	
	r4c1_over: function()
	{
		var args = ["Green Belt, 6th Kyu", "Pinan shodan"];
		Syllabus.addps(args);		
	},
	
	r4c2_over: function()
	{
		var args = ["Brown Belt, 1st Kyu", "Pinan kata 1-5", "Basai Dai", "Kosokun Dai"];
		Syllabus.addps(args);		
	},
	
	r4c3_over: function()
	{
		var args = ["Black Belt, 5th Dan", "Gohushiho", "Matsamura No Passai", "Unshu", "Nipaipo", "Suparimpei", "Seipai"];
		Syllabus.addps(args);		
	},
	
	r5c1_over: function()
	{
		var args = ["Blue Belt, 5th Kyu", "Pinan Sandan"];
		Syllabus.addps(args);		
	},
	
	r5c2_over: function()
	{
		var args = ["Black Belt, 1st Dan", "Pinan 1-5", "Bassai Dai", "Juroku", "Kosokun Dai", "Naihanshi Shodan", "Tensho"];
		Syllabus.addps(args);		
	},
	
	r5c3_over: function()
	{
		var args = ["Black Belt, 6th Dan"];
		Syllabus.addps(args);		
	},
	
	addps: function(args)
	{
		var left_div = document.getElementById("belt-title");
		var newp = document.createElement("p");
		var newtext = document.createTextNode(args[0]);
		newp.appendChild(newtext);
		left_div.appendChild(newp);
			
		var right_div = document.getElementById("kata-name");
		for (var i=1; i<args.length; i++) {
			var newp = document.createElement("p");
			var newtext = document.createTextNode(args[i]);
			newp.appendChild(newtext);
			right_div.appendChild(newp);
		}
	},
	
	move_out: function()
	{
		var left_div = document.getElementById("belt-title");
		var paras = left_div.getElementsByTagName("p");
		var paralength = paras.length;
		for (var i=0; i<paralength; i++) {
			left_div.removeChild(paras[0]);
		}
		
		var right_div = document.getElementById("kata-name");
		var paras = right_div.getElementsByTagName("p");
		var paralength = paras.length;
		for (var i=paralength-1; i>=0; i--) {
			right_div.removeChild(paras[i]);
		}

	}
	
};

Core.start(Syllabus)