// Javascript Make Code Box Look Decent :P

function codeBox() {
	// Find all code boxes
	var findCode = document.getElementsByTagName('code');
	
	// For each code box
	for(i=0;i<findCode.length;i++) {
		 if(findCode[i].parentNode.tagName == "PRE") {
		 
			/*
			title = document.createElement("span");
			title.className = 'codeHeading';
			title.innerHTML = 'Code:';
			parentsparent.insertBefore(title, parent);
			*/

			if($.browser.msie) {
			    return;
			} else {
				// Give it a toggle button
				lineNo = document.createElement("div");
				lineNo.className = "toggle_lines";
				lineNo.innerHTML = '<ul><li class="toggle">Toggle Line Numbers</li></ul>';
				var parent = findCode[i].parentNode;
				var parentsparent = parent.parentNode;
				parentsparent.insertBefore(lineNo, parent.nextSibling);

				// Add lines to it
				addLines(lineNo);
			}
		}		
	}
}

function addLines(thisOne) {
	var findCode = thisOne.previousSibling.childNodes[0];
	var theCode = findCode.innerHTML;
	var lines = theCode.split("\n");
	newCode = "";
	for(j=0;j<lines.length;j++) {
		var newCode = newCode + '<span class="lineNo">' + (j+1) + ".\t</span>" + lines[j] + "\n";
	}
	findCode.innerHTML = newCode;	
}

$(codeBox);

$(function() {
	$('.toggle').live("click", function(e)  {
		var theCode = $(this).closest("div").prev().children('code');
		theCode.toggleClass("noLines");
	});
});