// functie laat juiste content zien bij navigeren met de tabjes
function showSubPage(which, linkId){
	var subDivs = document.getElementsByTagName("DIV");

	for(i=0; i < subDivs.length; i++){
		var divObj = subDivs[i];
			if(divObj.className == 'subpage'){
			document.getElementById(divObj.id).style.display = 'none';
			}
	}
    var e = document.getElementById (which);
    if ( e ) {
	   e.style.display = 'block';
    }
	fixImages(linkId);
}


//##### functies voor aanmeldformulier #####//

// array met alle subelementen van het inschrijfform
var subElements = new Array("inschrijfcon", "opentraining", "wachtlijst", "incompanytraining", "hoofdformulier");

// per inschrijfoptie de corresponderende subelementen die getoont moeten worden aangeven
var trainingDivs = new Array();
trainingDivs['open'] = new Array(1, 2, 5);
trainingDivs['beide'] = new Array(1, 2, 5);
trainingDivs['incompany'] = new Array(1, 4);
trainingDivs['wachtlijst'] = new Array(1, 3, 5);

function showForm(clickedLink) {
	$('#datablock').hide();
	$('#subscribeForm').show();
    $('#trainingdate').html($(clickedLink).attr('datum'));
    $('#location').html($(clickedLink).attr('locatie'));
	
    $('#training_id').val($(clickedLink).attr('training_id'));
	$('#trainingdate_id').val($(clickedLink).attr('date_id'));
	$('#location_id').val($(clickedLink).attr('location_id'));
	if ($(clickedLink).attr('datum') != 'Wachtlijst') {
	
		$('#waitinglist').hide();
	} else {
		$('#waitinglist').show();		
	}
	
	// Track pageview
	try {
		trackPage ('/training-inschrijving/stap1');
	} catch(error) {
		return false;
	}
}

function showData () {
	$('#datablock').show();
	$('#subscribeForm').hide();
	
	// Track pageview
	try {
		trackPage ('/training-inschrijving/data');
	} catch (error) {
		return false;
	}
} 

function gotoOverview (message, url) {

	if (checkAccept(message)) {
        $('#action_type').val('overview');
		
        $("#subscribe").attr("target", "_self");
		$("#subscribe").attr("action", url);
		$("#subscribe").submit();
		
		// Track pageview
		try {
			trackPage('/training-inschrijving/stap4');
		} catch (error) {
			return false;
		}
	}
}

function checkAccept (message) {
    if ($('#accept_terms').is(':checked')) {
		return true;
	} else {
		alert(message);
		return false;
	}
}

function printForm (url) {
    $('#action_type').val('overview');

    $("#subscribe").attr("target", "_blank");
    $("#subscribe").attr("action", url);
	$("#subscribe").submit();
}

function sendForm (message, url) {
	if (checkAccept(message)) {
        $('#action_type').val('send');
		
        $("#subscribe").attr("target", "_self");
		$("#subscribe").attr("action", url);
		$("#subscribe").submit();
	}
}

function showNext() {
	$('#step1').hide();
	$('#step2').show();
}

function goTo(from, to, lang) {

	$('#step' + from).hide();
	$('#step' + to).show();
	
	if (from < to) {
        $('#pict_step' + from).html("<img src='/images/step" + from +"_done_" + lang + ".png'>");
	} else {
        $('#pict_step' + from).html("<img src='/images/step" + from + "_" + lang + ".png'>");
	}
    $('#pict_step' + to).html("<img src='/images/step" + to + "_active_" + lang + ".png'>");
	
	// Track pageview
	try {
		trackPage('/training-inschrijving/stap'+to);
	} catch(error) {
		return false;
	}
}

function go (to, lang) {
	var found = false;
	for (var i=1; i <= 4; i++) {

		if (i == to) {
			found = true;
            $('#pict_step' + i).html("<img src='/images/step" + i +"_active_" + lang + ".png'>");
			$('#step' + i).show();
		} else {
			$('#step' + i).hide();
			
			if (found) {
                $('#pict_step' + i).html("<img src='/images/step" + i + "_" + lang + ".png'>");
			} else {
                $('#pict_step' + i).html("<img src='/images/step" + i + "_done_" + lang + ".png'>");
			}

		}
	}
	
	// Track pageview
	try {
		trackPage('/training-inschrijving/stap'+to);
	} catch(error) {
		return false;
	}
}

function scrollBack(){
	window.scrollBy(0,-50); 
}


function showDivs(which, theLink){
	// eerst alle divs hiden
	var cleanUpDivs = subElements.length;
	for(z=0; z < cleanUpDivs; z++){
		document.getElementById(subElements[z]).style.display =  'none';
	}
	// vervolgens juiste reeks divs tonen
	var numberOfDivs = trainingDivs[which].length;	
	for(i=0; i < numberOfDivs; i++){
	var divName = subElements[trainingDivs[which][i]-1];
		document.getElementById(divName).style.display = 'block';
	}
	
	//naar div scrollen
	setTimeout('scrollBack()', 50);
}

function trackPage(page) {
	//console.log(page);
	pageTracker._trackPageview(page);
}


if($.isFunction($.fn.datepicker)) {
        $(".datepicker").datepicker({dateFormat: 'dd-mm-yyyy'});
		//alert($("#lastname").val());
    }