// JavaScript Document
window.addEvent('domready', function() {
	
	// Attach toggle button event handler here
	
	var toggle_state = "none";
	try {
		var cookie_opt = Cookie.read("ttsoption");
		if (cookie_opt !== '') {
			toggle_state = cookie_opt;
		}
	} catch (e) {
		//alert(e.toString());
	}
	
	//Cookie.read("ttsoption") || "none";
	var images = [
		new Image(),
		new Image()
	];
	images[0].src = "/storage/ttson.png";
	images[1].src = "/storage/ttsoff.png";
	if (toggle_state == "block") {
		$('jspeak-tts-toggle').setAttribute('src', images[1].src);
		$$('div.speak').setStyle('display', 'block');
	}
	$('jspeak-tts-toggle').addEvent("click", function(e){
		var image_index = 0;
		if (toggle_state == "none") {
			toggle_state = "block";
			image_index = 1;
		} else {
			toggle_state = "none";
			image_index = 0;
		}
		$$("div.speak").setStyle("display", toggle_state);
		$('jspeak-tts-toggle').setAttribute("src", images[image_index].src);
		try {
			Cookie.write("ttsoption", toggle_state, {duration: 100});
		} catch (e) {
			alert(e.toString());
		}
		//alert("Cookie = " + Cookie.read('ttsoption'));  
	});
});