/* 

	Image Link, single style version
	written by Alen Grakalic, provided by Css Globe (cssglobe.com)
	please visit http://cssglobe.com/post/1238/style-your-image-links for more info
	
*/

this.imagelink = function()
{
	
	// CONFIG
		
	
	// css class of images that you want to apply this script to
	// if you want to apply this script to all images inside anchor tags, leave this string blank
	var imageClass = "";
	
	// css class that defines how span that covers the image is styled by default
	// if you don't want any styling, leave this string blank
	var defaultClass = "";
	
	// css class that defines how span that covers the image is styled when rolled over 
	var overClass = "imageOver";
			
	// END CONFIG
	    if(document.getElementById('content_left_menu_work'))
		{
			var a1 = document.getElementById('content_left_menu_work');
			var divs = a1.getElementsByTagName("div");	
			for (var k=0;k<divs.length;k++)
			{
				var a = divs[k].getElementsByTagName("a");	
				for (var i=0;i<a.length;i++)
				{
					var img = a[i].getElementsByTagName("img");		
					for (var j=0;j<img.length;j++)
					{			
						if(img[j].className == imageClass || imageClass == "")
						{
							a[i].style.position = "static";		
							if(a[i].getElementsByTagName("span").length > 0) a[i].removeChild(a[i].getElementsByTagName("span")[0]);
							var span = document.createElement("span");	
							var image = img[j];
							span.style.position = "absolute";					
							span.style.top = image.offsetTop + "px";
							span.style.left = image.offsetLeft + "px";
							span.style.width = image.offsetWidth + "px";
							span.style.height = image.offsetHeight + "px";
							
							span.style.cursor = "pointer";
							span.out = span.className = defaultClass;
							span.over = overClass;
							span.a = img[j].a = a[i];	
							span.j = img[j].j = j;					
							a[i]["span" + j] = span;					
							span.onmouseover = img[j].onmouseover = function()
							{ 
								this.a["span" + this.j].className = this.a["span" + this.j].over;
							};
							span.onmouseout = img[j].onmouseout = function()
							{
								this.a["span" + this.j].className = this.a["span" + this.j].out;
							};
						a[i].appendChild(span);
					}
				};	
			}
		}
	}
};



// script initiates on page load. 

this.addEvent = function(obj,type,fn){
	if(obj.attachEvent){
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn](window.event );}
		obj.attachEvent('on'+type, obj[type+fn]);
	} else {
		obj.addEventListener(type,fn,false);
	};
};
addEvent(window,"load",imagelink);
addEvent(window,"resize",imagelink);