var nav = {
		width : { max:140, min:20 },
		event: {},
		item: null,
		frame : document.getElementById('civnav'),
		init : function()
		{
		
			try {
				document.getElementById('civnav').addEventListener('mouseover',nav.process,false);
			} catch(e) {
				document.getElementById('civnav').attachEvent('onmouseover',nav.process);
			}
			
		},
		process : function(event)
		{
			
			try {
				var target = window.event.srcElement;
			} catch(e) {
				var target = event.target;
			}

			if(target.getAttribute('civnav')=='1' && nav.item!=target)
			{
				if(nav.item!=null)
				{
				
					nav.setSize({ 
						element:nav.item, 
						width:nav.width.min,
						flow: true,
						step: 20
					});
				}
				if(nav.item!=target)
				{	
					nav.item = target;
					nav.setSize({ 
					element:nav.item, 
					width:nav.width.max,
					flow: true,
					step: 10
					})
				}
			}
			else if(!target.getAttribute('civnav')=='1')
			{
				if(nav.item!=null)
				{
				
					nav.setSize({ 
						element:nav.item, 
						width:nav.width.min,
						flow: true,
						step: 20
					});
				}
			}
		},
		setSize : function(e)
		{
			if(!e.height || e.height==null)
				e.height = e.element.offsetHeight;
			
			
			
			if(parseInt(e.element.offsetWidth)>e.width && e.element.getAttribute('process')!='true')
			{
				e.element.setAttribute('process','true');
				var session = setInterval(function(){
				
					if((e.element.offsetWidth-10)>=e.width)
					{		
						e.element.style.width = parseInt(e.element.offsetWidth) - (e.step);
						
					} else { e.element.setAttribute('process','false'); clearInterval(session); }

				},15);

			} else if(parseInt(e.element.offsetWidth)<e.width && e.element.getAttribute('process')!='true') {
				e.element.setAttribute('process','true');
				var session = setInterval(function(){
				
					if((e.element.offsetWidth+10)<=e.width)
					{		
						e.element.style.width = parseInt(e.element.offsetWidth) + (e.step);
					} else { e.element.setAttribute('process','false'); clearInterval(session); }

				},15);
			}
		}
	
	}

window.onload = nav.init