// ----------------------------------------------------------------------------
// Stikr, jQuery plugin
// v 1.0
// ----------------------------------------------------------------------------
// Copyright (C) 2010 recens
// http://recens.ru/jquery/plugin_stickr.html
// ----------------------------------------------------------------------------
(function($) {
	$.stickr = function(o) {
		var o = $.extend({   // настройки по умолчанию
			time:5000, // количество мс, которое отображается сообщение
			speed:'slow', // скорость исчезания
			note:null, // текст сообщения
			className:null, // класс, добавляемый к сообщению
			sticked:false, // не выводить кнопку закрытия сообщения
			position:{top:0,right:0} // позиция по умолчанию - справа сверху
		}, o);
		var stickers = $('#jquery-stickers'); // начинаем работу с главным элементом
		if (!stickers.length) { // если его ещё не существует
			$('body').prepend('<div id="jquery-stickers"></div>'); // добавляем его
			var stickers = $('#jquery-stickers');
		}
		stickers.css('position','fixed').css({right:'auto',left:'auto',top:'auto',bottom:'auto'}).css(o.position); // позиционируем
		var stick = $('<div class="stick"></div>'); // создаём стикер
		stickers.append(stick); // добавляем его к родительскому элементу
		if (o.className) stick.addClass(o.className); // если необходимо, добавляем класс
        stick.html(o.note); // вставляем сообщение
		if (o.sticked) { // если сообщение закреплено
			var exit = $('<div class="exit"></div>');  // создаём кнопку выхода
			stick.prepend(exit); // вставляем её перед сообщением
			exit.click(function(){  // при клике
				stick.fadeOut(o.speed,function(){ // скрываем стикер
					$(this).remove(); // по окончании анимации удаляем его
				})
			});
		} else { // если же нет
			setTimeout(function(){ // устанавливаем таймер на необходимое время
				stick.fadeOut(o.speed,function(){ // затем скрываем стикер
					$(this).remove(); // по окончании анимации удаляем его
				});
			}, o.time);
		}
	};
})(jQuery);
$(document).ready(function(){
	$('#one').click(function(){
		$.stickr({note:'Самый простой стикер с настройками по умолчанию.',className:'classic'});
	});
	$('#two').click(function(){ 
  $.stickr({note:'<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?1"></script><div id="vk_groups"></div> <script type="text/javascript">   VK.Widgets.Group("vk_groups", {mode: 0, width: "200"}, 12059279);  </script>',className:'classic error',sticked:true});
	});
	$('#three').click(function(){
		$.stickr({note:'Проба полупрозрачных изображений',className:'opacity',position:{left:0,top:0}});
	});
	$('#four').click(function(){
		$.stickr({note:'Успей прочитать моё содержимое!',className:'next',position:{right:0,bottom:0},time:1000,speed:300});
	});
	$('#five').click(function(){
		$.stickr({note:'Самый последний из тестовых стикеров. Исчезает очень ме-е-едленно.',className:'last',time:1000,speed:3000});
	});
});