<!--
<script src="js/vendor/jquery.min.js"></script>
     Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/flat-ui.min.js"></script>

  <script src="js/wow.min.js"></script>
   <script src="js/viewportSize.js"></script>
   <script src="js/jquery.cropit.js"></script>


<script type="text/javascript">
      new WOW().init();
      var cropperHeader = new Croppic('crop_div');
      var cropperOptions = {
			uploadUrl:'profile_modal.php'
		}

		var cropperHeader = new Croppic('crop_div', cropperOptions);

</script>

<script type="text/javascript">
  $(document).ready(function(){
    var width = $(window).width(), height = $(window).height();
    if ((width < 768)) {
      $('.desktop_view').hide();
      $('.mobile_view').show();
    }
    $(window).load(function() {

      $(".loader").fadeOut("slow");

    });
    function alignModal(){
        var modalDialog = $(this).find(".modal-dialog");
        var viewport1 = viewportSize.getHeight();

        // Applying the top margin on modal dialog to align it vertically center
        modalDialog.css("margin-top", Math.max(0, (viewport1 - modalDialog.height()) / 2));

    }
    // Align modal when it is displayed
    $(".modal").on("shown.bs.modal", alignModal);

    // Align modal when user resize the window
    $(window).on("resize", function(){
        $(".modal:visible").each(alignModal);
    });

      $("#tab2 a").css("pointer-events", "none");
      $("#tab3 a").css("pointer-events", "none");

        $(".cr_btn_click").click(function(){



          $("#login_slide1").removeClass("animated fadeInUp").addClass("animated fadeOutDown");

          setTimeout(function()
            {

              $("#login_slide1").removeClass('active animated fadeOutDown').addClass("fadeInUp");
              $("#login_slide2").addClass("active");
              $("#tab1").removeClass('active');
              $("#tab2").addClass("active");
            }, 300);


        });


            $(".ex_btn_click").click(function(){

              $("#login_slide2").removeClass("animated fadeInUp").addClass("animated fadeOutDown");

              setTimeout(function()
                {
                  $("#tab3 a").css("pointer-events", "auto");
                  $("#tab2 a").css("pointer-events", "auto");
                  $("#login_slide2").removeClass("animated fadeOutDown").addClass("fadeInUp");
                  $("#login_slide3").addClass("fadeInUp active");
                  $("#login_slide2").removeClass('active');
                  $("#tab2").removeClass('active');
                  $("#tab3").addClass("active");
                }, 300);


        });




        /*$( "#jtabs" ).tabs({beforeActivate: function (event, ui) {
               var newTab = ui.newTab.index();
               var active = $("#jtabs").tabs("option", "active");

           ( newTab < active ) ?  $( "#jtabs" ).tabs( { show: { effect: "slide", direction: "right", duration: 200 }} ) :$( "#jtabs" ).tabs( { show: { effect: "slide", direction: "left", duration: 100 }} );
              }});

        // NEXT Button
        $(".nexttab").click(function() {
           var active = $( "#jtabs" ).tabs( "option", "active" );
        $( "#jtabs" ).tabs( "option", "active", active + 1 );
        });*/
        $('#login-form-link').click(function(e) {
       		$("#login-form").delay(100).fadeIn(100);
        		$("#register-form").fadeOut(100);
            $("#forget-form").fadeOut(100);
       		$('#register-form-link').removeClass('active');
            $('#forgot-form-link').removeClass('active');
       		$(this).addClass('active');
       		e.preventDefault();
       	});
       	$('#register-form-link').click(function(e) {
       		$("#register-form").delay(100).fadeIn(100);
        		$("#login-form").fadeOut(100);
              $("#forget-form").fadeOut(100);
       		$('#login-form-link').removeClass('active');
          $('#forgot-form-link').removeClass('active');
       		$(this).addClass('active');
       		e.preventDefault();
       	});
        $('#forgot-form-link').click(function(e) {
          $("#forget-form").delay(100).fadeIn(100);
          $("#login-form").fadeOut(100);
          $("#register-form").fadeOut(100);
          $('#login-form-link').removeClass('active');
          $('#register-form-link').removeClass('active');
          $(this).addClass('active');
          e.preventDefault();
        });

        $(".hover_wrp").mouseover(function() {

              	//$(this).find(".toggle_div").addClass("toggle_normal");
                $(this).find(".toggle_div").addClass("toggle_normal");

              });
          $(".hover_wrp").mouseout(function() {

                	//$(this).find(".toggle_div").removeClass("toggle_normal");
                  $(this).find(".toggle_div").removeClass("toggle_normal");

          });

 $(function() {
                $('.image-editor').cropit({
                  exportZoom: 1.25,
                  imageBackground: true,
                  imageBackgroundBorderWidth: 20,

                });

                $('#upload_ex').click(function() {
                  var imageData = $('.image-editor').cropit('export');
                  $(".profile_image").css("background", 'url("'+imageData+'")');
                  $(".profile_image").attr('datasave','true');
                  setTimeout(function(){
                    $('.main_editer').find('.person_name').change();
                  }, 500);

                  //alert($('#main_editer').find('.person_name').val());
                });
              });


                $("#upload-file-selector").click(function(){

                  $("#fileselector").fadeOut(100);
                  $(".profile_custom").delay(100).fadeIn(300);
                  $(".panel-body .profile_image").fadeOut(100);


                  $(".image-editor").delay(100).fadeIn(300);

                });
    });
</script>
<!-- ===============================Top Header Responsive  Vinita ========================== -->
<script type="text/javascript">
function openLeftMenu() {
    document.getElementById("leftMenu").style.left = "0";
}
function closeLeftMenu() {
    document.getElementById("leftMenu").style.left = "-100%";
}

function openRightMenu() {
    document.getElementById("rightMenu").style.right = "0";
}
function closeRightMenu() {
    document.getElementById("rightMenu").style.right = "-100%";
}
</script>