var playing = false;
var position = 2;
var playDelay = 5000;
var playStop = true;
var timerID = 0;

function showElement(el)
{	
	playStop = true;
	for(var i=1; i<=5; i++)
	{
		if(document.getElementById('divArticle'+i).style.display != 'none')
		{			
			if(i==5) startStopPlay();
                        $('#divArticle' + i).fadeOut(200, function()
			{								
				$('#divArticle' + el).fadeIn(200, function() 
						{ 
							playStop = false;
							clearTimeout(timerID);
							rotateArticlesGo();
						});				
			});				
		}		
	}
		
	
	document.getElementById('navPage1').className = '';
	document.getElementById('navPage2').className = '';
	document.getElementById('navPage3').className = '';
	document.getElementById('navPage4').className = '';	
	document.getElementById('navPage'+el).className = 'active';	
	
	document.getElementById('navImage1').className = 'imgHomeNav';
	document.getElementById('navImage2').className = 'imgHomeNav';
	document.getElementById('navImage3').className = 'imgHomeNav';
	document.getElementById('navImage4').className = 'imgHomeNav';
	
	document.getElementById('navImage'+el).className = 'imgHomeNavSelected';
	
	document.getElementById('divTitleFirst').innerHTML = document.getElementById('divTitleHome'+el).innerHTML;	
}

function rotateArticles()
{
	if((playing) && (!playStop))
	{		
		showElement(position);
		
		position = position + 1;
		if(position > 4)
		{
			position = 1;
		}	
	}
}

function previewArticleBack(pos)
{
	if(pos != position)
	{
		document.getElementById('navImage'+pos).className = 'imgHomeNav';	
	}	
	document.getElementById('divTitleFirst').innerHTML = document.getElementById('divTitleHome'+position).innerHTML;
}

function previewArticle(pos)
{
	document.getElementById('navImage'+pos).className = 'imgHomeNavSelected';
	document.getElementById('divTitleFirst').innerHTML = document.getElementById('divTitleHome'+pos).innerHTML;
}

function showArticle(pos)
{		
	
        position = pos;
	showElement(pos);

	position = position + 1;
	if(position > 4)
	{
		position = 1;
	}
}

function startStopPlay()
{
	if(playing)
	{
		playing = false;
		document.getElementById('btnPlayStop').className = 'btn_play_pause btn_play';
	}
	else 
	{
		playing = true;
		document.getElementById('btnPlayStop').className = 'btn_play_pause btn_pause';
	}
}

function rotateArticlesGo()
{
	timerID = setInterval('rotateArticles()', playDelay);	
}

window.onload = rotateArticlesGo;