function tableruler()
	{
		if (document.getElementById && document.createTextNode)
		{
			var tables=document.getElementsByTagName('table');
			for (var i=0;i<tables.length;i++)
			{
				if(tables[i].className=='ruler')
				{
					var trs=tables[i].getElementsByTagName('tr');
														var trclass=new Array();
					for(var j=0;j<trs.length;j++)
					{
						if(trs[j].parentNode.nodeName=='TBODY')
						{
							trs[j].onmouseover=function(){trclass[j]=this.className;this.className='hover';return false}
							//trs[j].onmouseover=function(){trclass[j]=this.className;this.className='hover';document.getElementById('slikica').src=this.ID;return false}
							trs[j].onmouseout=function(){this.className=trclass[j];return false}
						}
					}
				}
			}
		}
	}
	
	
	
/** FOR SWITCHING BETWEEN TABS IN MODDULES
 *
 * @param str pod - id of element (module) you're in
 * @param int tab - number of the tab to turn on
 * @param srt tagName - element type of sections (ie. div or table), defaults to div
 */
function toggleTab(pod, tab, tagName) {
	tagName = tagName ? tagName : 'div';
	var module = document.getElementById(pod);
	var divs = module.getElementsByTagName('div');
	for (i=0;i<divs.length;i++) {
		if (divs[i].className == 'head') {
			var tabs = divs[i].getElementsByTagName('li');
		}
	}

	// find all the sections, can pass in tagname if different than div
	var sectionCount = 0;
	var sections = new Array();
	var elements = module.getElementsByTagName(tagName);
	for (i=0;i<elements.length;i++) {
		if (elements[i].className == 'section') {
			sections[sectionCount] = elements[i];
			sectionCount++;
		}
	}

	// turn on your tab
	for (i=0;i<tabs.length;i++) {
		tabs[i].className = tabs[i].className.replace(/on/i,'');
		tabs[i].className = i == tab-1 ? tabs[i].className+' on': tabs[i].className ;
	}

	// turn on your section
	for (i=0;i<sections.length;i++) {
		sections[i].style.display = i == tab-1 ? 'block' : 'none';
	}
}