var msg_err = "Une erreur est survenue lors de l'appel AJAX.\nRecharger la page devrait résoudre le problème.";
var loader = "<div class=\"loader\"><img src=\"img/ajax-loader.gif\" /><br /><br />Veuillez patienter...</div>";

function show_sub(parent, name)
{
    var tInp = $('menu').select('[class="categorie_list_visible"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='categorie_list_hidden';
	}

	tInp = $('menu').select('[class="groupe_list_a_hover"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='groupe_list_a';
	}

	tInp = $('menu').select('[class="categorie_list_a_hover"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='categorie_list_a';
	}

    if ($(''+name) != null)
    {
        $(''+name).className='categorie_list_visible';
    }

	parent.className='groupe_list_a_hover';
}

function hide_sub()
{
	var tInp = $('menu').select('[class="categorie_list_visible"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='categorie_list_hidden';
	}

	tInp = $('menu').select('[class="groupe_list_a_hover"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='groupe_list_a';
	}

	tInp = $('menu').select('[class="categorie_list_a_hover"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='categorie_list_a';
	}
}

function select_categorie(elt)
{
	var tInp = $('menu').select('[class="categorie_list_a_hover"]');
	for (var i=0;i<tInp.length;i++)
    {
        tInp[i].className='categorie_list_a';
	}

	elt.className='categorie_list_a_hover';
}

function refresh(url)
{
    new Ajax.Updater(
        'center_frame',
        url,
        {
            method: 'get',
            onFailure: function() { alert(msg_err) },
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            evalScripts: true
        }
    );
    Event.stop(event);
}

function activate_account()
{
    new Ajax.Updater(
        'center_frame',
        'compte.php',
        {
            method: 'get',
            parameters: {account_activated: 1},
            onFailure: function() { alert(msg_err) },
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            evalScripts: true
        }
    );
}

function load_categorie (url)
{
    new Ajax.Updater(
        'center_frame',
        url,
        {
            method: 'get',
            onFailure: function() { alert(msg_err) },
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            evalScripts: true
        }
    );
    Event.stop(event);
}

function order (given_id, provenance_url)
{
    new Ajax.Updater(
        'center_frame',
        'panier.php',
        {
            method: 'get',
            parameters: {article_id: given_id, provenance: provenance_url},
            onFailure: function() { alert(msg_err) },
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            evalScripts: true
        }
    );
    Event.stop(event);
}

function formNouveauClient(value)
{
	if (value == 1)
	{
		document.getElementById('client_existant').className='hidden';
		document.getElementById('nouveau_client').className='visible';
		document.getElementById('button_mdp_forgot').className='hidden';
	}else
	{
		document.getElementById('client_existant').className='visible';
		document.getElementById('nouveau_client').className='hidden';
		document.getElementById('button_mdp_forgot').className='bouton';
	}                        
}

function check_login(value)
{
	if (value == 1)
	{
		document.getElementById('logout_link').className='logout';
	}else
	{
		document.getElementById('logout_link').className='hidden';
	}                        
}

function login_submit (url)
{
    var choice_client = ($F('choice_client0') == null) ? 1 : 0;
	new Ajax.Updater(
        'center_frame',
        url,
        {
            method: 'post',
            parameters: {	choice_client: choice_client,
							email_login: $F('email_login'),
							password: $F('password'),
							email: $F('email'),
							password1: $F('password1'),
							password2: $F('password2'),
							nom: $F('nom'),
							prenom: $F('prenom'),
							adresse: $F('adresse'),
                            comp_adresse: $F('comp_adresse'),
							code_postal: $F('code_postal'),
							ville: $F('ville'),
                            pays: $F('pays')
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);    
}

function compte_submit ()
{
	new Ajax.Updater(
        'center_frame',
        'compte.php',
        {
            method: 'post',
            parameters: {	update_compte: $F('update_compte'),
                            email: $F('email'),
							password1: $F('password1'),
							password2: $F('password2'),
							nom: $F('nom'),
							prenom: $F('prenom'),
							adresse: $F('adresse'),
                            comp_adresse: $F('comp_adresse'),
							code_postal: $F('code_postal'),
							ville: $F('ville'),
                            pays: $F('pays')
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);
}

function cart_refresh (provenance_url)
{
	var url = "panier.php?recalculer=1";
	var form = $('mon_panier');
	var tInp = form.getInputs('text'); // -> only text inputs
	for (var i=0;i<tInp.length;i++) 
	{
		url+="&"+tInp[i].id+"="+tInp[i].value;
	}	

	new Ajax.Updater(
        'center_frame',
        url,
        {
            method: 'post',
            parameters: {	provenance: provenance_url
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);
}

function cart_refresh_port (provenance_url)
{
	new Ajax.Updater(
        'center_frame',
        'panier.php',
        {
            method: 'post',
            parameters: {	provenance: provenance_url,
                            pays: $('pays').value,
							chronopost: $('chronopost').checked
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);
}

function commande_refresh_port ()
{
	new Ajax.Updater(
        'center_frame',
        'commande.php',
        {
            method: 'post',
            parameters: {	refresh_port: '1',
							nom: $F('nom'),
							prenom: $F('prenom'),
							adresse: $F('adresse'),
							comp_adresse: $F('comp_adresse'),
                            code_postal: $F('code_postal'),
							ville: $F('ville'),
                            pays: $F('pays')
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);
}

function logout (url)
{
	new Ajax.Updater(
        'center_frame',
        'logout.php?provenance=compte.php',
        {
            method: 'get',
            onFailure: function() { alert(msg_err) },
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            evalScripts: true
        }
    );
    Event.stop(event);
}

// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
	if(!radioObj)
		return "";
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return radioObj.value;
		else
			return "";
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return radioObj[i].value;
		}
	}
	return "";
}

function commande_submit (mode_paiement)
{
	new Ajax.Updater(
        'center_frame',
        'commande.php',
        {
            method: 'post',
            parameters: {	confirm_commande: '1',
							nom: $F('nom'),
							prenom: $F('prenom'),
							adresse: $F('adresse'),
                            comp_adresse: $F('comp_adresse'),
							code_postal: $F('code_postal'),
							ville: $F('ville'),
                            pays: $F('pays'),
                            mode_paiement: mode_paiement
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);
}

function mdp_forgotten (url)
{
    new Ajax.Updater(
        'center_frame',
        url,
        {
            method: 'post',
            parameters: {	choice_client: 0,
                            email_login: $F('email_login'),
							mdp_forgot: 1
						},
			onLoading: function(req) {
                $("center_frame").innerHTML = loader;
			},
            onFailure: function() { alert(msg_err) },
            evalScripts: true
        }
    );
    Event.stop(event);
}

function goto_paypal ()
{
    window.document.getElementById('paypal_form').submit();
    /*window.document.getElementById("center_frame").innerHTML = loader;*/
}

function init_div ()
{
    idx = 0;
    nextIsFade = 1;
    var promo_id = 1;

    while (idx < 2)
    {
        if (tabDesignation[idx] == 'CONCEPT')
        {
            $('promo'+promo_id).innerHTML = " \
                <table id=\"table_promo\"> \
                    <tr> \
                        <td><p id=\"titre_concept_top\">Concept<p></td> \
                        <td id=\"td_savoir_plus\"> \
                            <a href=\"#\" onClick=\"Javascript: hide_sub(); refresh('concept.php');\">En savoir plus...</a> \
                        </td> \
                    </tr> \
                    <tr> \
                        <td colspan=\"2\"> \
                            <div id=\"concept_top\"> \
                                "+tabDescription[idx]+" \
                            </div> \
                        </td> \
                    </tr> \
                </table>";
        }else
        {
            $('promo'+promo_id).innerHTML = " \
                <table id=\"table_promo\"> \
                    <tr> \
                        <td rowspan=\"3\" class=\"image_article\"> \
                            <div> \
                                <a href=\"#\" onClick=\"Javascript: window.open('"+tabImgPath[idx]+"');\"><img class=\"article_img\" src=\""+tabImgPath[idx]+"\" /></a> \
                            </div> \
                        </td> \
                        <td class=\"designation\" colspan=\"2\"> \
                            "+tabDesignation[idx]+" \
                        </td> \
                        <td class=\"prix\"> \
                            "+tabPrix[idx]+" \
                        </td> \
                    </tr> \
                    <tr> \
                        <td class=\"description\" colspan=\"2\"> \
                            <div class=\"div_promo_description\"> \
                                "+tabDescription[idx]+" \
                            </div> \
                        </td> \
                        <td id=\"td_promo_img\" rowspan=\"2\"><img src=\""+tabImgSrc[idx]+"\" /></td> \
                    </tr> \
                    <tr> \
                        <td class=\"commander\"> \
                            <p><a href=\"#\" class=\""+tabBtClass[idx]+"\" onClick=\"Javascript: order("+tabId[idx]+", 'accueil.php');\"><span><span><span>Commander</span></span></span></a></p> \
                        </td> \
                        <td class=\"savoir_plus\"> \
                            <p><a href=\"#\" onClick=\"Javascript: load_categorie('categorie.php?id="+tabCategorieId[idx]+"&ancre=article_"+tabId[idx]+"');\">En savoir plus...</a></p> \
                        </td> \
                    </tr> \
                </table>";
        }
        promo_id--;
        idx++;
    }

    if (idx >= tabId.length)
    {
        idx = 0;
    }
}

function change_content ()
{
    if (tabDesignation[idx] == 'CONCEPT')
    {
        $(divToChange).innerHTML = " \
            <table id=\"table_promo\"> \
                <tr> \
                    <td><p id=\"titre_concept_top\">Concept<p></td> \
                    <td id=\"td_savoir_plus\"> \
                        <a href=\"#\" onClick=\"Javascript: hide_sub(); refresh('concept.php');\">En savoir plus...</a> \
                    </td> \
                </tr> \
                <tr> \
                    <td colspan=\"2\"> \
                        <div id=\"concept_top\"> \
                            "+tabDescription[idx]+" \
                        </div> \
                    </td> \
                </tr> \
            </table>";
    }else
    {
        $(divToChange).innerHTML = " \
            <table id=\"table_promo\"> \
                <tr> \
                    <td rowspan=\"3\" class=\"image_article\"> \
                        <div> \
                            <a href=\"#\" onClick=\"Javascript: window.open('"+tabImgPath[idx]+"');\"><img class=\"article_img\" src=\""+tabImgPath[idx]+"\" /></a> \
                        </div> \
                    </td> \
                    <td class=\"designation\" colspan=\"2\"> \
                        "+tabDesignation[idx]+" \
                    </td> \
                    <td class=\"prix\"> \
                        "+tabPrix[idx]+" \
                    </td> \
                </tr> \
                <tr> \
                    <td class=\"description\" colspan=\"2\"> \
                        <div class=\"div_promo_description\"> \
                            "+tabDescription[idx]+" \
                        </div> \
                    </td> \
                    <td id=\"td_promo_img\" rowspan=\"2\"><img src=\""+tabImgSrc[idx]+"\" /></td> \
                </tr> \
                <tr> \
                    <td class=\"commander\"> \
                        <p><a href=\"#\" class=\""+tabBtClass[idx]+"\" onClick=\"Javascript: order("+tabId[idx]+", 'accueil.php');\"><span><span><span>Commander</span></span></span></a></p> \
                    </td> \
                    <td class=\"savoir_plus\"> \
                        <p><a href=\"#\" onClick=\"Javascript: load_categorie('categorie.php?id="+tabCategorieId[idx]+"&ancre=article_"+tabId[idx]+"');\">En savoir plus...</a></p> \
                    </td> \
                </tr> \
            </table>";
    }

    idx = (idx >= (tabId.length-1)) ? 0 : (idx+1) ;
}

function change_div (timeout)
{
    if (nextIsFade)
    {
        new Effect.Fade($('promo1'), {duration:1});  
        nextIsFade = 0;
        divToChange = 'promo1';
    }else
    {
        new Effect.Appear($('promo1'), {duration:1});
        nextIsFade = 1;
        divToChange = 'promo0';
    }

    if (tabId.length > 2)
    {
        window.setTimeout("change_content()", 1000);
    }

    window.setTimeout("change_div("+timeout+")", timeout);
}

function panier_hover ()
{
    $('img_panier').src='img/mon_panier_hover.gif';
}

function panier_out ()
{
    $('img_panier').src='img/mon_panier.gif';
}