<script src="https://forumstatic.ru/files/0014/ea/08/19463.js" type="text/javascript"></script>

<style type="text/css">
#itemsField {
   width: 80px;
   height: 61px;
   cursor: pointer;
}

.innerCode {
    height: auto;
    padding: 5px;
    z-index: 1000;
    margin-top: 5px;
    font-size: 11px;
    font-family: Microsoft Sans Serif;
    overflow: auto;
    box-shadow: 0 0px 4px #000;
    text-align: left;
    background-clip: border-box;
    border-width: 20px 8px;
    -moz-border-image: url(https://forumstatic.ru/files/0011/ce/f7/69754.png) 18 6 repeat;
    -webkit-border-image: url(https://forumstatic.ru/files/0011/ce/f7/69754.png) 20 8 repeat;
    -o-border-image: url(https://forumstatic.ru/files/000e/4d/84/30314.png) 18 6 repeat;
    background-color: rgba(18, 18, 18, 0.44);
    background: url(https://forumstatic.ru/files/0011/ce/f7/83829.jpg);
    color: #96897C;
    display: none;
}
</style>

<script type="text/javascript">
function showHide(element_id) { //функция открытия и закрытия блока
	if (document.getElementById(element_id)) { 
    var obj = document.getElementById(element_id); 
    if (obj.style.display != "block") { 
    	obj.style.display = "block"; 
    }
    else obj.style.display = "none";
	}
	else alert("Элемент с id: " + element_id + " не найден!"); 
}   

function randomInteger(min, max) { //функция рандомного числа "от, до"
	var randN = min + Math.random() * (max - min + 1);
	randN = Math.round(randN);
	return randN;
}
</script>

<script type="text/javascript">
//* SCRIPT BY FUMUSE (GATESOFATE.RU) FOR FATARIA.RU; DO NOT COPY; *//

$(document).ready(function () {
var arrItems = new Array(
{"item_name":"Клубника с десертом", "item_img":"http://s3.uploads.ru/uKfdi.png", "item_desc":"Описание предмета."},
{"item_name":"Душевная оливка", "item_img":"http://s2.uploads.ru/CA4BP.png", "item_desc":"Описание предмета."},
{"item_name":"Коньяк согласия", "item_img":"http://s2.uploads.ru/pWqoY.png", "item_desc":"Описание предмета."}
//чтобы добавить новый предмет, копируем строку выше через запятую и повторяем столько раз, сколько нужно
);

	var rand = Math.floor(Math.random() * arrItems.length);
	var blockWidth = $('#pun-about p.container').width();
	var blockHeight = $('#pun-about p.container').height();

	var date = new Date();
	var minutes = 60; //время, сколько держится один предмет в минутах
	date.setTime(date.getTime() + (minutes * 60 * 1000));

	var day = 1; //через сколько дней вновь появится предмет

	var saves = $.cookie('itemsCook');
	var noShow = $.cookie('itemsShow');
	var innerCode;

function createBlock (item_img, item_name, item_desc) {
	var innerCode = '<div class="innerCode" id="innerCode">ССЫЛКУ МОЖНО ВСТАВИТЬ СЮДА <br/><code>'+item_name+'<br/> '+item_desc+'</code></div>'; //код, который можно скопировать. ссылку на тему-мероприятия добавлять сюда. не переносить на новую строку!, однако если нужно чтобы пользователи копировали с форматированием, то на месте где нужна новая строка в коде добавляем \r\n

	$('#pun-about p.container').prepend('<div id="itemsField" style="background: url('+item_img+'); margin-left: '+randomInteger(80, blockWidth-80)+'px; margin-top: '+randomInteger(35, blockHeight-127)+'px;" onclick="showHide(\'innerCode\')"></div>');

	$('#pun-about p.container #itemsField').parent().append(innerCode);
}

if(document.URL.indexOf("viewtopic.php") != -1 && GroupID != 3 && GroupID != 4 && GroupID != 5 && GroupID != 20 && GroupID != 22) {
	if (saves == null && noShow == null) {
    createBlock(arrItems[rand].item_img, arrItems[rand].item_name, arrItems[rand].item_desc);
    $.cookie('itemsCook', rand, { expires: date });
	}
	else if (saves != null && noShow == null) {
    createBlock(arrItems[saves].item_img, arrItems[saves].item_name, arrItems[saves].item_desc);
    $('#pun-about p.container #itemsField').click(function () { $.cookie('itemsShow', 1, { expires: day }); });
	}
}
});
</script>