var currentDynamicHeaderImage=0;
var dynamicHeaderImageAutoSwitch=true;
var dynamicHeaderImages=new Array();
var dynamicHeaderListItems=new Array();

(function(){
	var header=$('.header_img')[0];
	var divs=$('div.csc-default');
	var ul=document.createElement('ul');
	$(ul).attr('class', 'dynamic-header-list');
	var found=false;
	for(i=0; i<divs.length; i++){
		var div=divs[i];
		if (div.parentNode == header){
			var li=document.createElement('li');
			var a=document.createElement('a');
			var text=document.createTextNode(div.getElementsByTagName('a')[0].getAttribute('title'));
			a.appendChild(text);
			$(a).attr('id', 'headlink-'+i);
			$(a).attr('href', $(div.getElementsByTagName('a')[0]).attr('href'));
			$(a).hover(
				function(){
					var nr=$(this).attr('id').split('-')[1];
					disableHeaderAutoSwitch();
					setHeaderimage(nr);
				},
				function(){
					enableHeaderAutoSwitch();
				}
			);
			li.appendChild(a);
			ul.appendChild(li);
			if (!found){
				found=true;
				$(li).attr('class', 'dynamic-header-list-item-active');
			}
			dynamicHeaderListItems.push(li);
			dynamicHeaderImages.push(divs[i]);
		}
	}
	//header.parentNode.appendChild(ul);
	
	setHeaderimage(currentDynamicHeaderImage)

})();

function disableHeaderAutoSwitch(){
	dynamicHeaderImageAutoSwitch=false;
}
function enableHeaderAutoSwitch(){
	dynamicHeaderImageAutoSwitch=true;
}

function setHeaderimage(num){
	for (i=0; i<dynamicHeaderImages.length; i++){
		var imgDiv=dynamicHeaderImages[i];
		var listItem=dynamicHeaderListItems[i];
		if (i == num){
			$(imgDiv).fadeTo(1000, 1, function(){ $(this).css('display','block'); });
			$(listItem).attr('class', 'dynamic-header-list-item-active');
		}else{
			$(imgDiv).fadeTo(1000, 0, function(){ $(this).css('display','none'); });
			$(listItem).attr('class', '');
		}
	}
}

function changeHeaderImage(){

	currentDynamicHeaderImage++;
	if (currentDynamicHeaderImage >= dynamicHeaderImages.length){
		currentDynamicHeaderImage=0;
	}
	if (dynamicHeaderImageAutoSwitch){
		setHeaderimage(currentDynamicHeaderImage);
	}
	window.setTimeout(changeHeaderImage, 5000);
}
window.setTimeout(changeHeaderImage, 5000);