var articleOffset = 0;

function ListArticle()
{
	// change article
	ChangeArticle(articleOffset + 1);

	return false;
}

function ChangeArticle(newArticleOffset)
{
	// hide old article
	if($('article-item-' + articleOffset)) { $('article-item-' + articleOffset).hide(); }

	// change offset
	articleOffset = newArticleOffset;

	// check offset
	if(articleOffset < 0) { articleOffset = 4; }
	if(articleOffset > 4) { articleOffset = 0; }
  
	// show new image
	for(i=0; i<5; i++)
	{
    $('nav' + i + '-0').removeClassName('active');	
  	$('nav' + i + '-1').removeClassName('active');
  	$('nav' + i + '-2').removeClassName('active');
  	$('nav' + i + '-3').removeClassName('active');
  	$('nav' + i + '-4').removeClassName('active');  
  }
	
  	
	$('nav' + articleOffset + '-0').addClassName('active');	
	$('nav' + articleOffset + '-1').addClassName('active');
	$('nav' + articleOffset + '-2').addClassName('active');
	$('nav' + articleOffset + '-3').addClassName('active');
	$('nav' + articleOffset + '-4').addClassName('active');
	
	if($('article-item-' + articleOffset)) { $('article-item-' + articleOffset).show(); }
  

	return false;
}

function ReloadArticle()
{
	ChangeArticle(articleOffset + 1);
	setTimeout('ReloadArticle()', 5000);
}

function ChangeVideo(videoId)
{
	var url = '/video/video-ajax-response.php?id=' + videoId;
	
	new Ajax.Request(url, 
	{
		method: 'get',
		onSuccess: function(xmlhttp) {
			
			var response = xmlhttp.responseText;
			$('hp-tube').innerHTML = response;
		}
	});

	return false;
}

Event.observe(window, 'load', function() { 
	setTimeout('ReloadArticle()', 20000); 
	new Lightbox(); 
});