/* 

	Sitemap Styler v0.1
	written by Alen Grakalic, provided by Css Globe (cssglobe.com)
	visit http://cssglobe.com/lab/sitemap_styler/
	
*/

this.sitemapstyler = function(){
	var sitemap = document.getElementById("sitemap")
	if(sitemap){
		
		this.listItem = function(li){
			if(li.getElementsByTagName("ul").length > 0){
				var ul = li.getElementsByTagName("ul")[0];
				ul.style.display = "none";
				var span = document.createElement("span");
				span.className = "collapsed";
				span.onclick = function(){
					ul.style.display = (ul.style.display == "none") ? "block" : "none";
					this.className = (ul.style.display == "none") ? "collapsed" : "expanded";
				};
				li.appendChild(span);
			};
		};
		
		var items = sitemap.getElementsByTagName("li");
		for(var i=0;i<items.length;i++){
			listItem(items[i]);
		};
		
	};	
};

$(function () {
    $('#headerBar img').each(function () {
	var srcAr = $(this).attr('src').split('/'), parent = $(this).parent(), pos = 0, loc = srcAr, src = '';
	delete loc[4];

	src = loc.join('/');

	$(this).hover(function () {
	   pos = $(this).position().left - ($(this).width() / 2);
	   parent.append('<img style="left:' + pos + 'px;" src="' + src + 'groot/'  + $(this).attr("src").split("/")[4] + '" id="zoomedPicture" />')
	   $('#zoomedPicture').hide().fadeIn();
	}, function () {
	    $('#zoomedPicture').remove();
	});
    });
});


window.onload = sitemapstyler;