function insertSpan() {
	var target = document.getElementById('content_home');
	var allWords = target.innerHTML.split(' ');
	target.innerHTML = '<span>' + allWords.join('</span> <span>') + '</span>';
}


function showPopup(caller) {
	var href = caller.parentNode;
	var title = caller.parentNode.title;
	var alt = caller.alt;
	var popup = document.createElement('div');
	var popupHolder = document.getElementById('wrapper_holder').getElementsByTagName('div')[0].getElementsByTagName('div')[0];
	popupHolder.style.position = 'relative';
	popupHolder.appendChild(popup);
	popup.className = 'popup';
	popup.id = 'popup';
	var divInnerHTML = '<h4>'+ alt +'</h4> <a href="#" onclick="closePopup(); return false;">Затвори</a><br class="clear" /> <img src="'+ href +'" alt="" /> <p>'+ title +'</p>';
	popup.innerHTML = divInnerHTML;
}

function closePopup() {
	document.getElementById('popup').parentNode.removeChild(document.getElementById('popup'));
}

window.onload = function()
{
	var root = document.getElementById('container_pics'), pics, 
		suffix_url = '_grayscale', ext  = '.jpg';
	if (root)
	{
		pics = root.getElementsByTagName('img');
		for (var i = 0, len = pics.length; i < len; i++)
		{
			pics[i].onmouseover = function()
			{
				this.src = this.src.slice(0, -(suffix_url.length + ext.length)) + ext;
			}
			
			pics[i].onmouseout = function()
			{
				this.src = this.src.slice(0, -ext.length) + suffix_url + ext;
			}
			
			pics[i].onclick = function() {
				 showPopup(this);
				 return false;
			}
			
		}
		pics = null; 
	}
}
