var items;
var currentItem = 0;
var currentElement  = 0;
var firstItem = jQuery('#articlecarrousel ul li.fc').addClass('active');
var selectedItem = jQuery('#articlecarrousel ul li.active');

function setFirst(){
	if(firstItem){
		changeContent();
		insertCufon();
	}
}

function ItemHover(){
	
	jQuery('#articlecarrousel ul li').mouseover(function()	{
		jQuery(this).addClass('hover active')		
		
		if(selectedItem){
			changeContent()
		}

	insertCufon();
		
	}).mouseout(function()	{
		jQuery('#articlecarrousel ul li').removeClass('hover active');
	})
}

function changeItem() {

    jQuery(items[currentItem]).removeClass('active');
	jQuery(firstItem).removeClass('active');

	if(selectedItem){
		changeContent();
	}
	
	insertCufon();
}

function changeContent(){
	jQuery('#articlecarrousel ul li.active').each(function(){
		var t = jQuery(this);
		var summary = jQuery('.articlelist_summary', t).clone();
		var title = jQuery('.info h3 a', t).attr('title');
		var thumb = jQuery('.articlelist_thumbnail a img', t).attr('src')

		var source = jQuery('.source a', t).attr('href');
		var titleSource = jQuery('.info h3 a', t).attr('href', source);
		var thumbSource = jQuery('.articlelist_thumbnail a', t).attr('href', source);
		
		var text = jQuery('.htmlblock .article_text');
		var img = jQuery('.htmlblock img');
		var head = jQuery('.htmlblock h3');
		
		text.html(summary);
		head.html(title);
		img.attr('src', thumb);
	});
}

function insertCufon(){
	jQuery('#articlecarrousel .htmlblock .article_container h3').each(function()
	{
		Cufon.replace(this,
		{
			hover: true
		});
	});
}

jQuery(function(){
	setFirst();
	ItemHover();
	items = jQuery('#articlecarrousel .articlelistblock ul li');
})