// ==================================================================
// 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();

                 $('<div></div>')
                     .html('<a href="'+advUrl+'" target="_blank"><img src="'+logoFileName+'" width="710" height="75" class="rightAdvImg"></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);
    }
}