﻿/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

function login() {

                  
        
    var closeDrawer = "drawer_content";
    var theOpenDrawer = "login_content";
    
    if ($('#stf_content').is(':visible')) {
        closeDrawer = "stf_content"; 
    }
    
    if($('#login_content').is(':visible')) {
        closeDrawer  = "login_content";
        theOpenDrawer  = "drawer_content";
    }
    
    if ($('#drawer_index').is(':visible')) {
        closeDrawer = "drawer_index"; 
    }

    if ($('#thank_you_content').is(':visible')) {
        closeDrawer = "thank_you_content"; 
    }

    if (!$('#form_login', '#login_content').is('form')) {  

        var login =   '';
        
            login+=   '                        <table border="0" cellpadding="0" cellspacing="0" width="834">';
            login+=   '                            <tr>';
            login+=   '                                <td width="500" align="left" valign="top" style="width:450px;">';
            login+=   '                                    <h2 id="t_login">Login</h2>';
            login+=   '                                    <form id="form_login" action="javascript:submit_login();" method="post">';
            login+=   '                                        <fieldset id="login_wrapper" class="clearfix">';
            login+=   '                                            <table cellpadding="0" cellspacing="0" border="0" width="440">';
            login+=   '                                                <tr>';
            login+=   '                                                    <td align="left" valign="top" style="width:180px;">';
            login+=   '                                                        <label for="username">Nom d\'utilisateur *</label>';            
            login+=   '                                                        <input name="username" id="username" size="26" class="$v(required) mb20" tabindex="20" type="text">';
            login+=   '                                                    </td>';
            login+=   '                                                    <td align="left" valign="top" style="width:190px;">';
            login+=   '                                                        <label for="password">Mot de passe *</label>';
            login+=   '                                                        <input name="password" id="password" size="27" class="$v(required) mb20" tabindex="21" type="password" />';
            login+=   '                                                    </td>';
            login+=   '                                                    <td align="left" valign="top" style="width:70px;">';
            login+=   '                                                        <input id="submit_login" type="submit" value="" />';
            login+=   '                                                    </td>';
            login+=   '                                                </tr>';
            login+=   '                                            </table>';
            login+=   '                                        </fieldset>';
            login+=   '                                    </form>';
            login+=   '                                </td>';
            login+=   '                                <td width="304" align="left" valign="top" style="width:304px;">';
            login+=   '                                    <div id="alertLogin" style="width:300px;margin-top:78px"></div>';
            login+=   '                                </td>';
            login+=   '                                <td width="30" align="left" valign="top" style="width:30px;"><a class="b_drawer_close2" href="javascript:toggle_drawer(\'login_content\', \'drawer_content\');" title="Close">Fermer</a></td>';
            login+=   '                            </tr>';
            login+=   '                        </table>';
        
        $('#login_content').append(login);
        $('#form_login').validate();

        //var toggle = setTimeout("toggleDrawer('login_content')",500);
    }    
    
    toggle_drawer(closeDrawer, theOpenDrawer);
    
}

    function submit_login(){
                $.ajax({
                type: "POST",
                url: "/commun/ajax/presentationLogin.asp", //" + language + "
                data: "username="+$('#username').val()+"&password="+$('#password').val(),
                success: function(msg) {
                    if(msg != "-1"){
                        document.forms.form_login.action = "presentations.asp";
                        document.forms.form_login.submit();
                    }
                    else{
                        if ($('#alert_append').is(':visible')) {
                            $('#alert_append').remove();
                        }
                        $('#alertLogin').append('<div id="alert_append">Les informations que vous avez entrées sont invalides.</div>'); 
                        
                        $('#l_username').addClass('error');
                        $('#l_password').addClass('error');
                    }
                }
            });
    }

    function toggle_two_divs(divIdOpen, divIdClose, speed) {
        $('#' + divIdClose).slideUp(speed);
        $('#' + divIdOpen).slideDown(speed);
    }


    function toggle_drawer(drawerId, callbackDrawerId) {
        if ($('#'+drawerId).is(':visible')) {
            $('#'+drawerId).slideToggle('slow',function(){ $('#'+callbackDrawerId).slideToggle('fast'); });
        } else {
            $('#'+callbackDrawerId).slideToggle('fast');
        }
    }

    function submit_parts(language_id){
        $.ajax({
            type: "POST",
            url: "/commun/ajax/modelNumberValidate.asp", //" + language + "
            data: "style_num="+$('#style_num').val()+"&language_id="+language_id,
            success: function(msg) {
                if(msg == "1"){
                    document.forms.order.action = "order_parts_2.asp";
                    document.forms.order.submit();
                }
                else{
                    
                    //$('#alert').show();
                    if ($('#alert').is(':visible')) {
                        $('#alert').empty(); 
                        $('#alert').append('Le numéro de modèle que vous avez entré est invalide.'); 
                    }
                    $('#style_num').prev('label').addClass('error');
                }
            }
        });
        
    }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Send to a friend ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
function send_to_a_friend() {
    if (!$('#form_stf', '#stf_content').is('form')) {
        var stf=   '                        <form id="form_stf" action="javascript:stf_submit();" method="post">';
            stf+=   '                            <fieldset id="stf_wrapper" class="clearfix">';
            stf+=   '                                <div id="stf_ajax">';
            stf+=   '                                <table id="stf_table" cellpadding="0" cellspacing="0" border="0">';
            stf+=   '                                    <tr>';
            stf+=   '                                        <td colspan="4" align="left" valign="top">';
            stf+=   '                                            <h2 id="t_send_this_page">Envoyer cette page</h2>';
            stf+=   '                                        </td>';
            stf+=   '                                        <td align="left" valign="top" width="30">';
            stf+=   '                                            <a class="b_drawer_close2" href="javascript:toggle_drawer(\'stf_content\', \'drawer_content\');" title="Close">Fermer</a>';
            stf+=   '                                        </td>';
            stf+=   '                                    </tr>';
            stf+=   '                                    <tr>';
            stf+=   '                                        <td align="left" valign="top" width="190">';
            stf+=   '                                            <label for="stfname">Votre nom *</label>';
            stf+=   '                                            <input name="stfname" id="stfname" size="26" class="$v(required) mb20" tabindex="20" type="text" value="">';
            stf+=   '                                            <label for="stffriendsname">Nom du destinataire *</label>';
            stf+=   '                                            <input name="stffriendsname" id="stffriendsname" size="26" class="$v(required)" tabindex="22" type="text" value="">';
            stf+=   '                                        </td>';
            stf+=   '                                        <td align="left" valign="top" width="190">';
            stf+=   '                                            <label for="stfemail">Votre courriel *</label>';
            stf+=   '                                            <input name="stfemail" id="stfemail" size="26" class="$v(required,email) mb20" tabindex="21" type="text" value="">';
            stf+=   '                                            <label for="stffriendsemail">Courriel du destinataire *</label>';
            stf+=   '                                            <input name="stffriendsemail" id="stffriendsemail" size="26" class="$v(required,email)" tabindex="23" type="text" value="">';
            stf+=   '                                        </td>';
            stf+=   '                                        <td align="left" valign="top" width="322">';
            stf+=   '                                            <label for="stfcomments">Remarques</label>';
            stf+=   '                                            <textarea name="stfcomments" id="stfcomments" cols="50" rows="5" tabindex="24" style="width:300px; height:72px;"></textarea>';
            stf+=   '                                        </td>';
            stf+=   '                                        <td align="left" valign="top" width="90">';
            stf+=   '                                            <input class="submit_send" type="submit" value="" />';
            stf+=   '                                        </td>';
            stf+=   '                                        <td align="left" valign="top" width="30">';
            stf+=   '                                            &nbsp;';
            stf+=   '                                        </td>';
            stf+=   '                                    </tr>';
            stf+=   '                                </table>';
            stf+=   '                                </div>';
            stf+=   '                            </fieldset>';
            stf+=   '                        </form>';
        
         
        


        //$('#drawer_content').slideToggle('fast');
        $('#stf_content').append(stf);
        $('#form_stf').validate();
    }
    toggle_drawer("drawer_content", "stf_content");
    //var toggle = setTimeout("toggleDrawer('stf_content')",500);
}

function stf_submit() {  //link, language

    var stf_confirm =   '                        <div id="thank_you_wrapper" class="clearfix">';
    stf_confirm +=   '                                <div class="small_drawer_title"><h2 id="t_thank_you"><span>Merci</span></h2></div>';
    stf_confirm +=   '                                <a class="b_drawer_close" style="margin-top:30px;" href="javascript:toggle_drawer(\'thank_you_content\', \'drawer_content\');" title="Close">Fermer</a>';
    stf_confirm +=   '                                <div style="clear:both;text-align:left; display:block; margin:0 0 0 50px; color:#53637a;">Votre courriel a bien &eacute;t&eacute; envoy&eacute;.</div>';
    stf_confirm +=   '                        </div>';
    
    var params = {};
    params["friendemail"] = $('#stffriendsemail').val();
    params["email"] = $('#stfemail').val();
    params["name"] = $('#stfname').val();
    params["Friendname"] = $('#stffriendsname').val();
    params["message"] = $('#stfcomments').val().replace(/\r\n|\n/g, '<br>');
    
   // str = str.replace(/\r\n|\n/g, ' ');
    
    params["url"] = $('#stf_url').val();
    
    $.post(          
         "/3084/email/stf.asp", 
         params, 
         function(msg){ 
            $('#stf_content').slideUp('slow', function(){
                $("#form_stf", this).remove(); 
                
                if(!$('#thank_you_wrapper', '#thank_you_content').is("div")){
                   $('#thank_you_content').append(stf_confirm);
                }
                $('#thank_you_content').slideDown('slow');
             });
        }
    );
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Lineart Popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    function open_popup(image_url) {
	    newwindow=window.open('lineart.asp?image_url='+image_url,'lineart','toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=984,height=600');
	    if (window.focus) {newwindow.focus()}
    }

    function validate_image(image_url) {
	    var image = document.createElement('img');
	    var imagesrc = image_url;
	    image.setAttribute('src',imagesrc);
	    image.onerror = function () {
		    $('img', '#lineart_container').remove();
		    $('#lineart_container').append('<div style="padding:10px;">L\'image est introuvable, elle a peut-être été récemment supprimée.</div>');
	    }
    }
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Linear Plasma / LCD selector - Home page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
function ps_plus() {
    tv_number++;
    if (tv_number >= tv.length) { 
         tv_number = tv.length-1;
    }
    $('#tv_selector').attr('src','/3084/img/' + $('#tv_type').val() + '_' + tv[tv_number] + '.gif');
    $('#tv_size').val(tv[tv_number]);
}
    
function ps_minus() {
    tv_number--;
    if (tv_number < 0) { 
         tv_number = 0;
    }
    $('#tv_selector').attr('src','/3084/img/' + $('#tv_type').val() + '_' + tv[tv_number] + '.gif');
    $('#tv_size').val(tv[tv_number]);
}
