ÿþ// ==================================================================

// Tat ca cac JS  vtcnews 

// ==================================================================

var pageURL='http://vtc.vn/';

function SearchOnFocus(field)

{

	if(field.value=='Të khóa tìm ki¿m'){ field.value = ''; }

}



function SearchOnBlur(field)

{

	if(field.value==''){ field.value='Të khóa tìm ki¿m';}

}



 function keyCatch(e,url,txt)

{

	if(window.event && window.event.keyCode == "13")

		goSearch(url,txt);

	else if(e.which)

	{				

		if(e.which == 13)

			goSearch(url,txt);

	}

}

 function goSearch(url,txt)

{

    var textsearch = document.getElementById(txt).value;

    window.location.href =  url+textsearch+'/index.htm';

}



function writeLayer(layerID,txt){

	if(document.getElementById){

		document.getElementById(layerID).innerHTML=txt;

	}else if(document.all){

         document.all[layerID].innerHTML=txt;

    }else if(document.layers){

        with(document.layers[layerID].document){

     	open();

        write(txt);

        close();

    	}

    }

 }



function getLayer(layerID){

    if(document.getElementById){

        return document.getElementById(layerID).innerHTML;

    }else if(document.all){

        return document.all[layerID].innerHTML=txt;

    }

}



function makeBigerFont(layerID){

    var tmpStr= "";

    tmpStr = getLayer(layerID);

    tmpStr = tmpStr.replace(/size=\"2\"/g, "size=3");

    tmpStr = tmpStr.replace(/size=2/g, "size=3");

    tmpStr = tmpStr.replace(/FONT-SIZE: 10pt/g, "FONT-SIZE: 12pt");

    tmpStr = tmpStr.replace(/font-size: 10pt/g, "font-size: 12pt");

    writeLayer(layerID,tmpStr);

    document.getElementById(layerID).style.fontSize="12pt";

}



function setBigerFont(layerID){

    makeBigerFont(layerID);

    createCookie("fontSize",3,30);

}

function makeSmallerFont(layerID){

    var tmpStr= "";

    tmpStr = getLayer(layerID);

    tmpStr = tmpStr.replace(/size=\"3\"/g, "size=2");

    tmpStr = tmpStr.replace(/size=3/g, "size=2");

    tmpStr = tmpStr.replace(/FONT-SIZE: 12pt/g, "FONT-SIZE: 10pt");

    tmpStr = tmpStr.replace(/font-size: 12pt/g, "font-size: 10pt");

    writeLayer(layerID,tmpStr);

    document.getElementById(layerID).style.fontSize="10pt";

}

function setSmallerFont(layerID){

    makeSmallerFont(layerID);

    createCookie("fontSize",2,30);

}



function createCookie(name,value,days) {

	if (days) {

		var date = new Date();

		date.setTime(date.getTime()+(days*24*60*60*1000));

		var expires = "; expires="+date.toGMTString();

	}

	else var expires = "";

	document.cookie = name+"="+value+expires+";domain=.vtc.vn; path=/";

}



function readCookie(name) {

	var nameEQ = name + "=";

	var ca = document.cookie.split(';');

	for(var i=0;i < ca.length;i++) {

		var c = ca[i];

		while (c.charAt(0)==' ') c = c.substring(1,c.length);

		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

	}

	return null;

}



function eraseCookie(name) {

	createCookie(name,"",-1);

}



//adv

function setAdv(imgObj,linkObj,imgAdv,linkAdv){

    document.getElementById(imgObj).src=imgAdv;

    document.getElementById(linkObj).href=linkAdv;

}



function shareAdv(imgObj,linkObj,arrayAdv,maxStep,curr){

    if (curr==maxStep) {curr=0;}

    curr=curr+1;

    setAdv(imgObj,linkObj,arrayAdv[curr][1],arrayAdv[curr][0]);

    

    //setTimeout("shareAdv('"+imgObj+"','"+linkObj+"',arrayAdv,maxStep,curr)",3600);

}



// Load all cates for HomePage

function loadCateHomePage(cateHomeUrl){

    $.ajax({

        url: cateHomeUrl,

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 5000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var cateName = 'cateXML';

                 var cateID = $(this).find('CateID').text();

                 cateName += cateID;

                 

                 var cateTitle = $(this).find('CateTile').text();

                 var cateLink = $(this).find('CateLink').text();

                 

                 var contentCate;

                 contentCate = '<div class="cateTitleDiv"><a href="' + cateLink + '" class="titlebai">' + cateTitle + '</a></div>'

                 

                 // Sub cate

                 var subCateContent = '<div class="sup_mnnho cateSub">';

                 var lenSubCates = $(this).find('ChildCate').size();

                 var index = 0;

                 

                 $(this).find('ChildCate').each(function(){

                    index ++;

                    var subCateName = $(this).find('ChildCateTitle').text();

                    var subCateLink = $(this).find('ChildCateLink').text();

                    

                    subCateContent += '<a href="' + subCateLink + '" class="sup_mnnho">' + subCateName + '</a>';

                    if (index < lenSubCates)

                    {

                        subCateContent += '&nbsp;|&nbsp;';

                    }

                 });

                 

                 subCateContent += '</div>';

                 

                 // Add subcates content

                 contentCate += subCateContent; 

                 

                 // Top news of Cate

                 var topCateContent = '<div>';

                 

                 var imgUrl = $(this).find('ImageUrl').text();

                 var articleLink = $(this).find('Link').text();

                 var articleTitle = $(this).find('Title').text();

                 var articleMobileContent = $(this).find('MobileContent').text();

                 

                 if ($.trim(imgUrl).length > 0)

                 { 

                    if ((cateID == 432)||(cateID == 433))

                    {

                        topCateContent += '<a href="' + articleLink + '"><img class="cateImgTT24h" src="' + imgUrl + '"></a>';

                    }

                    else

                    {

                        topCateContent += '<a href="' + articleLink + '"><img class="cateImg" src="' + imgUrl + '"></a>';

                    }

                 }

                 topCateContent += '<p style="margin-bottom:10px;margin-top:0px;"><a href="' + articleLink + '" class="title_nho">' + articleTitle + '</a></p>';

                 topCateContent += '<span class="text">' + articleMobileContent + '</span>';

                 topCateContent += '</div>';

                 

                 // Add top news of Cate

                 contentCate += topCateContent;

                 

                 // Other news of Cate

                 var otherNewsContent = '<div style="width:100%; float:left; padding-top:5px;">';

                 

                 $(this).find('OtherNew').each(function(){

                    var otherID = $(this).find('OtherID').text();

                    var otherLink = $(this).find('OtherLink').text();

                    var otherTitle = $(this).find('OtherTitle').text();

                    var otherImgUrl = $(this).find('OtherImageUrl').text();

                    var otherLead = $(this).find('OtherLead').text();

                    

                    otherNewsContent += '<div class="cateOthers"><a id="#cate' + otherID + '" href="' + otherLink + '" class="dadua">' + otherTitle + '</a></div>';

                    otherNewsContent += '<div id="cate' + otherID + '" style="display:none;"><img src="' + otherImgUrl + '" style="float:left;width:100px; border:1px solid #000; margin-right:5px;"/>' + otherLead + '</div>';

                 });

                 otherNewsContent += '</div>';

                 

                 // Add other news

                 contentCate += otherNewsContent;

                 

                 // Add all of content

                 $('#' + cateName).append(contentCate);

            }); //close each(

        }

    });

}



// Load all cates for HomePage

function loadGameCateHomePage(cateHomeUrl){

    $.ajax({

        url: cateHomeUrl,

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 5000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var cateName = 'cateXML';

                 var cateID = $(this).find('CateID').text();

                 cateName += cateID;

                 

                 var cateTitle = $(this).find('CateTile').text();

                 var cateLink = $(this).find('CateLink').text();

                 

                 var contentCate;

                 



                 contentCate = '<div style="clear: both; background-color: rgb(33, 32, 33); padding-bottom: 10px;"><div style="background:url(/images/game/bg_cate.jpg) no-repeat; width:149px;height:29px; float:left; padding-bottom:10px;"><div class="textcate textcate_pad"><a href="' + cateLink + '">' + cateTitle + '</a></div></div>'

                 

                 // Sub cate

                 var subCateContent = '<div class="bgSub"></div><a href="' + cateLink + '"><img src="/images/game/xemtiep.jpg" style="float:right;"/></a>';

//                 var lenSubCates = $(this).find('ChildCate').size();

//                 var index = 0;

//                 

//                 $(this).find('ChildCate').each(function(){

//                    index ++;

//                    var subCateName = $(this).find('ChildCateTitle').text();

//                    var subCateLink = $(this).find('ChildCateLink').text();

//                    

//                    subCateContent += '<a href="' + subCateLink + '">' + subCateName + '</a>';

//                    if (index < lenSubCates)

//                    {

//                        subCateContent += '&nbsp;|&nbsp;';

//                    }

//                 });

                 

//                 subCateContent += '</div>';

                 

                 // Add subcates content

                 contentCate += subCateContent; 

                 

                 // Top news of Cate

                 var topCateContent = '';

                 

                 var imgUrl = $(this).find('ImageUrl').text();

                 var articleLink = $(this).find('Link').text();

                 var articleTitle = $(this).find('Title').text();

                 var articleMobileContent = $(this).find('MobileContent').text();                 



                 topCateContent += '<div style="padding:0px 12px; clear:both;">';

                 topCateContent += '<a href="' + articleLink + '"><img src="' + imgUrl + '" class="imgtinhot" height="100px" style="float:left;"></a>';                 

                 topCateContent += '<div class="textxanh" style="float:left; margin-left:20px; width:500px;">';

                 topCateContent += '<a href="' + articleLink + '">' + articleTitle + '</a></p>';

                 topCateContent += '<p class="textnd">' + articleMobileContent + '</p>';

                 topCateContent += '</div></div>';                 

                 

                 // Add top news of Cate

                 contentCate += topCateContent;

                 

                 // Other news of Cate

                 var otherNewsContent = '<div style="clear:both;"><div  class="tinkhac"><ul>';

                 

                 $(this).find('OtherNew').each(function(){

                    var otherID = $(this).find('OtherID').text();

                    var otherLink = $(this).find('OtherLink').text();

                    var otherTitle = $(this).find('OtherTitle').text();

                    var otherImgUrl = $(this).find('OtherImageUrl').text();

                    var otherLead = $(this).find('OtherLead').text();

                    

                    otherNewsContent += '<li><a href="' + otherLink + '">' + otherTitle + '</a></li>';                    

                 });

                 otherNewsContent += '</ul></div></div>';

                 

                 // Add other news

                 contentCate += otherNewsContent;

                 

                 

                 // Add all of content

                 $('#' + cateName).append(contentCate);

            }); //close each(

        }

    });

}



//load Ajax

function loadTop3(){

    $.ajax({

        url: '/XMLFile/focusnews.xml',

        type: 'GET',

        dataType: 'xml',

        cache: false,

        timeout: 3000,

        success: function(xml) {

             var i = 0;

             $(xml).find('Table').each(function(){

                 i++;

                 // Chi hien thi 3 NewsTop dau

                 if (i < 4)

                 {

                    var link = $(this).find('Link').text();

                     var lead = $(this).find('Lead').text();

                     var title = $(this).find('Title').text();

                     var imageUrl = $(this).find('ImageUrl').text();

                     

                     var content = '';

                     content += '<div style="float:left; width:100%; margin-bottom: 5px;" align="left"><a href="'+link+'" class="title_nho_top3">'+title+'</a></div>';

                     content += '<div style="float:left; width: 100%;">';

                     content += '<div style="float:left; width:62%;" class="text">'+lead+'</div>';

                     content += '<div style="float:right; width:34%;"><a href="'+link+'"><img src="'+imageUrl+'" class="imgTop4"></a></div>';

                     content += '</div>';

                     

                     $('<div style="width: 100%;" align="left"></div>')

                         .html(content)

                         .appendTo('#top3');

                         

                     $('<div style="float:left;width:100%;"></div>')

                        .html('<hr size="1" color="#cccccc"/>')

                        .appendTo('#top3');

                 }

            }); //close each(

        }

    });

}



function loadTop4(){

    $.ajax({

        url: '/XMLFile/focusnews.xml',

        type: 'GET',

        dataType: 'xml',

        cache: false,

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var link = $(this).find('Link').text();

                 var lead = $(this).find('Lead').text();

                 var title = $(this).find('Title').text();

                 var imageUrl = $(this).find('ImageUrl').text();

                 

                 var content = '';

                 content += '<div style="float:left; width:100%; margin-bottom: 5px;" align="left"><a href="'+link+'" class="title_nho">'+title+'</a></div>';

                 content += '<div style="float:left; width: 100%;">';

                 content += '<div style="float:left; width:62%;" class="text">'+lead+'</div>';

                 content += '<div style="float:right; width:34%;"><a href="'+link+'"><img src="'+imageUrl+'" class="imgTop4"></a></div>';

                 content += '</div>';

                 

                 $('<div style="width: 100%;" align="left"></div>')

                     .html(content)

                     .appendTo('#top4');

                     

                 $('<div style="float:left;width:100%;"></div>')

                    .html('<hr size="1" color="#cccccc"/>')

                    .appendTo('#top4');

                 

            }); //close each(

        }

    });

}



function loadHotNews(){

    $.ajax({

        url: '/XMLFile/hotnews.xml',

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var link = $(this).find('Link').text();

                 var lead = $(this).find('Lead').text();

                 var title = $(this).find('Title').text();



                 $('<li></li>')

                     .html('<a href="'+link+'" title="'+lead+'" class="tinnong">'+title+'</a>')

                     .appendTo('.listHotNew ul');

            }); //close each(

        }

    });

}



function loadLeftAdv(){

    $.ajax({

        url: '/XMLFile/advleft.xml',

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();



                 $('<li></li>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="139" class="leftAdvImg"></a>')

                     .appendTo('#AdvLeft div ul');

            }); //close each(

        }

    });

}



function loadRightAdv(){

    $.ajax({

        url: '/XMLFile/advright.xml',

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();



                 $('<li></li>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="247" class="rightAdvImg"></a>')

                     .appendTo('#AdvRight div ul');

            }); //close each(

        }

    });

}





function loadRightAdvTop(){

    $.ajax({

        url: '/XMLFile/advrighttop.xml',

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();



                 $('<div style="padding-bottom:4px" valign="top"></div>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="247" class="rightAdvImg"></a>')

                     .appendTo('#AdvRightTop');

            }); //close each(

        }

    });

}



function loadSideAdv(loader, xmlUrl, imgWidth){

    $.ajax({

        url: xmlUrl,

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();



                 $('<li></li>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="'+imgWidth+'" class="rightAdvImg"></a>')

                     .appendTo(loader);

            }); //close each(

        }

    });

}



function loadMainAdv(xmlUrl, divContent) {

    

    $.ajax({

        url: xmlUrl,

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();

                 var advType = $(this).find('advType').text();

                 if(advType=='image')

                 {

                 $('<div></div>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="710" height="75" class="rightAdvImg"></a>')

                     .appendTo(divContent);

                 }

                 else

                 {

                 var fWidth = $(this).find('advWidth').text();

                 var fHeight = $(this).find('advHeight').text();

                  $('<div></div>')

                     .html('<a href="' + advUrl + '" target="_blank"><embed src="' + advUrl + '" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="' + fWidth + '" height="' + fHeight + '" quality="High" wmode="transparent" /></a>')

                     .appendTo(divContent);

                 }

            }); //close each(

        }

    });

}



function loadTopMainAdv(xmlUrl, divContent){

    $.ajax({

        url: xmlUrl,

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             var index = 0;

             var divTopContentIndex;

             

             $(xml).find('Table').each(function(){

                 index += 1;

                 divTopContentIndex = divContent + index.toString();

                 

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();

                 

                 $('<div></div>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="230" height="60" class="rightAdvImg"></a>')

                     .appendTo(divTopContentIndex);

            }); //close each(

        }

    });

}



function loadAdv(xmlUrl,divContent,imgWidth,imgHeight){

    $.ajax({

        url: xmlUrl,

        type: 'GET',

        cache: false,

        dataType: 'xml',

        timeout: 3000,

        success: function(xml) {

             $(xml).find('Table').each(function(){

                 var advUrl = $(this).find('AdvUrl').text();

                 var logoFileName = $(this).find('LogoFileName').text();



                 $('<div></div>')

                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="'+imgWidth+'" height="'+imgHeight+'"></a>')

                     .appendTo(divContent);

            }); //close each(

        }

    });

}



function moveDivMain(mover,num,moverHeigh,moveTimer){

    $(mover).animate({ 

       top:'+='+moverHeigh

    },moveTimer);

    if($(mover).position().top==-moverHeigh*(num-1)){

        $(mover).animate({ 

           top:'+='+moverHeigh

        },moveTimer);

        $(mover).css("top",-moverHeigh*(2*num-1)+"px");

        $(mover).stop();

    }

}



function animateDivMain(mover,xmlUrl,moverHeight,moveTime,totalDelay){

    var num=$(mover+" div").length;

    if(num>1){

        loadMainAdv(xmlUrl,mover);

        $(mover).css("top",-moverHeight*(2*num-1)+"px");

        setInterval("moveDivMain('"+mover+"',"+num+","+moverHeight+","+moveTime+")",totalDelay);

    }

}



function animateDiv(mover,xmlUrl,moverHeight,moverWidth,moveTime,totalDelay){

    var num=$(mover+" div").length;

    if(num>1){

        loadAdv(xmlUrl,mover,moverWidth,moverHeight);

        $(mover).css("top",-moverHeight*(2*num-1)+"px");

        setInterval("moveDivMain('"+mover+"',"+num+","+moverHeight+","+moveTime+")",totalDelay);

    }

}