function change_onglet(id, name, nombrePages, pageName) {
	var idBloc = id.charAt(0);
	var suivant = document.getElementById(idBloc+'_'+pageName+"_suiv");
	var precedent = document.getElementById(idBloc+'_'+pageName+"_prec");
    if( suivant )
    {
        //If last page, next button must be disabled
        if (name == nombrePages) {
            suivant.onclick = function() {
                return false;
            }
        } else {
            suivant.onclick = function() {
                get_next_page(id, nombrePages, pageName);
            }
        }
    }

    if( precedent )
    {
        //If first page, previous button must be disabled
        if (name == 1) {
            precedent.onclick = function() {
                return false;
            }
        } else {
            precedent.onclick = function() {
                get_previous_page(id, nombrePages, pageName);
            }
        }
    }

	if(anc_bloc != idBloc)
	{
        //If current clicked block is different of the previous clicked one
		var elts = document.getElementsByClassName(idBloc+'_'+pageName + "_Current");
		if( elts.length>0 )
        {
            anc_onglet = elts[0].id.substring(elts[0].id.length-1, elts[0].id.length);
        }

	}
	if(anc_name_bloc != pageName)
	{
		var elts = document.getElementsByClassName(idBloc+'_'+pageName + "_Current");
		anc_onglet = elts[0].id.substring(elts[0].id.length-1, elts[0].id.length);
	}

	if( document.getElementById(idBloc+'_'+pageName + '_onglet_' + anc_onglet) ) {document.getElementById(idBloc+'_'+pageName + '_onglet_' + anc_onglet).className = 'navigation_nouveautes';}
    if( document.getElementById(idBloc+'_'+pageName + '_onglet_' + name) ) {document.getElementById(idBloc+'_'+pageName + '_onglet_' + name).className = 'Current ' + idBloc+'_'+pageName + '_Current';}
    if( document.getElementById(idBloc+'_'+pageName + '_contenu_onglet_' + anc_onglet) ) {document.getElementById(idBloc+'_'+pageName + '_contenu_onglet_' + anc_onglet).style.display = 'none';}
    if( document.getElementById(idBloc+'_'+pageName + '_contenu_onglet_' + name) ) {document.getElementById(idBloc+'_'+pageName + '_contenu_onglet_' + name).style.display = 'block';}
	anc_onglet = name;
	anc_bloc = idBloc;
	anc_name_bloc = pageName;
}

function get_previous_page(id, nombrePages, pageName) {
	if(id != id.charAt(0)+'_'+pageName+'_prec' ){
		var elts = document.getElementsByClassName(id.charAt(0)+'_'+pageName + "_Current");
		change_onglet(id, elts[0].id.substring(elts[0].id.lastIndexOf('_')+1, elts[0].id.length) - 1, nombrePages, pageName)
	}
}

function get_next_page(id, nombrePages, pageName) {

	var elts = document.getElementsByClassName(id.charAt(0)+'_'+pageName + "_Current");
	change_onglet(id, parseInt(elts[0].id.substring(elts[0].id.lastIndexOf('_')+1, elts[0].id.length)) + 1, nombrePages, pageName)
}


function set_active_tab(kind, step)
{
    if(kind == "shiponstore")
	{
	    if( step == 'identification')
		{
		    document.getElementById('First-shiponstore').className = 'Active';
			document.getElementById('Second-shiponstore').className = 'Normal';
		}
		else if( step == 'confirmation')
		{
		    document.getElementById('First-shiponstore').className = 'Visited';
			document.getElementById('Second-shiponstore').className = 'Active';
		}
	    
	}
	else if( kind == "homedelivery" )
	{
	    if(step == 'identification')
		{
		    document.getElementById('First').className = 'Active';
			document.getElementById('Second').className = 'Normal';
			document.getElementById('Third').className = 'Normal';
			document.getElementById('Fouth').className = 'Normal';
		}
		if( step == 'reservation')
		{
		    document.getElementById('Second').className = 'Active';
            document.getElementById('First').className = 'Visited';
			document.getElementById('Third').className = 'Normal';
			document.getElementById('Fouth').className = 'Normal';
		}
		if( step == 'confirmation')
		{
            document.getElementById('First').className = 'Visited';
			document.getElementById('Second').className = 'Visited';
			document.getElementById('Third').className = 'Visited';
		    document.getElementById('Fouth').className = 'Active';

		}
	}
    
}