
<!--//--><![CDATA[//><!--

//compassdesign.net

navHover = function() {
	var lis = document.getElementById("menu_sx").getElementsByTagName("LI");
	for (var i=0; i<lis.length; i++) 
	{
		lis[i].onmouseover=function() 
		{
			this.className+=" zic";
		}
		lis[i].onmouseout=function() 
		{
			this.className=this.className.replace(new RegExp(" zic\\b"), "");
		}
	}
}

//Rounded Image Corners

ri = {

	init:function() 
	{
		if(!document.getElementById || !document.createTextNode) {return;}
		var imgsToBeRounded=ri.getImgsByDivClass('content_text','area_blog');
		if (imgsToBeRounded)
		{
			for ( i=0; i < imgsToBeRounded.length ; i++) { ri.roundImg(imgsToBeRounded[i]);}
		}		
		
		var imgsToBeRounded=ri.getImgsByDivClass('content_text','menu_sx');
		if (imgsToBeRounded)
		{
			for ( i=0; i < imgsToBeRounded.length ; i++) { ri.roundImg(imgsToBeRounded[i]);}
		}
	},
	
	//returns an array of all images in all divs with class="c"
	//optionally you can restrict the search in the element with id="d"
	getImgsByDivClass: function(c, d) 
	{
		var allDivs = (document.getElementById(d)) ? document.getElementById(d).getElementsByTagName('div') : document.getElementsByTagName('div');
		if (!allDivs) {return;}
		var imgsToBeRounded=new Array();
		var j=0; 
		for ( i=0; i < allDivs.length ; i++)
		{			
			if ( allDivs[i].className == c)
			{
				var imgsTmp=allDivs[i].getElementsByTagName('img');
				if (!imgsTmp) {continue;}
				for (k=0; k<imgsTmp.length; k++)
				{
					imgsToBeRounded[j]=imgsTmp[k];
					j++;
					
				}
			}
		}
		if ( j == 0 ) {return false;}
		else {return imgsToBeRounded;}
	},

	//rounds images: they need to have correct width,height,align attributes set (as in Joomla)
	roundImg: function(imageNode) 
	{
		var imgWidth=imageNode.getAttribute('width');
		var imgHeight=imageNode.getAttribute('height');
		var imgAlign=(imageNode.getAttribute('align')) ? imageNode.getAttribute('align') : 'none';
		var imgSrc=imageNode.getAttribute('src');
		if (!imgWidth || !imgHeight) {return;} 	
		var imgContainer=document.createElement('div');
		imgContainer.className='imgbox_l';
		imgContainer.style.width=(Number(imgWidth)+20)+'px';
		imgContainer.style.height=(Number(imgHeight)+18)+'px';
		
		imgContainer.style.styleFloat=imgContainer.style.cssFloat=imgAlign;
		switch (imgAlign)
		{
			case 'right':
			imgContainer.style.marginLeft='3px';
			break;
			case 'left':
			imgContainer.style.marginRight='3px';
			break;
		}
		imgContainer.innerHTML='<div class="imgbox_r"><div class="imgbox_t"><div class="imgbox_b"><span class="tl"></span><span class="tr"></span><img src="' + imgSrc + '" /><span class="bl"></span><span class="br"></span></div></div></div>';
		imageNode.parentNode.replaceChild(imgContainer, imageNode);

	}
}

if (window.addEventListener)
{
	window.addEventListener("load", ri.init, false);
}
else if (window.attachEvent) /*IE*/
{
		window.attachEvent("onload", navHover);
		window.attachEvent("onload", ri.init);
}
//--><!]]>