var opa = 0;
var fadetimer;
var ar = new Object();

ar[0] = "topbar";
ar[1] = "column_left";
ar[2] = "column_image";
ar[3] = "column_mid";
ar[4] = "column_wide";
ar[5] = "column_right";
ar[6] = "menu_left";

function showcode() {
	window.clearInterval(fadetimer);
	fadetimer = window.setInterval("fadeimage(1)",50);
}

function hidecode() {
	window.clearInterval(fadetimer);
	fadetimer = window.setInterval("fadeimage(0)",50);
}

function fadeimage(d) {

	if (d == 1) {
		if (opa < 100) { opa += 10; } else { window.clearInterval(fadetimer); };
	} else {
		if (opa > 0) { opa -= 10; } else { window.clearInterval(fadetimer); };
	}
		
    var object = document.getElementById('codeimage').style;
    object.opacity = (.2 + (opa / 80) );
    object.MozOpacity = (.2 + (opa / 80) );
    object.filter = "alpha(opacity=" + (20 + ((opa / 100)*80)) + ")";
	
	for( i in ar ) {

	    if (object = document.getElementById(ar[i])) {

			if (opa == 0) {

				object.style.visibility = "visible";

			} else if (opa == 100) {

				object.style.visibility = "hidden";

			} else {
			
				object.style.visibility = "visible";
				object.style.opacity = ( 1 - (opa / 100) );
			    object.style.MozOpacity = (1 - (opa / 100) );
			    object.style.filter = "alpha(opacity=" + (100 - opa) + ")";
			
			}

		}

	}
	
}