// <![CDATA[
window.onload = function(){
 // kingTab(2, 3);
}
// ]]>

function getTabContent(pid)
{
	var operation = 'product_ajaxgettabcontent.html';
	var data = "pid=" + pid;
	
	
	new Ajax.Request(operation, {

	  method: 'post',
	  parameters: data,
	  onSuccess: function(transport) {
		  return transport.responseText;
	  },
	  onComplete: function() {
		
	  }

	});
}

var ielt7 = document.all && navigator.userAgent.indexOf('MSIE 7') < 0 && !window.opera;

var hasClass = function(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
var addClass = function(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
var removeClass = function(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

var kingTab = function(initial, pid)
{
	// if (typeof tabContainer == 'string') tabContainer = document.getElementById(tabContainer);
	// eventType = 'on' + eventType;
	var tabContainer = document.getElementById("tab");
	var dts = tabContainer.getElementsByTagName('dt');
	var dds = tabContainer.getElementsByTagName('dd');
	var pp = initial - 1;
	var dth = dts[pp].clientHeight;
	var ddh = dds[pp].clientHeight;

	tabContainer.style.height = dth + ddh + 'px';
	// 清除已选中
	for (var i = 0; i < dts.length; ++i) {
		// alert('tt' + i + '_on');
		removeClass(dts[i], 'tt' + (i+1) + '_on');
		dds[i].style.display = 'none';
	}

	addClass(dts[pp], 'tt' + initial + '_on');
	dds[pp].style.display = 'block';
	ddh = dds[pp].clientHeight;
	tabContainer.style.height = dth + ddh + 'px';
	if(dds[pp].innerHTML != "") return;
	
	var operation = 'product_ajaxgettabcontent.html';
	var data = "pid=" + pid;
	new Ajax.Request(operation, {

	  method: 'post',
	  parameters: data,
	  onSuccess: function(transport) {
		  dds[pp].innerHTML = transport.responseText;
	  },
	  onComplete: function() {
		
	  }

	});
	
	
	

	/*
	for (var i = 0; i < dts.length; ++i) {
		if (i != initial) dds[i].style.display = 'none';
		
		(function(){
			var p = i;
			dts[p][eventType] = function(){
				if (p != pp){
					addClass(dts[p], 'tt'+(p+1)+'_on');
					removeClass(dts[pp], 'tt'+(i+1)+'_on');

					dds[p].style.display = 'block';
					dds[pp].style.display = 'none';
					ddh = dds[p].clientHeight;
					tabContainer.style.height = dth + ddh + 'px';
				}
				
				pp = p;
				return false;
			}
		})();
	}*/

	/*
	if (ielt7){
		for (var i = 1; i < dts.length; ++i){
			tabContainer.insertBefore(dts[i], dds[0]) 
		}
		if (dts[initial + 1]) dts[initial + 1][eventType]();
		else dts[initial - 1][eventType]();
		dts[initial][eventType]();
	}*/
}



function suckerfish(type, tag, parentId) {
	if (window.attachEvent) {
		window.attachEvent("onload", function() {
			var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);
			type(sfEls);
		});
	}
}

sfHover = function(sfEls) {
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

sfFocus = function(sfEls) {
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onfocus=function() {
			this.className+=" sffocus";
		}
		sfEls[i].onblur=function() {
			this.className=this.className.replace(new RegExp(" sffocus\\b"), "");
		}
	}
}

suckerfish(sfHover, "tr");