function swap() {
	this.className="Active";
}
function swapBack() {
	this.className="";
}
function overTable(idTable) {
    if (document.getElementById) {
    var mainTarget = document.getElementById(idTable);
    var TR = mainTarget.getElementsByTagName("tr");
    var zTR= TR.length;
        for (var k=0; k<zTR; k++) {
            TR[k].onmouseover = swap;
			TR[k].onmouseout = swapBack;
        }
    }
}

window.onload = function() {
    overTable("tblData1");
}


function changeTab(tabId,tabThumb,hfId) {
	var getTabId = document.getElementById(tabId);
	var getTabThumb = document.getElementById(tabThumb);
	var img = document.getElementById("img_"+tabThumb);
	var hfField = document.getElementById(hfId);
	img.src = hfField.value;
	
	if(oldTabId == getTabId) {
		return false;
	} else {
		getTabId.className = "ActiveTab";
		getTabThumb.style.display = "block";
		
		if(oldTabId != "") {
			oldTabId.className = "";
			oldTabThumb.style.display = "none";
		}
		
		oldTabId = getTabId;
		oldTabThumb = getTabThumb;
	}
}

var oldTabId = "";
var oldTabThumb = "";
window.onload = function() {

    changeTab("stepA1","thumb1","hfImage1");
}