var gArrowPhoto					=	"ArrowPhotoNew_";
var gPrefixDivArticle			=	"DivArticle_";
var gPrefixDivArticleLargePhoto	=	"ArticleLargePhoto_";
var	gClassGray					=	"BlockGrayAricle";
var	gClassBlue					=	"BlockBlueAricle";
var gClassActive				=	"BlockOrangeActiveArticle";
var	gCurrArticleId				=	0;
var gDirection					=	0;
//dùng prefix home để tránh timeout khác sau này
var homeSlideDelay				=	4000;
var homeTimeout;
var gAutoPlay					=	true;

function HomeSlide(pId)
{
	clearTimeout(homeTimeout);
	if (!pId)
	{	
		//alert(gCurrArticleId);
		if (gDirection == 0 && gCurrArticleId == gTotalBlock)
		{
			//alert("up");
			gDirection = 1;
		}
		
		if (gDirection == 1 && gCurrArticleId == 1)
		{
			//alert("down");
			gDirection = 0;
		}
			
		if (gDirection == 0)//pId = gCurrArticleId +1;
			pId = (gCurrArticleId % gTotalBlock) + 1;
		else
			pId = ((gCurrArticleId - 1) % gTotalBlock);
	}
	
	ShowArticle(pId);
	
	if (gAutoPlay)
		homeTimeout = setTimeout("HomeSlide()",homeSlideDelay);
}


function ShowArticle(pId, moveBlock)
{
	if (gCurrArticleId > 0)
	{
		var tCssNormal	=	(gCurrArticleId % 2 == 0) ? gClassBlue : gClassGray;

		ChangeStyleById(gPrefixDivArticle + gCurrArticleId, tCssNormal);
		$('#' + gPrefixDivArticleLargePhoto + gCurrArticleId).hide();			
	}
	
	//Show
	gCurrArticleId	=	pId;
	ChangeStyleById(gPrefixDivArticle + gCurrArticleId, gClassActive);
	
	var tArrowPhotoId	=	(gCurrArticleId % gMaxBlock == 0) ? gMaxBlock : (gCurrArticleId % gMaxBlock);
	
	ChangeStyleById("ArrowPhoto", gArrowPhoto + tArrowPhotoId);
	
	$('#' + gPrefixDivArticleLargePhoto + gCurrArticleId).fadeIn();
	
	if (!moveBlock)
	{
		//call scroll list article
		if (gDirection == 0)
		{
			if (gCurrArticleId % gMaxBlock == 1 && gCurrArticleId > 1)
				MoveBlockArticle(0, gTotalBlock);
		}
		else 
		{
			if (gCurrArticleId % gMaxBlock == 0  && gCurrArticleId < gTotalBlock)	
				MoveBlockArticle(1, gTotalBlock);
		}
	}
		
}

function InitHome()
{
	//dùng jquery hover sẽ bắt được chỉ đúng 1 lần, không bị giựt
	$(".BlockGrayAricle, .BlockBlueAricle").hover(
	  function () {
		tId = this.id;
		tId = parseInt(tId.replace(gPrefixDivArticle,""));
		
		//bỏ timeout để không chay slide khi vẫn còn Over
		clearTimeout(homeTimeout);
		ShowArticle(tId, true);

		//gọi function này để tự động chạy tiếp slide dù đang Over
		//HomeSlide(tId);
		
	  }, 
	  function () {
		  //hoặc gọi HomeSlide timeout ở đây nếu muốn giữ không cho chạy slide khi vẫn còn hover
		  //HomeSlide(tId);//không có độ trễ khi mouse out -> chuyển sang slide tiếp theo ngay
		  if (gAutoPlay)
		 	homeTimeout = setTimeout("HomeSlide()",homeSlideDelay); //tạo độ trễ khi mouse out
	  }
	);
	//chạy slide
	HomeSlide(1);
}


//Move List Article
//======================================================
var gBlockH			=	115;
var gSpace			=	5;
var gMaxBlock		=	3;
var gCurrentBlock	=	1;
var gTotalBlock;

function MoveBlockArticle(pDirect, pTotalBlock) // 0 : top | 1 : bottom
{
	gTotalBlock	=	pTotalBlock;
	var tDesPos=	(gBlockH + gSpace) * gMaxBlock;

	if (pDirect == 0) //next
	{
		if (gCurrentBlock <= (pTotalBlock - gMaxBlock))
		{
			$("#BlockArticleHolder").animate({"top":"-=" + tDesPos  + "px"}, "slow");
			gCurrentBlock	+=	gMaxBlock;
		}
	}
	else
	{
		if (gCurrentBlock > 1)
		{
			$("#BlockArticleHolder").animate({"top":"+=" + tDesPos  + "px"}, "slow");
			gCurrentBlock	-=	gMaxBlock;
		}
	}
	
	
	//set text message position block article in div has id = DivListArticleMess
	//alert("curr = " + gCurrentBlock + " | total = " + gTotalBlock);
	var tLastNumberArticle	=	0;
	
	if (gCurrentBlock != 1 && (gCurrentBlock + gMaxBlock -1) < gTotalBlock)
		tLastNumberArticle	=	gCurrentBlock + gMaxBlock -1;
	
	//var tLastNumberArticle	=	(gTotalBlock % gCurrentBlock != 0) ? (gCurrentBlock + (gTotalBlock % gCurrentBlock)) :  (gCurrentBlock + gMaxBlock -1);
	if (tLastNumberArticle != 0)
		document.getElementById("DivListArticleMess").innerHTML	=	gCurrentBlock + "-" + tLastNumberArticle +" sur " + gTotalBlock; 
	else
		document.getElementById("DivListArticleMess").innerHTML	=	gCurrentBlock  + " sur " + gTotalBlock; 
	
}


//======================================================
function	CallNextPreListArticle(pDirect, pTotalBlock)
{
	MoveBlockArticle(pDirect, pTotalBlock);
	gDirection	=	pDirect;
	clearTimeout(homeTimeout);
	ShowArticle(gCurrentBlock, true);
	
	if (gAutoPlay)
		homeTimeout = setTimeout("HomeSlide()",homeSlideDelay); 
	
	
}


//======================================================
function	CallPlayPause(pPlay, pDivHide, pDivShow)
{
	if (!pPlay)
		clearTimeout(homeTimeout);
	else
		homeTimeout = setTimeout("HomeSlide()",homeSlideDelay); 
		
	gAutoPlay	=	!gAutoPlay;
	HideDiv(pDivHide);
	ShowDiv(pDivShow);
		
	
}


//LOGO PARTNER
var gLogoPartnerW		=	0;
var gLogoPartnerWLimit	=	495;	
//======================================================
function	MoveLogoPartner(pDirect, pDivHolder)	//	-1 : run right to left | 1 : run left to right
{
	var tCurrPosition	=	$(eval("'#" + pDivHolder + "'")).position().left;
	var tDistance	=	Math.abs(tCurrPosition) +  gLogoPartnerWLimit;
	
	if ( (tDistance <= gLogoPartnerW) && (pDirect == 1))
		$(eval("'#" + pDivHolder + "'")).animate({"left":"-=" + gLogoPartnerWLimit  + "px"}, "slow");
	else if (tCurrPosition < 0  && pDirect == -1)
		$(eval("'#" + pDivHolder + "'")).animate({"left":"+=" + gLogoPartnerWLimit  + "px"}, "slow");
	
}


//======================================================
function getLogoPartnerWidth(pClassDiv, pDivHolder)
{
	gLogoPartnerW	=	$("#LogoPartner").width();	
}