var curType = 0;
var curDuration = 0;
var curGroups = 0;
var curStructure = 0;
var curDestination = 0;

function initialize() {
	document.getElementById("javaSelectors").style.display = "block";
	document.getElementById("javaInfo").style.display = "block";
	
	document.getElementById("nonJs").style.display = "none";
	
	curType = document.getElementById("tripType").value - 0;
	typeChange(0);
	
	curDuration = document.getElementById("duration").value - 0;
	durationChange(0);
	
	curGroups = document.getElementById("groups").value - 0;
	groupsChange(0);
	
	curStructure = document.getElementById("structure").value - 0;
	structureChange(0);
		
	curDestination = document.getElementById("destination").value - 0;
	destinationChange(0);
}

function typeChange(dir) {

	if(dir) {
		curType += dir;
		curType = curType % 7;
		if(curType==-1) curType = 6;
	}
		
	document.getElementById("typeImage").src = "/templates/common/images/type_"+curType+".gif";
	document.getElementById("tripType").value = curType;
	
}

function durationChange(dir) {
	if(dir) {
		curDuration += dir;
		curDuration = curDuration % 14;
		if(curDuration==-1) curDuration = 13;
	}
	
	document.getElementById("durationImage").src = "/templates/common/images/duration_"+curDuration+".gif";
	document.getElementById("duration").value = curDuration;
}

function groupsChange(dir) {
	if(dir) {
		curGroups += dir;
		curGroups = curGroups % 12;
		if(curGroups==-1) curGroups = 11;
	}
	
	document.getElementById("groupsImage").src = "/templates/common/images/groups_"+curGroups+".gif";
	document.getElementById("groups").value = curGroups;
}

function structureChange(dir) {
	if(dir) {
		curStructure += dir;
		curStructure = curStructure % 5;
		if(curStructure==-1) curStructure = 4;
	}
	
	document.getElementById("structureImage").src = "/templates/common/images/structure_"+curStructure+".gif";
	document.getElementById("structure").value = curStructure;
}

function destinationChange(dir) {
	if(dir) {
		curDestination += dir;
		curDestination = curDestination % 7;
		if(curDestination==-1) curDestination = 6;
	}
	
	document.getElementById("destinationImage").src = "/templates/common/images/destination_"+curDestination+".gif";
	document.getElementById("destination").value = curDestination;
}

function activateInfoText(num, parent) {
	var texts = new Array();
	texts[0] = "Selecting trip type:<br/>Choose the trip type that suits best for your requirements.";
	texts[1] = "Selecting duration for trip:<br/>Choose the maximum number of days that you plan to stay.";
	texts[2] = "Selecting number of groups:<br/>Choose the number of separate groups that you are planning the trip for.";
	texts[3] = "Selecting structure of the groups:<br/>Choose the alternative that best matches the structure of your group(s).";
	texts[4] = "Selecting destination:<br/>Choose the main destination for the trip.";
	
	if(parent == 78) {
		// de
		texts[0] = "Wahl des Reisetyps: Wählen Sie den Reisetyp, der am besten Ihren Vorstellungen entspricht.";
		texts[1] = "Wahl der Aufenthaltsdauer: Wählen Sie die maximale Zahl der Tage.";
		texts[2] = "Wahl der Gruppenzahl: Wählen Sie die Zahl der separaten Gruppen, für die Sie die Reise planen.";
		texts[3] = "Wahl der Gruppenzusammensetzung: Wählen Sie die Alternative, die der Zusammensetzung Ihrer Gruppen/Gruppen am nächsten kommt.";
		texts[4] = "Wahl der Destination: Wählen Sie die Hauptdestination für die Reise.";
	} else if (parent == 79) {
		// fr
		texts[0] = "Sélection du type de voyage : choisissez le type de voyage le mieux adapté à vos besoins.";
		texts[1] = "Sélection de la durée du voyage : choisissez le nombre de jours maximum du séjour.";
		texts[2] = "Sélection du nombre de groupes : choisissez le nombre de groupes séparés pour lesquels vous planifiez ce voyage.";
		texts[3] = "Sélection de la structure des groupes : choisissez l’option correspondant le mieux à la structure de votre/vos groupe(s).";
		texts[4] = "Sélection de la destination : choisissez la destination principale du voyage.";
	}
	
	document.getElementById("javaInfo").innerHTML = "<div class='padding'>" + texts[num] + "</div";
}