
$(function(){
	var $accordion = $("div.id_accordion");
	var $accordionElem = $("a.wedo_icon");
	var currAccordionItemNumber = 1;
	var accordionItemsNumber = 9;
	var accordionAutoChangeInterval = 11000;
	
	var changeAccordionAuto = function() {
		var nextItemNumber = 1;
		if(currAccordionItemNumber < accordionItemsNumber) {
			nextItemNumber = currAccordionItemNumber + 1;
		}
		
		$accordion.activate(nextItemNumber - 1);
		$selectedElem = $("a.selected", $accordion);
		activateSelectedElem($selectedElem);
		currAccordionItemNumber = nextItemNumber;
	};
	
	var intervalHandle = setInterval(changeAccordionAuto, accordionAutoChangeInterval);
	
	$accordion.accordion({
		active: 0
	});
		
	$accordionElem.click(function(event){
		event.preventDefault();
		currAccordionItemNumber = ($(this).index())/2 + 1;
		activateSelectedElem($(this));
		clearInterval(intervalHandle);
		intervalHandle = setInterval(changeAccordionAuto, accordionAutoChangeInterval);
	});
	
	function activateSelectedElem($selectedElem) {		
		var $prevActiveElem = $('a[class*="_active"]', $accordion);
		var prevElemNewClass = matchClassPart($prevActiveElem);
		prevElemNewClass = prevElemNewClass.replace("id_", "");
		$prevActiveElem.addClass(prevElemNewClass);
		
		var prevElemClass = prevElemNewClass + "_active";
		$prevActiveElem.removeClass(prevElemClass);
		
		var selectedElemClass = matchClassPart($selectedElem);
		selectedElemClass = selectedElemClass.replace("id_", "");
		$selectedElem.removeClass(selectedElemClass);

		var selectedElemNewClass = selectedElemClass + "_active";
		$selectedElem.addClass(selectedElemNewClass);
		
		activateSelectedElemArrow($selectedElem);
		activateSelectedElemText($selectedElem);
	}
	
	function matchClassPart($elem) {
		var elemClass = $elem.attr("class");
		var partName = elemClass.match(/^.*?id_(\w+).*?$/);
		partName = partName[1];
		return partName;
	}
	
	function activateSelectedElemArrow($selectedElem) {
		$('span[class^="accordion_arrow"]', $accordionElem).attr("class", "accordion_arrow");
		$("span.accordion_arrow", $selectedElem).attr("class", "accordion_arrow_active");
	}
	
	function activateSelectedElemText($selectedElem) {
		$('span[class^="wi_txt"]', $accordionElem).attr("class", "wi_txt");
		$("span.wi_txt", $selectedElem).attr("class", "wi_txt_active");
	}
});


