ÿþvar iTSTimer1=0;

var iTSCount1,iTSCur1,iTSFading1,iTSFastMove1=0;

var iFadeDelay1=150;

var Sau11 = '../himg/Sau11.gif';

var Truoc11 = '../himg/Truoc11.gif';

var Sau12 = '../himg/Sau12.gif';

var Truoc12 ='../himg/Truoc12.gif';

var img_folder1 = 'http://www.cpc.vn/tintuc/filehtmls/';

var arItemTS1 = new Array();

var iTSSau11=0,iTSTruoc11=0;





 function Load_slidesub(hinh1, td1, tt1, link1, hinh2, td2, tt2, link2, hinh3, td3, tt3, link3, hinh4, td4, tt4, link4, hinh5, td5, tt5, link5, i, j)

{

 	     arItemTS1[i] = new Array(22);

         arItemTS1[i][0] = "1000119999";

         arItemTS1[i][1] = img_folder1;

         arItemTS1[i][2] = td1;

         arItemTS1[i][3] = tt1;

         arItemTS1[i][4] = hinh1;

         arItemTS1[i][5] = link1;

         

         arItemTS1[i][6] = td2;

         arItemTS1[i][7] = tt2;

         arItemTS1[i][8] = hinh2;

         arItemTS1[i][9] = link2;        



         arItemTS1[i][10] = td3;

         arItemTS1[i][11] = tt3;

         arItemTS1[i][12] = hinh3;

         arItemTS1[i][13] = link3;     



         arItemTS1[i][14] = td4;

         arItemTS1[i][15] = tt4;

         arItemTS1[i][16] = hinh4;

         arItemTS1[i][17] = link4;



         arItemTS1[i][18] = td5;

         arItemTS1[i][19] = tt5;

         arItemTS1[i][20] = hinh5;

         arItemTS1[i][21] = link5;



         if (j==1){

                     showslideitem(arItemTS1, 0);

                  }

 }

 

function showslideitem(arItemTS1) {

    iTSCount1 = arItemTS1.length - 1;

	var sHTML='';

	sHTML=sHTML.concat('<div style="position:relative;width:655px;height:140px;">');

	sHTML=sHTML.concat('	<div style="left:0px;top:0px;width:655px;height:2px;" class="HomeTopStoryBorder"></div>');

	sHTML=sHTML.concat('	<div style="left:0px;top:128px;width:655px;height:2px;" class="HomeTopStoryBorder"></div>');

	sHTML=sHTML.concat('	<div style="left:0px;top:0px;width:2px;height:129px;" class="HomeTopStoryBorder"></div>');

	sHTML=sHTML.concat('	<div style="left:655px;top:0px;width:2px;height:129px;" class="HomeTopStoryBorder"></div>');

	

	for (var i=0;i<=iTSCount1;i++){

		//Hinh anh

		sHTML=sHTML.concat('	<div id="divTop1').concat(i).concat('" onmousemove="cleartopstorycounter1();" style="overflow:hidden;position:absolute;').concat(iif(i==0,'left:0px','left:-1000px')).concat(';top:0px;width:655px;height:140px;">');

	    sHTML = sHTML.concat('	<div style="position:relative;width:655px;height:100px; top:10px; left:25px">');

		// anh 1

	    sHTML = sHTML.concat('<div style="position:absolute;left:0px"><a title="').concat(arItemTS1[i][2]).concat('" href="').concat(arItemTS1[i][5]).concat('"><img src="').concat(arItemTS1[i][1]).concat(arItemTS1[i][4]).concat('" alt="').concat(arItemTS1[i][2]).concat('" width="105" height="65" style="border: double 3px #cdcdcd" /></a></div>');

	    // anh 2

	    sHTML = sHTML.concat('<div style="position:absolute;left:125px"><a title="').concat(arItemTS1[i][6]).concat('" href="').concat(arItemTS1[i][9]).concat('"><img src="').concat(arItemTS1[i][1]).concat(arItemTS1[i][8]).concat('" alt="').concat(arItemTS1[i][6]).concat('" width="105" height="65" style="border: double 3px #cdcdcd" /></a></div>');

  	    // anh 3

	    sHTML = sHTML.concat('<div style="position:absolute;left:250px"><a title="').concat(arItemTS1[i][10]).concat('" href="').concat(arItemTS1[i][13]).concat('"><img src="').concat(arItemTS1[i][1]).concat(arItemTS1[i][12]).concat('" alt="').concat(arItemTS1[i][10]).concat('" width="105" height="65" style="border: double 3px #cdcdcd" /></a></div>');

	    // anh 4

	    sHTML = sHTML.concat('<div style="position:absolute;left:375px"><a title="').concat(arItemTS1[i][14]).concat('" href="').concat(arItemTS1[i][17]).concat('"><img src="').concat(arItemTS1[i][1]).concat(arItemTS1[i][16]).concat('" alt="').concat(arItemTS1[i][14]).concat('" width="105" height="65" style="border: double 3px #cdcdcd" /></a></div>');

	    // anh 5

	    sHTML = sHTML.concat('<div style="position:absolute;left:500px"><a title="').concat(arItemTS1[i][18]).concat('" href="').concat(arItemTS1[i][21]).concat('"><img src="').concat(arItemTS1[i][1]).concat(arItemTS1[i][20]).concat('" alt="').concat(arItemTS1[i][18]).concat('" width="105" height="65" style="border: double 3px #cdcdcd" /></a></div>');

	    sHTML = sHTML.concat('</div>');	



  	    

 		//Tieu de

		sHTML=sHTML.concat('	<div id="divTopLayer1').concat(i).concat('" onmousemove="cleartopstorycounter1();" style="').concat(iif(i==0,'left:0px','left:-1000px')).concat(';top:0px;width:0px;height:0px;" class="HomeTopStoryColorLayer1"></div>');

		sHTML=sHTML.concat('	<div id="divTopTitle1').concat(i).concat('" onmousemove="cleartopstorycounter1();" style="').concat(iif(i==0,'left:0px','left:-1000px')).concat(';top:0px;width:655px;height:130px;" class="HomeTopStoryColorLayerContent1">');

        //tieu de 1

		sHTML=sHTML.concat('	<div style="left:25px;top:88px;width:105px;height:22px;" title="').concat(arItemTS1[i][2]).concat('" class="Title1" onclick="window.location=\'').concat(arItemTS1[i][5]).concat('\'">').concat(arItemTS1[i][2]).concat('</div>');	

        //tieude 2

		sHTML=sHTML.concat('	<div style="left:148px;top:88px;width:105px;height:22px;" title="').concat(arItemTS1[i][6]).concat('" class="Title1" onclick="window.location=\'').concat(arItemTS1[i][9]).concat('\'">').concat(arItemTS1[i][6]).concat('</div>');	

        //tieude 3

		sHTML=sHTML.concat('	<div style="left:273px;top:88px;width:105px;height:22px;" title="').concat(arItemTS1[i][10]).concat('" class="Title1" onclick="window.location=\'').concat(arItemTS1[i][13]).concat('\'">').concat(arItemTS1[i][10]).concat('</div>');	

        //tieude 4

		sHTML=sHTML.concat('	<div style="left:398px;top:88px;width:105px;height:22px;" title="').concat(arItemTS1[i][14]).concat('" class="Title1" onclick="window.location=\'').concat(arItemTS1[i][17]).concat('\'">').concat(arItemTS1[i][14]).concat('</div>');	

        //tieude 5

		sHTML=sHTML.concat('	<div style="left:525px;top:88px;width:110px;height:22px;" title="').concat(arItemTS1[i][18]).concat('" class="Title1" onclick="window.location=\'').concat(arItemTS1[i][21]).concat('\'">').concat(arItemTS1[i][18]).concat('</div>');	

		

		sHTML=sHTML.concat('	</div>');

		sHTML=sHTML.concat('	</div>');

	}

	

	sHTML=sHTML.concat('<div style="left:0px;top:2px;height:138px; valign: center" class="HomeTopStoryColorLayerSubImage">');

	sHTML = sHTML.concat('<img id="imgTSTruoc11" src="'+ Truoc12 +'" hspace="2" vspace="0" height= "125px" onmouseover="iTSTruoc11=1;this.src=\''+ Truoc11 +'\'" onmouseout="iTSTruoc11=0;this.src=\''+ Truoc12 +'\'" style="cursor:pointer" onclick="changetopstory1(-1,false);">');

	sHTML=sHTML.concat('</div>');

	sHTML=sHTML.concat('<div style="left:637px;top:2px;height:138px; valign: center" class="HomeTopStoryColorLayerSubImage">');

	sHTML = sHTML.concat('<img id="imgTSSau11" src="'+ Sau12 +'" hspace="2" vspace="0" height= "125px" onmouseover="iTSSau11=1;this.src=\''+ Sau11 +'\'" onmouseout="iTSSau11=0;if (!iTSFading1) this.src=\''+ Sau12 +'\'" style="cursor:pointer" onclick="changetopstory1(1,false);">');

	sHTML=sHTML.concat('</div>');

	sHTML=sHTML.concat('</div>');

	gmobj("slide_sub").innerHTML=sHTML;

	iTSCur1=0;

	setInterval(function(){topstorycounter1();},100)

}



function changetopstory1(direction,fade){

	var iTop, iBot;

	var oTop, oBot, oTopLayer, oBotLayer, oTopTitle, oBotTitle;

	iTop=iTSCur1;

	iBot=iTop+direction;

	if (iBot<0) iBot=iTSCount1;

	if (iBot>iTSCount1) iBot=0;

	oTop = 'divTop1'+iTop;

	oBot = 'divTop1'+iBot;

	oTopLayer = 'divTopLayer1'+iTop;

	oBotLayer = 'divTopLayer1'+iBot;

	oTopTitle = 'divTopTitle1'+iTop;

	oBotTitle = 'divTopTitle1'+iBot;

	if (iTSFading1==1){

		gmobj('divTop1'+(iTop+1)).style.left='-1000px';

		gmobj('divTopLayer1'+(iTop+1)).style.left='-1000px';

		gmobj('divTopTitle1'+(iTop+1)).style.left='-1000px';

		outdirectionimage1();

		iTSFading1=0;

	}

	iTSTimer1=0;

	if (!fade){

		iTSFastMove1=1;

		changeOpac1(100,oBot);

		changeOpac1(40,oBotLayer);

		changeOpac1(100,oBotTitle);

		gmobj(oTop).style.zIndex=33;

		gmobj(oBot).style.zIndex=34;

		gmobj(oBot).style.left='0px';

		gmobj(oTop).style.left='-1000px';

		gmobj(oBotLayer).style.left='0px';

		gmobj(oTopLayer).style.left='-1000px';

		gmobj(oBotTitle).style.left='0px';

		gmobj(oTopTitle).style.left='-1000px';

		iTSFading1=0;

		iTSCur1=iBot;

	}

	else{

		iTSFastMove1=0;

		changeOpac1(100,oBot);

		changeOpac1(0,oBotLayer);

		changeOpac1(0,oBotTitle);

		gmobj(oTop).style.zIndex=34;

		gmobj(oBot).style.zIndex=33;

		gmobj(oBot).style.left='0px';

		gmobj(oBotLayer).style.left='0px';

		gmobj(oBotTitle).style.left='0px';

		iTSFading1=1;

		changingdirectionimage1(direction);

		changingtopstory1(iTop,iBot,0,100);

	}

}



function changingtopstory1(iTop,iBot,iStep,iCurOpac){

	var oTop, oBot, oTopLayer, oBotLayer, oTopTitle, oBotTitle;

	oTop = 'divTop1'+iTop;

	oBot = 'divTop1'+iBot;

	oTopLayer = 'divTopLayer1'+iTop;

	oBotLayer = 'divTopLayer1'+iBot;

	oTopTitle = 'divTopTitle1'+iTop;

	oBotTitle = 'divTopTitle1'+iBot;

	if (iTSFading1==1){

		if (iStep==0){

			if (iCurOpac>=0){

				changeOpac1(iCurOpac,oTopTitle);

				changeOpac1(iCurOpac*40/100,oTopLayer);

				iCurOpac-=5;

				setTimeout(function(){changingtopstory1(iTop,iBot,0,iCurOpac)},iFadeDelay1);

			}

			else{

				setTimeout(function(){changingtopstory1(iTop,iBot,1,100)},2000);

			}

		}

		else if (iStep==1){

			if (iCurOpac>=0){

				changeOpac1(iCurOpac,oTop);

				iCurOpac-=5;

				setTimeout(function(){changingtopstory1(iTop,iBot,1,iCurOpac)},iFadeDelay1);

			}

			else{

				iTSCur1=iBot;

				gmobj(oTop).style.left='-1000px';

				gmobj(oTopLayer).style.left='-1000px';

				gmobj(oTopTitle).style.left='-1000px';

				setTimeout(function(){changingtopstory1(iTop,iBot,2,0)},100);

			}

		}

		else if (iStep==2){

			if (iCurOpac<=100){

				changeOpac1(iCurOpac,oBotTitle);

				changeOpac1(iCurOpac*40/100,oBotLayer);

				iCurOpac+=5;

				setTimeout(function(){changingtopstory1(iTop,iBot,2,iCurOpac)},iFadeDelay1);

			}

			else{

				outdirectionimage1();

				iTSFading1=0;

				iTSTimer1=0;

			}

		}

	}

	else if (iStep<2 && iTSFastMove1==0) {

		gmobj(oBot).style.left='-1000px';

		gmobj(oBotLayer).style.left='-1000px';

		gmobj(oBotTitle).style.left='-1000px';

		outdirectionimage1();

		iTSFading1=0;

		iTSTimer1=0;

	}

}



function changingdirectionimage1(direction){

    if (direction > 0) gmobj('iTSSau11').src = Sau11;

	else gmobj('imgTSTruoc11').src =Truoc11;

}



function outdirectionimage1(){

    if (iTSSau11 == 0) gmobj('imgTSSau11').src = Sau12;

	if (iTSTruoc11==0) gmobj('imgTSTruoc11').src=Truoc12;

}



function topstorycounter1(){

	iTSTimer1++;

	if (iTSTimer1>150) {

		iTSTimer1=0;

		//changetopstory1(1,true);

		changetopstory1(1,false);

	}

}



function cleartopstorycounter1(){

	changeOpac1(100,'divTop1'+iTSCur1);

	changeOpac1(40,'divTopLayer1'+iTSCur1);

	changeOpac1(100,'divTopTitle1'+iTSCur1);

	iTSFading1=0;

	iTSTimer1=0;

}



function changeOpac1(opacity, id) {

	//gmobj(id).style.opacity = (opacity/100);

	//gmobj(id).style.MozOpacity = (opacity/100);

	//gmobj(id).style.KhtmlOpacity = (opacity/100);

	//gmobj(id).style.filter = "alpha(opacity=" + opacity + ")";

}