// JavaScript Document
window.onload = init;

var tab_shown = "";

function init()
{
	$('.tab_button').click(function (e) {
		if (tab_shown == "") {
			$("#real_cme_lander").css("display", "none");
			switchStatus(this.id);
			tab_shown = this.id;
		}
		else if (tab_shown == this.id) {
			tab_shown = "";
			switchStatus(this.id);
			$("#real_cme_lander").css("display", "block");
		} else {
			switchStatus(tab_shown);
			switchStatus(this.id);
			tab_shown = this.id;
		}
			
	});
}

function switchStatus(tab_name) {
	$("#" + tab_name).toggleClass("open");
	tab = "#" + tab_name + "_tab";
	$(tab).toggleClass("tab_on");
	$(tab).toggleClass("tab_off");
	image = "#" + tab_name + "_image";
    src = $(image).attr("src");
	if (src.lastIndexOf("off.png") != -1)  {    
		$(image).attr("src", src.replace("off.", "on."));  
	}  else  {    
		$(image).attr("src", src.replace("on.", "off."));  
	}	
}