document.write("
\n"); document.write(" \n"); document.write(" \n"); document.write(" \n"); document.write("\n"); document.write(" \n"); document.write(" \n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write("\n"); document.write(" \n"); document.write("
\n"); document.write(" \n"); document.write(" \n"); document.write("
\n"); document.write(" \n"); document.write(" 
1\n");
document.write("2\n");
document.write("3\n");
document.write("4\n");
document.write("5\n");
document.write("6\n");
document.write("7\n");
document.write("8\n");
document.write("9\n");
document.write("10\n");
document.write("11\n");
document.write("12\n");
document.write("13\n");
document.write("14\n");
document.write("15\n");
document.write("16\n");
document.write("17\n");
document.write("18\n");
document.write("19\n");
document.write("20\n");
document.write("21\n");
document.write("22\n");
document.write("23\n");
document.write("24\n");
document.write("25\n");
document.write("26\n");
document.write("27\n");
document.write("28\n");
document.write("29\n");
document.write("30\n");
document.write("31\n");
document.write("32\n");
document.write("33\n");
document.write("34\n");
document.write("35\n");
document.write("36\n");
document.write("37\n");
document.write("38\n");
document.write("39\n");
document.write("40\n");
document.write("<\/pre>\n");
document.write("			<\/td>\n");
document.write("
\n"); document.write(" 
<html<\/span>><\/span>\n");
document.write("<head<\/span>><\/span>\n");
document.write("<script<\/span> type<\/span>="text/javascript"<\/span> src<\/span>="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"<\/span>><<\/span>/script<\/span>><\/span>\n");
document.write("<script<\/span> type<\/span>="text/javascript"<\/span>><\/span>\n");
document.write("	$<\/span>(<\/span>document<\/span>)<\/span>.<\/span>ready(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/span>\n");
document.write("		var<\/span> list =<\/span> $<\/span>(<\/span>"#list"<\/span>)<\/span>;<\/span>\n");
document.write("<\/span>\n");
document.write("		//make default state _not_ a special case by adding a class to it<\/span><\/span>\n");
document.write("		$<\/span>(<\/span>"li:not(.green,.red)"<\/span>, <\/span>list)<\/span>.<\/span>addClass(<\/span>"default"<\/span>)<\/span>; <\/span>\n");
document.write("<\/span>\n");
document.write("		//declare cycle transition function<\/span><\/span>\n");
document.write("		var<\/span> cycleClass<\/span> =<\/span> function<\/span>(classFrom, classTo<\/span>)<\/span>{<\/span><\/span>\n");
document.write("			list.<\/span>delegate(<\/span>"li."<\/span>+<\/span>classFrom, <\/span>"click"<\/span>, <\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/span>\n");
document.write("				$<\/span>(<\/span>this<\/span>)<\/span>.<\/span>toggleClass(<\/span>classFrom +<\/span> " "<\/span> +<\/span> classTo)<\/span>;<\/span>\n");
document.write("			}<\/span>)<\/span>;<\/span>\n");
document.write("		}<\/span>;<\/span>\n");
document.write("<\/span>\n");
document.write("		//declare cycle sequence<\/span><\/span>\n");
document.write("		cycleClass(<\/span>"default"<\/span>, <\/span>"green"<\/span>)<\/span>;<\/span>\n");
document.write("		cycleClass(<\/span>"green"<\/span>, <\/span>"red"<\/span>)<\/span>;<\/span>\n");
document.write("		cycleClass(<\/span>"red"<\/span>, <\/span>"default"<\/span>)<\/span>;<\/span>\n");
document.write("	}<\/span>)<\/span>;<\/span>\n");
document.write("</script<\/span>><\/span>\n");
document.write("<style<\/span> type<\/span>="text/css"<\/span>><\/span>\n");
document.write("	.default<\/span> <\/span>{background-color: lightgray;}<\/span><\/span>\n");
document.write("	.green<\/span> <\/span>{background-color: green;}<\/span><\/span>\n");
document.write("	.red<\/span> <\/span>{background-color: red;}<\/span><\/span>\n");
document.write("</style<\/span>><\/span>\n");
document.write("</head<\/span>><\/span>\n");
document.write("<body<\/span>><\/span>\n");
document.write("<ul<\/span> id<\/span>=\'list<\/span>\'<\/span><\/span>><\/span>\n");
document.write("	<li<\/span>><\/span>Start in default</li<\/span>><\/span>\n");
document.write("	<li<\/span>><\/span>Another default</li<\/span>><\/span>\n");
document.write("	<li<\/span> class<\/span>=\'green\'<\/span>><\/span>Start in Green</li<\/span>><\/span>\n");
document.write("	<li<\/span> class<\/span>=\'red\'<\/span>><\/span>Start in Red</li<\/span>><\/span>\n");
document.write("	<li<\/span> class<\/span>=\'green\'<\/span>><\/span>Another Green</li<\/span>><\/span>\n");
document.write("	<li<\/span>><\/span>Yes another default</li<\/span>><\/span>\n");
document.write("</ul<\/span>><\/span>\n");
document.write("</body<\/span>><\/span>\n");
document.write("</html<\/span>><\/span>\n");
document.write("<\/pre><\/pre>\n");
document.write("		<\/td>\n");
document.write("		<\/tr>\n");
document.write("		<\/table>\n");
document.write("	\n");
document.write("	<\/div>\n");
document.write("\n");
document.write("\n");
document.write("  \n");
document.write("  \n");
document.write("  
\n");
document.write("    
\n");
document.write("      \n");
document.write("      <\/a>\n");
document.write("    <\/div>\n");
document.write("  \n");
document.write("    Pastie #1088322<\/a> linked directly from Pastie<\/a>.\n");
document.write("  <\/div><\/div>");