var cycleI = 1;
var cycleInterval = null;

function cycleChangeBoxContent() {
	var previousI = cycleI;
	cycleI = cycleI < 4 ? cycleI + 1 : 1;

	//document.getElementById('changebox').innerHTML = document.getElementById('changebox' + cycleI).innerHTML;
  YAHOO.util.Dom.addClass('changebox' + previousI, 'none');
	YAHOO.util.Dom.removeClass('changebox' + cycleI, 'none');


	var elementNavig3 = document.getElementById('navig3');
	var listItems = elementNavig3.getElementsByTagName('li');
	listItems[cycleI-1].id = 'active';

	YAHOO.util.Dom.setAttribute(listItems[cycleI-1], 'id', 'active');
	YAHOO.util.Dom.setAttribute(listItems[previousI-1], 'id', '');
}

YAHOO.util.Event.onDOMReady(
	function() {
		cycleInterval = setInterval(cycleChangeBoxContent, 7000);

		var elementNavig3 = document.getElementById('navig3');
		var listItems = elementNavig3.getElementsByTagName('li');
		YAHOO.util.Event.addListener(
			listItems,
			'click',
			function() {
			 for(var j=1;j<=4;j++)YAHOO.util.Dom.addClass('changebox' + j, 'none');
			 YAHOO.util.Dom.setAttribute(listItems[cycleI-1], 'id', '');
			 //alert(cycleI);
				clearInterval(cycleInterval);
				for (var i in listItems) {
					if (listItems[i] == this) {
						//document.getElementById('changebox').innerHTML = document.getElementById('changebox' + (parseInt(i)+1)).innerHTML;
						    //alert('changebox' + (parseInt(i)+1));
	           YAHOO.util.Dom.removeClass('changebox' + (parseInt(i)+1), 'none');
						YAHOO.util.Dom.setAttribute(listItems[parseInt(i)], 'id', 'active');
						cycleI=parseInt(i)+1;
					}
					else {
				  	
				  //	YAHOO.util.Dom.addClass('changebox' + parseInt(i), 'none');
					}
				}
			}
		);
	}
);