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;
	//Used for title        
    var getTabTitle = document.getElementById(tabId+"_Title");		
        
	if(oldTabId == getTabId) {
		return false;
	} else {
	    if(getTabTitle != null)
        {
            getTabTitle.style.display = "" ;
        }
		getTabId.className = "ActiveTab";
		getTabThumb.style.display = "block";
		
		if(oldTabId != "") {
			oldTabId.className = "";
			oldTabThumb.style.display = "none";
		    if(getTabTitle != null)
            {
                oldTabIdTitle.style.display = "none" ;
            }
		}
        
        //end use for title
        oldTabIdTitle =  getTabTitle;
		oldTabId = getTabId;
		oldTabThumb = getTabThumb;
	}
}

var oldTabId = "";
var oldTabThumb = "";

window.onload = function() {
    changeTab("stepStar","thumb1",'hfImage1');
}