var BrowserD;
document.observe('dom:loaded',function(){
/*** Browser detect function ***/
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init(); 
BrowserD = BrowserDetect;
/***********************/
	if(window.location.hash!='') {
		var h = window.location.hash.split("#");
		var content = h[1].split("=");
		showContent(content[1], content[1]+'-link', $(content[1]).down("h1").innerHTML.stripTags());
	}else{
		$('main-content').hide();
		new Effect.Appear('main-content');	
	}
	$$('a[rel="left-menu"]', 'a[rel="content-image-link"]', 'div[id^="content_"]' ).each(
		function(a){
			Event.observe(a,'click',handler);
		}
	);
	$$('div.search-result-list').each(
		function(div) {
			Event.observe(div, 'click', goURL);
		}
	);	
	/**** call back and handler ***/
	function goURL(e) {
		location.href=$(this).down('a').href;
	}
	function handler(e) {
	var contentId, link_id, logName;
		switch(this.tagName.toLowerCase()) {
			case 'a' :
				if(this.rel == 'left-menu') {
					contentId = this.id.split("-link")[0];
					link_id = this.id
				}else{
					contentId = this.id.camelize();
					link_id = this.id.camelize()+'-link';
				}
			break;
			case 'div':
				contentId = this.id.dasherize().camelize();
				link_id = this.id.dasherize().camelize()+'-link';
			break;
		}
		logName = $(this).readAttribute("title").strip();
		showContent(contentId , link_id, logName);
		document.location='#content='+contentId;
		Event.stop(e);
	}
});

function toggleHoverEffect(e) {
	var elem = $(e);
	elem.toggleClassName('focusing');
}
function goTo(url) {
	location.href=url;
}
var oldElem ='';
var currentLink = '';
function showContent(elemId, linkId, logname) {
	if(document.getElementById("product-menu") != null ){
		if(currentLink != ''  && currentLink != null) {
			$(currentLink).removeClassName("selected");
		}
		$(linkId).addClassName("selected");
	}	
	
		if(BrowserD.browser.indexOf('Safari') == 0 || BrowserD.browser.indexOf('Opera') == 0 ) {// call function in browser_detect_js template	
			$('left-menu-content').setStyle({height:"500px"}); //set height to prevent nodging screen
		}
		Effect.Appear(elemId,{duration:0.5});
		Effect.Appear(elemId+"-image", {duration:0.5});
		new Ajax.Request('/wsp/intersupp/frontend.cgi?func=frontend.show&template=content_log&content='+logname, { method: 'get' });
	if(elemId != oldElem && oldElem != '') {
		$(oldElem).hide();
		$(oldElem+'-image').hide();

	}
	if(elemId != 'main-content') {
		$('main-content').hide();
	}
	oldElem = elemId;
	currentLink = linkId;
}

function validateForm(f) {
	var elem = f.elements['search_text'];
	if( elem.value == '') {
		alert("Please input require value");
		return false;
	}else{
		return true;
	}
	
}