function showHighslide(){
    var popupX = Math.round( ($(window).width() - $("#highslide_block").width()) / 2) ;
    var popupY = $(document).scrollTop() + Math.round($(window).height()/2) - Math.round($("#highslide_block").height()/2);
    $("#highslide_block").css({top: popupY+"px", left: popupX+"px"});
    $("#highslide_block").fadeIn("slow");
  //  $("#highslide_block").fadeOut(3000);
}

function showHighslideMessage(data,container){

   container = typeof(container) != 'undefined' ? container : 'highslide_message';
 
 $("#"+container).html();
 
 if(container=='highslide_message')
      $("#"+container).html(data);   
  else
    $("#"+container).html(data + '<br /><br /><p style="float:right;"><input type="button" value="Закрыть"  class="okbtn" onclick="javascript: $(this).parent().parent().css(\'display\',\'none\');" ></p>');  
   
   
    var popupX = Math.round( ($(window).width() - $("#"+container).width()) / 2) ;
    var popupY = $(document).scrollTop() + Math.round($(window).height()/2) - Math.round($("#"+container).height()/2);
    $("#"+container).css({top: popupY+"px", left: popupX+"px"});
    $("#"+container).fadeIn("slow");
    
    if(container=='highslide_message')$("#"+container).fadeOut(3200);
}

function validate_email(email) {
 
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   
   if(reg.test(email) == false)
       return false;
   else   
       return true;
}

function runAuthorization(formName,emailName,orderName)
{
  
    
    email = document.forms[formName].elements[emailName].value;
    order = document.forms[formName].elements[orderName].value;
    if(validate_email(email))
        {  
              $.post("/client/authorization/",{ email: email,order:order}, function(data){
                 // $('#highslide_block').css('display','none');
                    if(data.result=='Ok')                        
                        showHighslideMessage('На указанный email выслана ссылка для Вашей авторизации','highslide_block');
                    else if (data.result=='Spam')
                        showHighslideMessage('Ваш запрос был отклонен по причине превышения лимита запросов на обратный звонок (больше 1 сообщения в минуту). Мы можете повторить можете повторить Ваш запрос еще раз через 1 минуту');
                    else if(data.result="unknown_client")
                        showHighslideMessage('Вы указали несуществующий email или номер заказа');
                     
                        
                },"json");
        }
        else
             showHighslideMessage('Введите корректный email');
    

}

function runCallback(formName, formPhone,formContact,formQuestion)
{
 phone = document.forms[formName].elements[formPhone].value;
 contact = document.forms[formName].elements[formContact].value;
 question = document.forms[formName].elements[formQuestion].value;
        if(phone.value!="" && contact!="")
            {
    
              $.post("/client/callback/",{ phone: phone, contact:contact, question:question}, function(data){
                  //$('#highslide_block').css('display','none');
                    if(data.result=='Ok')
                        showHighslideMessage('Спасибо! В ближайшее время наши менеджеры свяжутся с Вами','highslide_block');
                    else if (data.result=='Spam')
                        showHighslideMessage('Ваш запрос был отклонен по причине превышения лимита запросов на обратный звонок (больше 1 сообщения в минуту). Мы можете повторить можете повторить Ваш запрос еще раз через 1 минуту');
                    
                },"json");
            }
                else
                    showHighslideMessage("Вы не указали Ваше имя или номер телефона");
}







function closeForm(formName)
{
    if (document.getElementById(formName)){
        document.getElementById(formName).style.display ="none";
    }
    document.getElementById('highslide_block').style.display = 'none';
}

function showForm(formName)
{
if(formName=='Login_form'){
       $('#highslide_block').html('<form action="" id="Login_form" name="Login_form" style="display:none; color:red;" onsubmit="javascript:return false;"><p style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;"> Войти</p><br />        <p style="color:#4A3429;font:12px Arial,Helvetica,sans-serif;text-align:justify;">Если вы уже делали заказ в нашем магазине,  <br />  то вы можете отслеживать историю и статусы своих заказов. <br />Для осуществления  доступа укажите свой email и номер одного из Ваших заказов.<br /></p>      <br />     <label for="Cl_email" style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;">Email</label>   <br />  <input name="Cl_email" type="text" />     <br />  <br />   <label for="Cl_order" style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;">№ заказа</label>   <br />  <input name="Cl_order" type="text" />   <br />   <br />  <input type="button" value="Получить ссылку" name="submitcb" class="okbtn" onclick="javascript:runAuthorization(\'Login_form\',\'Cl_email\',\'Cl_order\');">     <input type="button" value="Закрыть" name="close" class="okbtn" onclick="javascript:closeForm(\'Login_form\');"> </form>');    
       document.forms[formName].style.display ="";
      showHighslide();
}
else if(formName=='reg_form'){

    $.get("/client/regform/", function(data){

      $('#highslide_block').html(data);
        document.forms[formName].style.display ="";
        showHighslide();
    });
}

else if(formName=='Callback_form'){
    $('#highslide_block').html('<form action="" id="Callback_form" name="Callback_form" style="z-index:9997;display:none; color:red;" onsubmit="javascript:return false;">      <p style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;" Обратный звонок</p><br />          <p style="color:#4A3429;font:12px Arial,Helvetica,sans-serif;text-align:justify;">Укажите свой номер телефона и Ваше имя, а мы Вам перезвоним.</p>       <br />     <label for="CB_phone" style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;">Телефон</label>    <br /> <input name="CB_phone" type="text" />   <br />   <br />  <label for="CB_contact" style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;">Ваше имя</label>    <br /> <input name="CB_contact" type="text" />   <br />   <br />  <label for="CB_question" style="color:#4A3429;font:bold 14px Arial,Helvetica,sans-serif;">Ваш вопрос</label>    <br /> <textarea rows="3" cols="45" name="CB_question" type="text" />  <br />     <br />    <input type="button" value="Отправить запрос" name="submitcb" class="okbtn" onclick="javascript:runCallback(\'Callback_form\',\'CB_phone\',\'CB_contact\',\'CB_question\');">     <input type="button" value="Закрыть" name="close" class="okbtn" onclick="javascript:closeForm(\'Callback_form\');"> </form>');
    document.forms[formName].style.display ="";
    showHighslide();
}

}