$(document).ready(function(){

		function black_background()
		{
		//Затемняем экран
		black_fon=document.createElement('div');
		black_fon.className='black_fon';
		$('.black_fon').remove();
		$('body').append(black_fon);
		$('.black_fon').fadeTo(0, 0.6);
		 //-----------
		}
		//Adjust panel height
		$.fn.adjustPanel = function(){
			$(this).find('ul, .subpanel').css({ 'height' : 'auto'}); //Reset subpanel and ul height

			var windowHeight = $(window).height(); //Get the height of the browser viewport
			var panelsub = $(this).find('.subpanel').height(); //Get the height of subpanel
			var panelAdjust = windowHeight - 100; //Viewport height - 100px (Sets max height of subpanel)
			var ulAdjust =  panelAdjust - 25; //Calculate ul size after adjusting sub-panel (27px is the height of the base panel)

			if ( panelsub >= panelAdjust ) {	 //If subpanel is taller than max height...
				$(this).find('.subpanel').css({ 'height' : panelAdjust }); //Adjust subpanel to max height
				$(this).find('ul').css({ 'height' : ulAdjust}); //Adjust subpanel ul to new size
			}
			else if ( panelsub < panelAdjust ) { //If subpanel is smaller than max height...
				$(this).find('ul').css({ 'height' : 'auto'}); //Set subpanel ul to auto (default size)
			}
		};

		//Execute function on load
		$('#chatpanel').adjustPanel(); //Run the adjustPanel function on #chatpanel
		$('#chatpanel_sm').adjustPanel(); //Run the adjustPanel function on #chatpanel_sm
		$('#alertpanel').adjustPanel(); //Run the adjustPanel function on #alertpanel

		//Each time the viewport is adjusted/resized, execute the function
		$(window).resize(function () {
			$('#chatpanel').adjustPanel();
			$('#chatpanel_sm').adjustPanel();
			$('#alertpanel').adjustPanel();
		});

        //обработка для ссылки Отправить сообщение
     /*   $('#chatpanel small').click(function() {

	        $('#chatpanel .subpanel').hide(); //Hide active subpanel
			$('#footpanel li a').removeClass('active');


		   $('#chatpanel_sm a:first').next('.subpanel').toggle();
          $('#chatpanel_sm a:first').toggleClass('active');

        });  */

		//Click event on Chat Panel + Alert Panel
		$('#chatpanel a:first,#chatpanel_sm a:first, #alertpanel a:first').click(function() { //If clicked on the first link of #chatpanel and #alertpanel...
			if($(this).next('.subpanel').is(':visible')){ //If subpanel is already active...
				$(this).next('.subpanel').hide(); //Hide active subpanel
				$('#footpanel li a').removeClass('active'); //Remove active class on the subpanel trigger
                if(this.parentNode.id == 'chatpanel_sm'){clearInterval(intervalIDSM);}
                 $('.black_fon').remove(); // убираем затемнение
			}
			else { //if subpanel is not active...
				$('.subpanel').hide(); //Hide all subpanels
				$(this).next('.subpanel').toggle(); //Toggle the subpanel to make active
   black_background();
				$('#footpanel li a').removeClass('active'); //Remove active class on all subpanel trigger
				 $(this).toggleClass('active');//Toggle the active class on the subpanel trigger

               if(this.parentNode.id == 'chatpanel_sm'){ // Это писал я
               black_background();
               ajaxSendSM({ url: 'plug.php?o=sm',clr:2, divId: 'footerbox', errMsg: 'Error'});

                     }
			}

			return false; //Prevent browser jump to link anchor
		});


         $('.closewin').click(function() {

          $('.black_fon').remove(); // убираем затемнение


            $('.subpanel').hide(); //hide subpanel
			$('#footpanel li a').removeClass('active'); //remove active class on subpanel trigger
			 clearInterval(intervalIDSM);
         	});
       /*
		//Click event outside of subpanel
		$(document).click(function() { //Click anywhere and...
			$('.subpanel').hide(); //hide subpanel
			$('#footpanel li a').removeClass('active'); //remove active class on subpanel trigger
		});
         */

		$('.subpanel ul').click(function(e) {
			e.stopPropagation(); //Prevents the subpanel ul from closing on click
		});

		//Delete icons on Alert Panel
		$('#alertpanel li').hover(function() {
			$(this).find('a.delete').css({'visibility': 'visible'}); //Show delete icon on hover
		},function() {
			$(this).find('a.delete').css({'visibility': 'hidden'}); //Hide delete icon on hover out
		});

	});