/* Webarch Admin Dashboard 
/* This JS is only for DEMO Purposes - Extract the code that you need
-----------------------------------------------------------------*/	
$(document).ready(function() {				
	    $('#icon-resize-slider').slider().on('slide', function(ev){
			var value=$('#icon-resize-slider').val();
			$('#icon-resize').removeClass("fa-2x fa-3x fa-4x fa-large fa-5x fa-6x fa-7x");
			switch (value)
				{
				case "1":
					//$('#icon-resize').addClass("icon-2x icon-3x icon-4x icon-large icon-5x icon-6x icon-7x");
				  break;
				case "2":
					
					$('#icon-resize').addClass("fa-2x");
				  break;
				case "3":
					$('#icon-resize').addClass("fa-3x");
				  break;
				case "4":
				  $('#icon-resize').addClass("fa-4x");
				  break;
				case "5":
				  $('#icon-resize').addClass("fa-5x");
				  break;
				case "6":
				  $('#icon-resize').addClass("fa-6x");
				  break;
				case "7":
				  $('#icon-resize').addClass("fa-7x");
				  break;
				} 
			//icon-resize
	   });
	    $('#icon-rotate-slider').slider().on('slide', function(ev){
			var value=$('#icon-rotate-slider').val();	
			$('#icon-rotate').removeClass("fa-rotate-90 fa-rotate-180 fa-rotate-270");
			switch (value)
				{
				case "90":
					$('#icon-rotate').addClass("fa-rotate-90");
				  break;
				case "180":				
					$('#icon-rotate').addClass("fa-rotate-180");
				  break;
				case "270":
					$('#icon-rotate').addClass("fa-rotate-270");
				  break;
				} 
			//icon-rotate
	   });
	    $('#btn-animate-icon').click(function (e) {
			$('#animate-icon').toggleClass('fa-spin');
			e.preventDefault();
		});
      $('#myTab a').click(function (e) {
		e.preventDefault();
		$(this).tab('show');
		calculateHeight()
	  });
	});