var tabImages =  new Array();
	
var activeTab = 1;

function setAlternativeImages(tabNum, imageType ,imagePath){
	if(typeof this.tabImages[tabNum] != 'object'){
		this.tabImages[tabNum] = new Object();
	}
	this.tabImages[tabNum][imageType] = imagePath;
}

function setActive(tabNum){
	for (i = this.tabImages.length-1; i > 0; i--){
		if(i != tabNum){		
			switch (i < tabNum){
				// set Done Images
				case true:
					this.setTabImage(i, 'done');
					break;
				// set Normal Images	
				case false:
					this.setTabImage(i, 'no');
					break;
			}
		}
	}
	// fade old Content Out and new in
	this.fadeOut(this.activeTab, tabNum);
	// set Active Image
	this.setTabImage(tabNum, 'act');
	this.activeTab = tabNum;
}

function setStep(tabNum, navigation){

	switch (navigation){
		case 0:
			this.setActive(tabNum);
			break;
		case 1:
			if(tabNum < this.activeTab){
				this.setActive(tabNum);
			}
			break;
	}	
}

function setTabImage(tabNum, type){
	tab = "tabNum_"+tabNum;
	if(typeof document.getElementById(tab) != 'undefined'){
		document.getElementById(tab).innerHTML = '';
		document.getElementById(tab).innerHTML = '<img src="'+this.tabImages[tabNum][type]+'"/>';
	}
}

function fadeOut(activeTab, newTab){
	$('TabContent_'+activeTab).fade('out');
	$('TabContent_'+newTab).fade('in');		
}

function goToNextTab(){
	gotoTab = this.activeTab+1;
	
	if(this.tabImages.length > gotoTab){
		setStep(this.activeTab+1, 0);
	}else{
		document.tabQuestionaire.submit();
	}
}