var Links = null;
var Slogans = null;
var change_Links = null;

$(document).ready(function() {
	Links = $('.EtalageLink');
	Slogans = $('.Slogan');
	Links.hover(
		function () {
			clearInterval(change_Links);
			animateLink($(this), true);
		}, 
		function () {
			Links_update();
			
	});		
	Links_update();
});

var current_Link = null;
var Link_counter = 0; //remember current Link index
var Link_is_ready = true; //Link updating animation finished

function Links_update() {
	if (Link_is_ready) {
		Link_is_ready = false;	
		
		change_Links = setInterval(function() {
			var Link = $(Links[Link_counter]);
		    Link_counter++;
			if(Link_counter == Links.length) Link_counter = 0; //if we come to the end of the list - returns to the first Link
			
			if(Link){
            	animateLink(Link, false);
            }
       }, 5000);
		
	} 
    else{
    	setTimeout(Links_update, 5000);
    }
};

function animateLink(Link, force) {
	//var fontSize = gallerySettings[ Link.attr( 'id' ) ][ "Size" ];
	
	$.each(Links, function(index, item) { 
		//alert( $(item).attr('id'));
		var item = $(item);
 		var fontSize = gallerySettings[ item.attr('id') ][ "Size" ];
		
		item.animate({ 
			color: "#ffffff",
			fontSize: fontSize+"px"
			}, { queue:false, duration:500});
			Slogans.fadeOut('fast', function() {});
	});
	
	//Links.animate({ 
	//color: "#ffffff",
	//fontSize: fontSize+"px"
	//}, { queue:false, duration:500});
	//Slogans.fadeOut('fast', function() {});
		
	// new link
	var fontSize = gallerySettings[ Link.attr('id') ][ "Size" ];
	Link.animate({ 
		color: "#a75c18",
		fontSize: (parseInt( fontSize )+2)+"px"
	}, { queue:false, duration: 500 });
	var Sloganbox = $('#Slogan_'+Link.attr( 'id' ) );
	$(Sloganbox).fadeIn('fast', function() {});
			

	Link_is_ready = true;
	current_Link = Link;

};