// JavaScript Document

/*
 * HTML code display
 *
 */

hcdv = {

	self : this,
	formElement : $("hcdv_form"),
	
	
	bana_url : 'http://golfItems.nice-777.com/_bana/bana.gif',
	bana_width : 88,
	bana_height : 31,
	site_url : 'http://golfItems.nice-777.com/',
	site_name : 'ゴルフアイテム研究所',
	


	displayHtml4 : function() {
		var content = '<a href="' + hcdv.site_url + '" ' + hcdv.getBlankString() + '>\n' + 
			hcdv.getTextOrBanaString(true) + '\n</a>';
		hcdv.display(content);
	},


	displayXhtml : function() {
		var content = '<a href="' + hcdv.site_url + '" ' + hcdv.getBlankString() + '>\n' + 
			hcdv.getTextOrBanaString(false) + '\n</a>';
		hcdv.display(content);
	},

	/*
	 * @param isHtml
	 *	true : html, false : xhtml
	 * @return
	 *	if text_or_bana input is "text", then return img element in html style.
	 *	if text_or_bana input is "bana", then return img element in xhtml style.
	 */
	getTextOrBanaString : function(isHtml) {
		if ($("text_or_bana_text").checked) {
			return this.site_name;	
		} else {
				if (isHtml) {
					return '<img src="' + this.bana_url + '" alt="' + this.site_name + 'のバナー" ' + 'style="width:' + 
						this.bana_width + 'px; height:' + this.bana_height + 'px; border:none;">';
				} else {
					return 	'<img src="' + this.bana_url + '" alt="' + this.site_name + 'のバナー" ' + 'style="width:' + 
						this.bana_width + 'px; height:' + this.bana_height + 'px; border:none;" />';
				}
		}
	},
	
	/*
	 * @return
	 *	"html4", "xhtml1-transitional", "xhtml1-strict" or "xhtml11".
	 */
	getHtmlVersion : function() {
		var elems = document.getElementsByName("htmlVersion");
		for (var i = 0 ; i < elems.length ; i++) {
			if (elems[i].checked) {
				return elems[i].value;	
			}
		}
	},
	
	/*
	 * @return
	 *	' target="_blank" ' or ''
	 */
	getBlankString : function() {
		return $("check_blank").checked	? ' target="_blank" ' : '';
	},


	display : function(strToDisplay) {
		var elem = $("hcdv_display");
		elem.innerHTML = strToDisplay;
	},



	// ====================== //
	// event handling methods //
	// ====================== //

	/*
	 * Called when submit button pressed.
	 */
	submitAndDisplay : function() {
		switch (hcdv.getHtmlVersion()) {
		case "html4" :
			hcdv.displayHtml4();
			break;
		case "xhtml1-transitional" :
		case "xhtml1-strict" :
		case "xhtml11" :
			hcdv.displayXhtml();
			break;
		}
	},
	
	/*
	 * Called when radio button of html4 or xhtml11 clicked.
	 */
	enableBlankCheck : function() {
		var elem = $("check_blank");
		elem.disabled = false;
	},
	
	/*
	 * Called when radio button of xhtml1 clicked.
	 */
	disableBlankCheck : function() {
		var elem = $("check_blank");
		elem.checked = false;
		elem.disabled = true;
	},

};