/*Author: css-ninja (cssninja@ymail.com)*/
(function() {
	var createCookie = function(name,value,days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		document.cookie = name+"="+value+expires+"; path=/";
	}

	var eraseCookie = function(name) {
		createCookie(name, "", -1);
	}

	var readCookie = function(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		var result = [];
		for (var i = 0; i < ca.length; i++) {
			var c = ca[i];
			while (c.charAt(0) ==' ') c = c.substring(1, c.length);
			if (c.indexOf(name) == 0) {
				result[result.length] = c.substring(nameEQ.length - 1, c.length);
			}
		}
		return result;
	}

	var initNotes = function() {
		var block = document.getElementById('blok-zametok');
		
		if (block) {
			var list = document.getElementById('spisok-zametok');
			var clearButton = document.getElementById('clearNotes');
			
			var cookieArray = readCookie('zametki');
			
			if (cookieArray) {
				for (var i in cookieArray) {
					var note = cookieArray[i].split('=', 2);
					writeNote(block, list, unescape(note[1]), unescape(note[0]));
				}
			}

			document.body.onclick = function(e) {
				if (!e) {
					var e = window.event;
					e.target = e.srcElement;
				}
				var et = e.target;
				if ('naZametku' == et.className || 'naZametku' == et.parentNode.className) {
					if ('naZametku' != et.className) {
						et = et.parentNode;
					}
					var title = et.title;
					var href = et.href;
					writeNote(block, list, title, href);
					createCookie('zametki' + escape(href), escape(title), 7);
					return false;
				}
				if ('delete' == et.className) {
					var item = e.target.parentNode;
					item.style.display = 'none';
					eraseCookie('zametki' + escape(item.getElementsByTagName('a')[0].href));
				}
			}
			
			clearButton.onclick = function() {
				clearNotes(list);
			}
		}
	}

	var writeNote = function(block, list, title, href) {
		var item = document.createElement('li');
		item.className = 'zametka';
		item.innerHTML = '<a href="' + href + '">' + title + '</a> <img src="images/krestik.gif" class="delete" width="13" height="13">';
		list.appendChild(item);
		block.style.display = 'block';
	}
	
	var clearNotes = function(list) {
		list.innerHTML = '';
		
		var ca = document.cookie.split(';');
		for (var i = 0; i < ca.length; i++) {
			var c = ca[i];
			var note = c.match(/zametki.+(?=[=])/);
			if (note) {
				eraseCookie(note);
			}
		}
	}
	
	if (window.addEventListener) {
		window.addEventListener('load', initNotes, false);
	}
	else {
		window.attachEvent('onload', initNotes);
	}
})();