var tab_titles = new Array();
var tab_content = new Array();
var tab_count = 1;

function initTabs() {

		if(ie6 == true) {
			scrollJump = 573;
		}
// 	alert(ie6);

	var tmp_title;
	var tmp_content;

	if (!W3CDOM) return;
	var allElements = document.getElementsByTagName('*');
	var originalBackgrounds=new Array();

	for (var i=0; i<allElements.length; i++)
	{
		if (allElements[i].className.indexOf('scroll_tab_wrap') !=-1)
		{
			allElements[i].id = 'tmp_tab_'+tab_count;

			var off_title = 1;
			var off_content = 3

			//ie6 reads the DOM different & to avoid browser sniffering
			if(allElements[i].childNodes[0].className == 'scroll_tab_title') {
				off_title = 0;
				off_content = 1;
			}

			tab_titles[tab_count] = allElements[i].childNodes[off_title].innerHTML;		
			tab_content[tab_count] = allElements[i].childNodes[off_content].innerHTML;	

			tab_count++;
		}
	}

	if(tab_count == 1) return;

	drawNewTabs();
	drawScrollArea();
	hideTabs();


	insertProductInfo('-1');

	resizeScrollColumns();

}


function insertProductInfo(tb) {

	if(!document.getElementById('tab'+tb))
		return;

	if(!document.getElementById('productInfo'))
		return;

	if(document.getElementById('page'+tb));
		origContent = document.getElementById('page'+tb).innerHTML;

	document.getElementById('page'+tb).innerHTML = '';
// 	document.getElementById('page'+tb).style.display = 'none';

	moveContent = document.getElementById('productInfo').innerHTML;
	document.getElementById('productInfo').innerHTML = '';

	newContent = '<div class="product_detail_left">'+origContent+'</div>'+'<div class="product_detail_right">'+moveContent+'</div>';

	document.getElementById('page'+tb).innerHTML = newContent;


}



function drawNewTabs() {

	var html = '<ul id="tabs">';

	for (var i=1; i<tab_count; i++) {
		html = html+'<li><a id="tab-'+i+'" href="#page-'+i+'" class="noborder" onclick="initScroll(\'tab-'+i+'\'); return false">'+tab_titles[i]+'</a></li>';
	}
	html = html + '</ul>';

	var pane = document.createElement("div");
	pane.setAttribute('id','outerPane');
	var start = document.getElementById("tmp_tab_1");
	start.parentNode.insertBefore(pane,start);

	var tabs = document.createElement("div");
	tabs.setAttribute('id','tabs_wrapper');
	tabs.innerHTML = html;
	var start = document.getElementById("outerPane");
	start.parentNode.insertBefore(tabs,start);

}


function drawScrollArea() {

	var html = '<div id="innerPane">';

	html = html + '<div id="contents">';

	for (var i=1; i<tab_count; i++) {
		html = html + '<div class="subpage" id="page-'+i+'">';
		html = html+ tab_content[i];
		html = html + '</div>';
	}

	html = html + '</div></div>';

	document.getElementById('outerPane').innerHTML = html;

}


function hideTabs() {

	for (var i=1; i<tab_count; i++) {
		var tmp = 'tmp_tab_'+i;
		document.getElementById(tmp).style.display = "none";
	}

}

function resizeScrollColumns()
{
	var curHeight; 
	var curHilite;
	var heighest = 300;

	

	if (!W3CDOM) return;
	var allColumns = getElementsByClassName(document, "div", "subpage");
// 	var allColumns = getElementsByClassName(document, "div", "product_detail_left");
	for (var i=0; i<allColumns.length; i++)
	{		
		curHilite = allColumns[i].id;
		curHeight = document.getElementById(curHilite).offsetHeight;

		if(curHeight > heighest)
		{
			heighest = curHeight;
		}

// 		debug
// 		alert("ID:  "+curHilite+", HEIGHT:  "+curHeight);
	}

// 		debug
// 		alert("highest:  "+heighest);
		var leftCol = highestLeftCol();
// 		alert(leftCol);
		if(leftCol > heighest)
			heighest = leftCol;


	for (var i=0; i<allColumns.length; i++)
	{
		curHilite = document.getElementById(allColumns[i].id)

		curHilite.style.height = (heighest+20) + "px";

	}

	document.getElementById('outerPane').style.height = (heighest+20) + "px";
	document.getElementById('innerPane').style.height = (heighest+20) + "px";


}

function highestLeftCol() {

	var highest = 0;

	if (!W3CDOM) return;
	var allElements = document.getElementsByTagName('*');
	var originalBackgrounds=new Array();
	for (var i=0; i<allElements.length; i++)
	{
		if (allElements[i].className.indexOf('product_detail_left') !=-1)
		{
			if(allElements[i].offsetHeight > highest)
				highest = allElements[i].offsetHeight;

// 			alert(allElements[i].offsetHeight);

		}
	}



	return highest;

}

function checkClients() {

	if(document.getElementById('outerPane') && !document.getElementById('tabs')) {
		resizeHiliteColumns();
	}

}

// addLoadEvent(initTabs);
// addLoadEvent(checkClients);



function getElementsByClassName(oElm, strTagName, oClassNames){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	var arrRegExpClassNames = new Array();
	if(typeof oClassNames == "object"){
		for(var i=0; i<oClassNames.length; i++){
			arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames[i].replace(/-/g, "\-") + "(\s|$)"));
		}
	}
	else{
		arrRegExpClassNames.push(new RegExp("(^|\s)" + oClassNames.replace(/-/g, "\-") + "(\s|$)"));
	}
	var oElement;
	var bMatchesAll;
	for(var j=0; j<arrElements.length; j++){
		oElement = arrElements[j];
		bMatchesAll = true;
		for(var k=0; k<arrRegExpClassNames.length; k++){
			if(!arrRegExpClassNames[k].test(oElement.className)){
				bMatchesAll = false;
				break;
			}
		}
		if(bMatchesAll){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

function addClass(target, classValue)
{
    if (!hasClass(target, classValue))
    {
        if (target.className == "")
        {
            target.className = classValue;
        }
        else
        {
            target.className += " " + classValue;
        }
    }

    return true;
};