﻿// JScript File

    var p = '#ctl00_ContentPlaceHolder1_' //asp.net id prefix
    var bussOK=false, addrOK=false, subOK=false, postOK = true, nameOK=false, phoneOK=false, emailOK=false, passOK=false, confOK=false, makeOK=false;
    
    //Popup. Email found in Reg table
    $(document).ready(function(){        
        
        $("#btnEmailContinue").click(function(event){
            event.preventDefault();
            $('#divEmailContinue').css('display','block');
            //$('#btnEmailContinue').attr('disabled','true');
            $('#btnEmailContinue').css('display','none');
            $('#divEmailContinueFailed').css('display','none');
            //send email
            $.ajax({
              type: 'POST',
              url: 'car-service-registration-step-1.aspx/EmailFoundRegSend',
              data: "{'sEmail':'" + $(p+"emailTxt").val() + "'}",
              contentType: 'application/json; charset=utf-8',
              dataType: 'json',
              success: function(msg) {
                var arr = msg.split(',');
                if(arr[0]==1){
                    $('#divEmailContinue').css('display','none');$('#divEmailContinueSent').css('display','block');
                }else{
                    $('#divEmailContinue').css('display','none');$('#divEmailContinueFailed').css('display','block');$('#btnEmailContinue').css('display','block');
                }
              }
            });            
        });
        
        
         $("#btnBussContinue").click(function(event){
            event.preventDefault();
            $('#divBussContinue').css('display','block');
            $('#btnBussContinue').css('display','none');
            $('#divBussContinueFailed').css('display','none');
            //send Email
            $.ajax({
              type: 'POST',
              url: 'car-service-registration-step-1.aspx/BussFoundRegSend',
              data: "{'sBuss':'" + $(p+"bussTxt").val() + "'}",
              contentType: 'application/json; charset=utf-8',
              dataType: 'json',
              success: function(msg) {
                var arr = msg.split(',');
                if(arr[0]==1){
                    $('#divBussContinue').css('display','none');$('#divBussContinueSent').css('display','block');
                }else{
                    $('#divBussContinue').css('display','none');$('#divBussContinueFailed').css('display','block');$('#btnBussContinue').css('display','block');
                }
              }
            });            
        }); 
        
         $("#btnResetPassword").click(function(event){
            event.preventDefault();
            $('#divResetPassword').css('display','block');
            $('#btnResetPassword').css('display','none');
            $('#divResetPasswordFailed').css('display','none');
            //send Email
            $.ajax({
              type: 'POST',
              url: 'car-service-registration-step-1.aspx/ResetPassword',
              data: "{'sEmail':'" + $(p+"emailTxt").val() + "'}",
              contentType: 'application/json; charset=utf-8',
              dataType: 'json',
              success: function(msg) {
                var arr = msg.split(',');
                if(arr[0]==1){
                    $('#divResetPassword').css('display','none');$('#divResetPasswordSent').css('display','block');
                }else{
                    $('#divResetPassword').css('display','none');$('#divResetPasswordFailed').css('display','block');$('#btnResetPassword').css('display','block');
                }
              }
            });            
        });               
        
         $("#btnBussYes").click(function(event){
            event.preventDefault();  
            $(p+'hfBussProvID').val(provID);  
            $.modal.close();
        });
         $("#btnBussNo").click(function(event){
            event.preventDefault(); 
            $(p+'hfBussProvID').val(-1);  
            $.modal.close();
        });                
    }); 
    
    
    
    
    
    //Popup. Email linked to Prov
    $(document).ready(function(){
        $("#lnkEmailFoundProv").click(function(event){
            event.preventDefault();
            // Opening animations
            $("#divEmailFoundProv").modal({
                overlayClose:true,
                onOpen: function (dialog) {
	            dialog.overlay.fadeIn('slow', function () {
		            dialog.data.hide();
		            dialog.container.fadeIn('slow', function () {
			            dialog.data.slideDown('slow');
		            });
	            });
            }});
                     
        });
    });    
    
    //Popup. Email found in public accounts
    $(document).ready(function(){
        $("#lnkEmailFoundPublic").click(function(event){
            event.preventDefault();
            // Opening animations
            $("#divEmailFoundPublic").modal({
                overlayClose:true,
                onOpen: function (dialog) {
	            dialog.overlay.fadeIn('slow', function () {
		            dialog.data.hide();
		            dialog.container.fadeIn('slow', function () {
			            dialog.data.slideDown('slow');
		            });
	            });
            }});
                     
        });
    });        
    
    
      //autocomplete  for suburb & make
      jQuery(function() {
     
        var onAutocompleteSelect = function(value, data) {
          $(p+'hfSuburbID').val(data);
          subValidate();
        }
     
        $(p+'subTxt').autocomplete({
          serviceUrl: '/util/suburbstate.ashx',
          minChars:1,
          width: 206,
          delimiter: /(,|;)\s*/,
          onSelect: onAutocompleteSelect,
          deferRequestBy: 300 //miliseconds
        });
        
        
        var onAutocompleteSelect2 = function(value, data) {
          $(p+'hfMakeID').val(data);
          makeValidate();
        }
     
        $(p+'makeTxt').autocomplete({
          serviceUrl: '/util/make.ashx',
          minChars:1,
          width: 206,
          delimiter: /(,|;)\s*/,
          onSelect: onAutocompleteSelect2,
          deferRequestBy: 300 //miliseconds
        });
             
      });    
    
    
     $(document).ready(function(){ 
        //Send
        SendReady();
        
        //business name (buss)
        $('#bussSlide').hide();
        SetHelpStyle('buss','input',false);
        SetDivStyle('buss',false);  
        //AddHelpHandler('bussSlideHlp','');
        $(p+'bussTxt').focus(function () {SetOnFocus('buss','Enter your Business Name');});
        $(p+'bussTxt').blur(function () {
             SetDivStyle('buss',false);
             if ($(p+'bussTxt').val().length==0) {$('#bussSlide').slideLeftHide();}
             $.timeout(bussValidate, 300);
        });     
        $(p+'bussTxt').keyup(function () {$.idle(function(){bussValidate();}, 2000);});
        

        //address (addr)
        $('#addrSlide').hide();
        SetHelpStyle('addr','input',false);
        SetDivStyle('addr',false);  
        AddHelpHandler('addrSlideHlp','');      
        $(p+'addrTxt').focus(function () {SetOnFocus('addr','Enter your address');});
        $(p+'addrTxt').blur(function () {
             SetDivStyle('addr',false);
             if ($(p+'addrTxt').val().length==0) {$('#addrSlide').slideLeftHide();}
             $.timeout(addrValidate, 300);
        });     
        $(p+'addrTxt').keyup(function () {$.idle(function(){addrValidate();}, 2000);});


        //sub
        $('#subSlide').hide();
        SetHelpStyle('sub','input',false);
        SetDivStyle('sub',false);    
        AddHelpHandler('subSlideHlp','');    
        $(p+'subTxt').focus(function () {SetOnFocus('sub','Start typing your suburb');});
        $(p+'subTxt').blur(function () {
             SetDivStyle('sub',false);
             if ($(p+'subTxt').val().length==0) {$('#subSlide').slideLeftHide();}
             $.timeout(subValidate, 300);                
        });    

        //make
        $('#makeSlide').hide();
        SetHelpStyle('make','input',false);
        SetDivStyle('make',false);    
        //AddHelpHandler('emailSlideHlp','divEmailFoundReg');
        //AddHelpHandler('makeSlideHlp','divMakeHelp');  
        $(p+'makeTxt').focus(function () {SetOnFocus('make','Start typing your Primary Make');});
        $(p+'makeTxt').blur(function () {
             SetDivStyle('make',false);
             if ($(p+'makeTxt').val().length==0) {$('#makeSlide').slideLeftHide();}
             $.timeout(makeValidate, 300);                
        }); 
     
     
        //name
        $('#nameSlide').hide();
        SetHelpStyle('name','input',false);
        SetDivStyle('name',false);   
        AddHelpHandler('nameSlideHlp','');     
        $(p+'nameTxt').focus(function () {SetOnFocus('name','Enter your name');});
        $(p+'nameTxt').blur(function () {
             SetDivStyle('name',false);
             if ($(p+'nameTxt').val().length==0) {$('#nameSlide').slideLeftHide();}
             $.timeout(nameValidate, 300);
        });    
        $(p+'nameTxt').keyup(function () {$.idle(function(){nameValidate();}, 2000);});
         
 
         //phone
        $('#phoneSlide').hide();
        SetHelpStyle('phone','input',false);
        SetDivStyle('phone',false);   
        AddHelpHandler('phoneSlideHlp','');     
        $(p+'phoneTxt').focus(function () {SetOnFocus('phone','Enter your business phone');});
        $(p+'phoneTxt').blur(function () {
             SetDivStyle('phone',false);
             if ($(p+'phoneTxt').val().length==0) $('#phoneSlide').slideLeftHide();
             $.timeout(phoneValidate, 300);
        });
        $(p+'phoneTxt').keyup(function(){phoneValidate();});
 
 
         //email
        $('#emailSlide').hide();
        SetHelpStyle('email','input',false);
        SetDivStyle('email',false);   
        //AddHelpHandler('emailSlideHlp','divEmailFoundReg');     
        $(p+'emailTxt').focus(function () {SetOnFocus('email','Enter your email address');});
        $(p+'emailTxt').blur(function () {
             SetDivStyle('email',false);
             if ($(p+'emailTxt').val().length==0) {$('#emailSlide').slideLeftHide();}
             $.timeout(emailValidate, 300);
        });    
        $(p+'emailTxt').keyup(function () {$.idle(function(){emailValidate();}, 2000);});
        
        
         //pass
        $('#passSlide').hide();
        SetHelpStyle('pass','input',false);
        SetDivStyle('pass',false); 
        AddHelpHandler('passSlideHlp','');       
        $(p+'passTxt').focus(function (){SetOnFocus('pass','Enter your password'); });
        $(p+'passTxt').blur(function () {
             SetDivStyle('pass',false);
             if ($(p+'passTxt').val().length==0) $('#passSlide').slideLeftHide();
             passValidate();
             confValidate();
        });
        $(p+'passTxt').keyup(function(){passValidate();confValidate();});

        
         //conf
        $('#confSlide').hide();
        SetHelpStyle('conf','input',false);
        SetDivStyle('conf',false);  
        AddHelpHandler('confSlideHlp','');      
        $(p+'confTxt').focus(function () {SetOnFocus('conf','Confirm your password');});
        $(p+'confTxt').blur(function () {
             SetDivStyle('conf',false);
             if ($(p+'confTxt').val().length==0) $('#confSlide').slideLeftHide();;
             passValidate();
             confValidate();
        });               
        $(p+'confTxt').keyup(function(){confValidate();passValidate();});
        
 
     });  
     
     
/******** VALIDATION **********/
        function allValidate(){
//            $(p+'bussTxt').focus();
//            $(p+'addrTxt').focus();
//            $(p+'subTxt').focus();
//            $(p+'postTxt').focus();
//            $(p+'nameTxt').focus();
//            $(p+'phoneTxt').focus();
//            $(p+'makeTxt').focus();
//            $(p+'emailTxt').focus();
//            $(p+'emailTxt').blur();
            $(document).ready(function(){
                SetOnFocus('buss','Enter your Business Name');
                $.timeout(bussValidate, 300);  
                SetOnFocus('addr','Enter your address');
                $.timeout(addrValidate, 300);
                SetOnFocus('sub','Start typing your suburb');                
                $.timeout(subValidate, 300);
                SetOnFocus('make','Start typing your Primary Make');
                $.timeout(makeValidate, 300);
                SetOnFocus('name','Enter your name');
                $.timeout(nameValidate, 300);
                SetOnFocus('phone','Enter your business phone');
                $.timeout(phoneValidate, 300);
                SetOnFocus('email','Enter your email address');
                $.timeout(emailValidate, 300);
                SetOnFocus('pass','Enter your password');
                $.timeout(passValidate, 300);
                SetOnFocus('conf','Confirm your password');
                $.timeout(confValidate, 300);
            });
        };
        
        var provID=-1;
        function bussValidate(){
            provID=-1;
            var buss = $(p+'bussTxt');
            if (buss.val().length==0){
                bussOK=false;SendReady();
            }else{
                SetHelp('buss','loading','Validating...');
                SetHelpStyle('buss','loading',false);  
                 
                //parse query string          
                var qs = new Querystring();
                var reg = qs.get("reg", "00000000-0000-0000-0000-000000000000")
                          
                //validation call                
                $.ajax({
                  type: 'POST',
                  url: 'car-service-registration-step-1.aspx/ValidateBussnessName',
                  data: "{'sName':'" + $(p+"bussTxt").val() + "','guidReg':'" + reg + "'}",
                  contentType: 'application/json; charset=utf-8',
                  dataType: 'json',
                  success: function(msg) {
                    var arr = msg.split(',');
                    $('#spProvider2').html(arr[4].replace('$$$',','));
                    $('#spProvider3').html(arr[4].replace('$$$',','));
                    $('#spEmail4').text(arr[5]);
                    //alert(arr[3]);
                    if (arr[2]=='divBussFoundProv'){provID = arr[3];/*alert(provID);*/};
                    if(arr[0]=='1'){bussOK=true;SetHelp('buss','ok',arr[1],arr[2]);SetHelpStyle('buss','ok',true);SendReady();}
                        else if(arr[0]=='2'){bussOK=true;SetHelp('buss','warning',arr[1],arr[2]);SetHelpStyle('buss','warning',true);SendReady(); }
                            else if(arr[0]=='3'){bussOK=false;SetHelp('buss','stop',arr[1],arr[2]);SetHelpStyle('buss','stop',true);SendReady();}
                  }
                }); 
            }         
        };
        
        function addrValidate(){
            var addr = $(p+'addrTxt');           
            if (addr.val().length==0){
                addrOK=false;SendReady();
            }else{
                SetHelp('addr','ok','OK');SetHelpStyle('addr','ok',true);
                addrOK=true;SendReady()
            } 
        };
        
        function subValidate(){
            var sub = $(p+'subTxt');
            var hf = $(p+'hfSuburbID');
            if (sub.val().length==0){
                subOK=false;SendReady();
            }else if(hf.val().length==0 || hf.val()=='-1'){
                SetHelp('sub','stop','Suburb and State not found');SetHelpStyle('sub','stop',true)
                subOK=false;SendReady();
            }else{
                SetHelp('sub','ok','OK');SetHelpStyle('sub','ok',true);
                subOK=true;SendReady()
            }         
        };
        
        
        function makeValidate(){
            var make = $(p+'makeTxt');
            var hf = $(p+'hfMakeID');
            if (make.val().length==0){
                makeOK=false;SendReady();
            }else if(hf.val().length==0 || hf.val()=='-1'){
                SetHelp('make','stop','Make not found');SetHelpStyle('make','stop',true)
                makeOK=false;SendReady();
            }else{
                SetHelp('make','ok','OK','divMakeHelp',200);SetHelpStyle('make','ok',true);
                makeOK=true;SendReady()
            }         
        };    
        
       function nameValidate(){
            var name = $(p+'nameTxt');                     
            if (name.val().length==0){
                nameOK=false;SendReady();
            }else{
                SetHelp('name','ok','OK');SetHelpStyle('name','ok',true);
                nameOK=true;SendReady()
            }          
        }; 
        
        function phoneValidate(){
            var phone = $(p+'phoneTxt');
            if (phone.val().length==0){
                phoneOK=false;SendReady();
            }else if(phone.val().length!==10){
                SetHelp('phone','stop','Phone should be 10 symbols including area code: 0395352222');SetHelpStyle('phone','stop',true)
                phoneOK=false;SendReady();
            }else{
                SetHelp('phone','ok','OK');SetHelpStyle('phone','ok',true);
                phoneOK=true;SendReady()
            } 
        }; 
        
        function emailValidate(){
            //$("#emailSlideHlp").css('display','none');
            var email = $(p+'emailTxt');
            if (email.val().length==0){
                emailOK=false;SendReady();
            }else{
                SetHelp('email','loading','Validating...');
                SetHelpStyle('email','loading',false);  
                $('#spEmail1').text($(p+'emailTxt').val());
                $('#spEmail2').text($(p+'emailTxt').val());
                $('#spEmail3').text($(p+'emailTxt').val());

                //parse query string          
                var qs = new Querystring();
                var reg = qs.get("reg", "00000000-0000-0000-0000-000000000000")
                
                //validation call
                $.ajax({
                  type: 'POST',
                  url: 'car-service-registration-step-1.aspx/ValidateEmail',
                  data: "{'sEmail':'" + $(p+"emailTxt").val() + "','guidReg':'" + reg + "'}",
                  contentType: "application/json; charset=utf-8",
                  dataType: "json",
                  success: function(msg) {
                    var arr = msg.split(',');                    
                    $('#spProvider1').html(arr[4].replace('$$$',','));
                    if(arr[0]=='1'){emailOK=true;SetHelp('email','ok',arr[1],arr[2]);SetHelpStyle('email','ok',true);SendReady();}
                        else if(arr[0]=='2'){emailOK=true;SetHelp('email','warning',arr[1],arr[2]);SetHelpStyle('email','warning',true);SendReady(); $('#hfRegID1').val(arr[3]);}
                            else if(arr[0]=='3'){emailOK=false;SetHelp('email','stop',arr[1],arr[2]);SetHelpStyle('email','stop',true);SendReady(); $('#hfProvID1').val(arr[3]);}
                  }
                });  
            }         
        }; 

        function passValidate(){
            var pass = $(p+'passTxt');
            var conf = $(p+'confTxt');           
            if (pass.val().length==0){
                //$('#passSlide').slideLeftHide();
                passOK=false;SendReady();
            }else if(pass.val().length<4){
                SetHelp('pass','stop','Password should be at least 4 symbols');SetHelpStyle('pass','stop',true)
                passOK=false;SendReady();
            }else if(conf.val().length>0 && pass.val()!=conf.val()){
                SetHelp('pass','stop','Password fields do not match');SetHelpStyle('pass','stop',true)
                passOK=false;SendReady();
            }else{
                SetHelp('pass','ok','OK');SetHelpStyle('pass','ok',true);
                passOK=true;SendReady()
            } 
        };
     
        function confValidate(){
            var pass = $(p+'passTxt');
            var conf = $(p+'confTxt');           
            if (conf.val().length==0){
                //$('#confSlide').slideLeftHide();
                confOK=false;SendReady();
            }else if(conf.val().length>0 && conf.val()!=pass.val()){
                SetHelp('conf','stop','Password fields do not match');SetHelpStyle('conf','stop',true)
                confOK=false;SendReady();
            }else{
                SetHelp('conf','ok','OK');SetHelpStyle('conf','ok',true);
                confOK=true;SendReady()
            } 
        };        

/******** FUNCTIONS **********/
        function SendReadyTest(){
            alert(bussOK + ' ' + addrOK + ' ' + subOK + ' ' + postOK + ' ' + nameOK + ' ' + phoneOK + ' ' + emailOK + ' ' + passOK + ' ' + confOK + ' ' + makeOK)
        }

        function SendReady(){
            if (bussOK && addrOK && subOK && postOK && nameOK && phoneOK && emailOK && passOK && confOK /*&& makeOK*/){
                $(p+'btnCreate').removeAttr('disabled');
                //$(p+'btnCreate img').attr('src',$(p+'btnCreate img').attr('src').replace('0','1'));
                //alert($(p+'btnCreate').attr('src'));
                $(p+'btnCreate').attr('src',$(p+'btnCreate').attr('src').replace('2','1'));
                }                
             else {
                $(p+'btnCreate').attr('disabled', 'disabled');
                //$(p+'btnCreate img').attr('src',$(p+'btnCreate img').attr('src').replace('1','0'));
                //alert($(p+'btnCreate').attr('src'));
                $(p+'btnCreate').attr('src',$(p+'btnCreate').attr('src').replace('1','2'));
                }
        };

        //element name: name|email|password etc. Slide, SlideMsg will be auto applied 
        function SetOnFocus(el_name,text){
            var slide = $('#' + el_name + 'Slide');
            var div = $('#' + el_name + 'Div');
            slide.height(div.innerHeight());
            slide.slideLeftShow();
            SetDivStyle(el_name,true);
            SetHelpStyle(el_name,'input',true);
            SetHelp(el_name,'input',text);            
        };

        //element name: name|email|password etc. Slide, SlideMsg will be auto applied 
        //type: input, ok, stop, warning, loading
        //height: pixel height of popup container
        function SetHelp(el_name,type,text,div_to_show_id,height){
            var hlp = $('#' + el_name + 'SlideHlp');
            hlp.css('display','none');         
        
            var img = $('#' + el_name + 'SlideImg');
            if(hlp)hlp.css('display','none');
            
            //Do not change validation style
            if (type=='input' && img.attr('src')=='/images/icons/ajax-loader_16x16.gif')return
            
            var slide = $('#' + el_name + 'Slide');
            var msg = $('#' + el_name + 'SlideMsg')
            switch(type)
            {
            case 'input': 
              img.attr('src','/images/icons/arrow_right_green_16x16.png');  break;
            case 'ok':
              img.attr('src','/images/icons/check_16x16.png'); 
              if (div_to_show_id && div_to_show_id.length>0){hlp.css('display','block');AddHelpHandler(el_name + 'SlideHlp',div_to_show_id,height);}
              break;
            case 'stop':
              img.attr('src','/images/icons/stop_16x16.png'); 
              if (div_to_show_id && div_to_show_id.length>0){hlp.css('display','block');AddHelpHandler(el_name + 'SlideHlp',div_to_show_id,height);}
              break;
            case 'warning':
              img.attr('src','/images/icons/warning_16x16.png'); if(hlp)hlp.css('display','block'); 
              if (div_to_show_id && div_to_show_id.length>0){hlp.css('display','block');AddHelpHandler(el_name + 'SlideHlp',div_to_show_id,height);}
              break;
            case 'loading':
              img.attr('src','/images/icons/ajax-loader_16x16.gif'); break;
            }          
            var mt = (slide.innerHeight() - img.height())/2;
            img.css('margin-top',mt+'px')            
            msg.html(text);    
            mt = (slide.innerHeight() - msg.height())/2;
            msg.css('margin-top',mt+'px');            
        };
        
        //style for textbox div.
        function SetDivStyle(el_name,focus){
            var div = $('#' + el_name + 'Div');
            if (focus==true){
                div.css('border','solid 1px #aaa')
                div.css('color','#555')
                div.css('background-color','#f5f5f5')                                       
            }else{
                div.css('border','solid 1px #ddd') 
                div.css('color','#999') ; 
                div.css('background-color','#fff')                                       
            }            
        }
        
        
        //element name: name|email|password etc. Slide, SlideMsg will be auto applied 
        //type: input, ok, stop, warning, loading
        function SetHelpStyle(el_name,type,focus){
            var slide = $('#' + el_name + 'Slide');
            
            //Do not change validation style for input type
            var img = $('#' + el_name + 'SlideImg');
            if (type=='input' && img.attr('src')=='/images/icons/ajax-loader_16x16.gif')return
            
            switch(type)
            {
            case 'input': 
                if (focus==true){
                    slide.css('border','solid 1px #aaa')
                    slide.css('color','#555')
                    slide.css('background-color','#f5f5f5')                                       
                }else{
                    slide.css('border','solid 1px #ddd') 
                    slide.css('color','#999') ; 
                    slide.css('background-color','#fff')                                       
                }
                break;
            case 'ok':
                if (focus==true){
                    slide.css('border','solid 1px #00ba00')
                    slide.css('color','#555')
                    slide.css('background-color','#daedda')                                       
                }else{
                    slide.css('border','solid 1px #00ba00') 
                    slide.css('color','#999') ; 
                    slide.css('background-color','#daedda')                                       
                }               
              break;
            case 'stop':
                if (focus==true){
                    slide.css('border','solid 1px #f46464')
                    slide.css('color','#555')
                    slide.css('background-color','#ffe8e8')                                       
                }else{
                    slide.css('border','solid 1px #f46464') 
                    slide.css('color','#999') ; 
                    slide.css('background-color','#ffe8e8')                                       
                }               
              break;
            case 'warning':
                if (focus==true){
                    slide.css('border','solid 1px #f6b519')
                    slide.css('color','#555')
                    slide.css('background-color','#fbf2dc')                                       
                }else{
                    slide.css('border','solid 1px #f6b519') 
                    slide.css('color','#999') ; 
                    slide.css('background-color','#fbf2dc')                                       
                }                
              break;
            case 'loading':
                    slide.css('border','solid 1px #ddd') 
                    slide.css('color','#999') ; 
                    slide.css('background-color','#fff')               
              break;
            }              
        };
        
        //Click on help icon
        function AddHelpHandler(hlp_id,div_to_show_id,height){
            if (hlp_id.length > 0 && div_to_show_id.length >0 ){
                $("#"+hlp_id).unbind('click');
                $("#"+hlp_id).click(function(event){
                    event.preventDefault();
                    // Opening animations
                    $("#"+div_to_show_id).modal({
                        overlayClose:true,
                        onOpen: function (dialog) {
	                    dialog.overlay.fadeIn('slow', function () {
		                    dialog.data.hide();
		                    dialog.container.fadeIn('slow', function () {
			                    dialog.data.slideDown('slow');
		                    });
	                    });
                    }});
                    if (height) {$("#simplemodal-container").height(height)}
                        else $("#simplemodal-container").height(400)                    
                }); 
            }
        };          
 
