/****************FADE IN - FADE OUT **********************/
function ShowDiv(j) {
	clearInterval(interval);
	var prevId = iMetr;
	var btnDis = document.getElementById('btn' + iMetr);
    var i = calculateID(); /* document.getElementById('index').value;*/
    var btnEn = document.getElementById('btn' + i);
    
    
	btnDis.className = 'pagerNumber';
 
    var activeDiv = document.getElementById('div' + i)
    HideDiv(prevId);
    activeDiv.style.opacity = 0;
    activeDiv.style.filter = "alpha(opacity=0)";
    
    activeDiv.style.display = 'block';
    var countUp = 1;
    setTimeout('FadeIn(' + countUp + ',' + i + ')', 200); // initial pause
    
    btnEn.className = "pageNumberSelected";
    interval=setInterval('ShowDiv()', 5000);
    
}
function ShowPreviousDiv(j) {
	clearInterval(interval);
	var prevId = iMetr;
	var btnDis = document.getElementById('btn' + iMetr);
    var i = calculatePreviousID(); /* document.getElementById('index').value;*/
    var btnEn = document.getElementById('btn' + i);
    
    
	btnDis.className = 'pagerNumber';
 
    var activeDiv = document.getElementById('div' + i)
    HideDiv(prevId);
    activeDiv.style.opacity = 0;
    activeDiv.style.filter = "alpha(opacity=0)";
    
    activeDiv.style.display = 'block';
    var countUp = 1;
    setTimeout('FadeIn(' + countUp + ',' + i + ')', 200); // initial pause
    
    btnEn.className = "pageNumberSelected";
    interval=setInterval('ShowDiv()', 5000);
}

function ActivateArticle(i)
{
	clearInterval(interval);

	var btnDis = document.getElementById('btn' + iMetr);
    
    var btnEn = document.getElementById('btn' + i);
    
    
	btnDis.className = 'pagerNumber';
 
    var activeDiv = document.getElementById('div' + i)
    HideDiv(iMetr);
    activeDiv.style.opacity = 0;
    activeDiv.style.filter = "alpha(opacity=0)";
    
    activeDiv.style.display = 'block';
    var countUp = 1;
    setTimeout('FadeIn(' + countUp + ',' + i + ')', 200); // initial pause
    btnEn.className = "pageNumberSelected";
    iMetr=i;
    interval=setInterval('ShowDiv()', 5000);
  
 
}
function HideDiv(i) {

    var div = document.getElementById('div' + i);
    div.style.display = 'none';

}

function FadeIn(countUp,i) {

    var activeDiv = document.getElementById('div' + i)
    activeDiv.style.opacity = countUp / 10;

    activeDiv.style.filter = "alpha(opacity=" + (countUp * 10) + ")";
    
    countUp += 1;
    if (countUp < 10) {	
        setTimeout('FadeIn(' + countUp + ',' + i + ')', 100); // remaining pauses
    } else {
        inProgressGlobal = false;
    }
}


function calculateID() {
    /*var i = document.getElementById('index').value;   */
    if (iMetr < 4) {
        iMetr++;
    }
    else {
        iMetr = 1;

    }
    /*document.getElementById('index').value = i;*/
    return iMetr;
}

function calculatePreviousID() {
    /*var i = document.getElementById('index').value;   */
    if (iMetr >1 ) {
        iMetr--;
    }
    else {
        iMetr = 4;

    }
    /*document.getElementById('index').value = i;*/
    return iMetr;
}
/*********************************************FADE IN - FADE OUT*************************/

/*********************************************FILM EFFECT********************************/
	
	function MoveRight()
	{
		if (flagPlay)
		{
			flagPlay = false;
			clearInterval(interval);
			interval=setInterval('MoveRight()', 10000);

			var right = parseInt(document.getElementById('MainArticlesContainer2').style.right); 
		
			var nextArticleID = (right/399) + 2; 

			if ( right == 3192)
				document.getElementById('MainArticlesContainer2').style.right = 0;
			if ( nextArticleID >= 9 )
				nextArticleID = (nextArticleID -8) ;
		
			$("#MainArticlesContainer2").animate({ "right": "+=399px" }, "slow",null,function(){FixPager( nextArticleID );flagPlay = true;});			

		
			right = null;
		}
	}
	
	function MoveLeft()
	{
		if (flagPlay)
		{
			flagPlay = false;
			clearInterval(interval);
			interval=setInterval('MoveRight()', 10000);

			var right = parseInt(document.getElementById('MainArticlesContainer2').style.right); 
			var nextArticleID = (right/399); 
		
			if ( right == 0)
			{
				document.getElementById('MainArticlesContainer2').style.right = 3192;
			}
			if ( nextArticleID == 0 )
				nextArticleID = 8;
		
			$("#MainArticlesContainer2").animate({ "right": "-=399px" }, "slow",null,function(){FixPager( nextArticleID );flagPlay = true;});			

		
			right = null;
		}

	}

    function showArticle(i) {
    	clearInterval(interval);
        var targetPos = 0;
        targetPos = i * 399;
        document.getElementById('MainArticlesContainer2').style.right = targetPos;
		FixPager(i+1);   
		HideSum(i+1);
        targetPos = null;
        interval=setInterval('MoveRight()', 10000);
    }

	function FixPager(i)
	{
		 
		var j = 1
		for (j=1;j<=8;j++)
		{
	        var btnDis = document.getElementById('btn' + j);
		    btnDis.className = "MainArticleNumbersCell";
		    btnDis = null;
		}
		
		var btnEn = document.getElementById('btn' + (i));
		if (btnEn !=null)
		{
			btnEn.className = "MainArticleNumbersCellSelected";
			btnEn = null;
		}

	}

	function ShowSum(objlink,i)
	{
		var right = parseInt(document.getElementById('MainArticlesContainer2').style.right); 
		var nextArticleID = (right/399) + 1; 
		
		
		if (nextArticleID == 9)
			nextArticleID=1;
			
		if (i != nextArticleID )
		{
			
			var div = document.getElementById('vwMainArticle1_sum' + i);
	
			div.style.display = 'block';
			div.style.left = 227 + ((i-1)*19);
	
			var yPos = null;
		
			yPos = GetYPos(objlink) - (div.offsetHeight ? div.offsetHeight : div.height) + 8 ;	 
			div.style.top = yPos.toString() + 'px';
		}
	}

	function HideSum(i)
	{
		 var div = document.getElementById('vwMainArticle1_sum' + i);
		 div.style.display = 'none';
	}
	
	
	
	function GetXPos (cObj) {
			var cLeft = 0 ;
			if (cObj!=null) {
				if (cObj.offsetParent) {
					while (cObj.offsetParent) {
						cLeft += cObj.offsetLeft;
						cObj   = cObj.offsetParent;
					}
				}
				else if (cObj.x) {
					cLeft +=cObj.x; 
				}
			}   
			return cLeft;
		}
		    
		function GetYPos (cObj) {
			var cTop = 0 ;
			if (cObj!=null) {
				if (cObj.offsetParent) {
					while (cObj.offsetParent) {
							cTop += cObj.offsetTop;
							cObj  = cObj.offsetParent;
					}
				}
				else if (cObj.y) {
					cTop +=cObj.y; 
				}
			}   
			return cTop;
		};
		
		function PausePlay()
		{
			var link = document.getElementById('pauseplay');
						
			if ( link.innerHTML=="PAUSE" )
			{
				link.innerHTML='PLAY';
				clearInterval(interval);
			}
			else
			{
				MoveRight();
				link.innerHTML='PAUSE';
			}
			
		}
/*******************************************FILM EFFECT***********************************/