//begin va
var obj;
var sIdTS, sNameTS, sPathTS;
var arItemTS = new Array()
var sLink = '0.xml';
if (RelatedFolder == 12 || RelatedFolder == 13 || RelatedFolder == 14)
    RelatedFolder = 11;
else if (RelatedFolder == 16 || RelatedFolder == 17 || RelatedFolder == 18)
    RelatedFolder = 15;
else if (RelatedFolder == 20 || RelatedFolder == 21 || RelatedFolder == 22)
    RelatedFolder = 19;
else if (RelatedFolder == 24 || RelatedFolder == 25)
    RelatedFolder = 23;
else if (RelatedFolder == 3 || RelatedFolder == 4 || RelatedFolder == 5)
    RelatedFolder = 2;
else if (RelatedFolder == 7 || RelatedFolder == 8 || RelatedFolder == 9 || RelatedFolder == 10)
    RelatedFolder = 6;
else if (RelatedFolder == 28 || RelatedFolder == 29 || RelatedFolder == 30 || RelatedFolder == 31)
RelatedFolder = 27;
var FolderId = RelatedFolder;
var DelayId;
var t, t1, t2;
var MNSStemp = 'MNSS1';
var indexPicItem = 0;
var maxindexPicItem = 0;
var arrItempic = new Array();
var autochangepic;
var rightOpacity1 = 1;
var rightOpacity2 = 100;
//end var
//slide show for home stopstory
var slideShowObj = function(arrdiv, arrdiv2) {
    l = 0;
    w = -99;
    l1 = 0;
    w1 = 99;
    var a;
    var b;
    var c;
    ts_i = 0;
    j = 1;
    var arrcount = arrdiv.length;
    //alert(arrcount)
    var j1;
    var lock = false;
    var lock1 = false;
    this.move = function() {
        try {
var agent=navigator.userAgent;
            if(agent.indexOf('iPhone')>0){
l += 99;
            w += 99;
}
else{
l += 20;
            w += 20;
}
            //div image slide
            document.getElementById(arrdiv[ts_i]).style.left = l + "px";
            document.getElementById(arrdiv[j]).style.left = w + "px";
            //div title,shortLead slide
            document.getElementById(arrdiv2[ts_i]).style.left = l + "px";
            document.getElementById(arrdiv2[j]).style.left = w + "px";
            lock = true;
            if (l >= 99) {
                window.clearInterval(this.a);
                document.getElementById(arrdiv[ts_i]).style.left = "-99px";
                document.getElementById(arrdiv2[ts_i]).style.left = "-99px";
                document.getElementById(arrdiv[j]).style.left = "0px";
                document.getElementById(arrdiv2[j]).style.left = "0px";
                ts_i = ts_i + 1;
                if (ts_i == arrcount) {
                    ts_i = 0;
                }
                if (ts_i < arrcount - 1) {
                    j = ts_i + 1;
                }
                else if (ts_i == arrcount - 1) {
                    j = 0
                }
                l = 0;
                w = -99;
                //b=setTimeout("a=setInterval('move()',20)",5000);
                obj.b = setTimeout("obj.a=setInterval('obj.move()',30)", 10000);
                lock = false;
            }
        } catch (err) { return; }
    }
    this.callMove2 = function() {
        if (lock1 == true) {
            return false;
        }
        this.clearMove();
        if (ts_i <= arrcount - 2) {
            j = ts_i + 1;
        }
        else {
            j = 0;
        }
        obj.b = setTimeout("obj.a=setInterval('obj.move()',20)", 10);
        lock1 = true;
        setTimeout('obj.openlock()', 1000);
    }
    this.clearMove = function() {
        clearInterval(obj.a);
        clearTimeout(obj.b);
    }
    this.openlock = function() {
        lock1 = false;
    }
    this.callMove1 = function() {
        if (lock1 == true) {
            return false;
        }
        if (lock == false) {
            this.clearMove();
            if (ts_i > 0) {
                j1 = ts_i - 1;
            }
            else if (ts_i == 0) {
                j1 = arrcount - 1
            }
            //obj.c = setInterval('obj.move1()', 20);
            obj.c = setInterval('obj.move1()', 25);
            //alert('');
        }
        lock1 = true;
        setTimeout('obj.openlock()', 1000);
    }
    this.move1 = function() {
        l1 -= 20;
        w1 -= 20;
        lock = true;
        //div image slide
        document.getElementById(arrdiv[ts_i]).style.left = l1 + "px";
        document.getElementById(arrdiv[j1]).style.left = w1 + "px";
        //div title,shortLead slide
        document.getElementById(arrdiv2[ts_i]).style.left = l1 + "px";
        document.getElementById(arrdiv2[j1]).style.left = w1 + "px";
        if (l1 <= -99) {
            document.getElementById(arrdiv[j1]).style.left = "0px";
            document.getElementById(arrdiv2[j1]).style.left = "0px";
            clearInterval(this.c);
            ts_i = ts_i - 1;
            if (ts_i < 0) {
                ts_i = arrcount - 1;
            }
            l1 = 0;
            w1 = 99;
            this.callMove();
            lock = false;
        }
    }
    this.callMove = function() {
        if (ts_i < arrcount) {
-1
            j = ts_i + 1;
        }
        else if (ts_i == arrcount - 1) {
            j = 0
        }
        //b=setTimeout("a=setInterval('move()',10)",5000);
        obj.b = setTimeout("obj.a=setInterval('obj.move()',20)", 5000);
    }
    this.refobj = function(refobj) {
        obj = refobj;
    }
}
function createHTML(arItemTS) {
    //alert(arItemTS);
    iTSCount = arItemTS.length - 1;
    var sHTML = '';
    var arrdiv = new Array();
    var arrdiv2 = new Array();
    for (var i = 0; i <= iTSCount; i++) {
        arrdiv[i] = "div" + i;
        arrdiv2[i] = "div_" + i;
    }
    sHTML = sHTML.concat('<div class="HomeTopStoryBorder HomeTopStoryBorder1"></div>');
    sHTML = sHTML.concat('<div class="HomeTopStoryBorder HomeTopStoryBorder2"></div>');
    sHTML = sHTML.concat('<div class="HomeTopStoryBorder HomeTopStoryBorder3"></div>');
    sHTML = sHTML.concat('<div class="HomeTopStoryBorder HomeTopStoryBorder4"></div>');
    sHTML = sHTML.concat('<div id="imgButton"></div>');
    sHTML = sHTML.concat('<div id="div0"><a href="' + arItemTS[0][5] + '" title="' + arItemTS[0][2] + '"><img src="' + arItemTS[0][1] + arItemTS[0][4] + '" alt="' + arItemTS[0][2] + '" width="99" height="100" class="STSimg" /></a></div>');
    for (var i = 1; i <= iTSCount; i++) {
        sHTML = sHTML.concat('	<div class="divImgTS" id="div' + i + '"><a href="' + arItemTS[i][5] + '" title="' + arItemTS[i][2] + '"><img src="' + arItemTS[i][1] + arItemTS[i][4] + '" alt="' + arItemTS[i][2] + '" width="99" height="100" class="STSimg" /></a></div>');
    }
    sHTML = sHTML.concat('	<div id="div_0"><div class="STSdiv1"><a href="' + arItemTS[0][5] + '" onfocus="this.blur();" title="' + arItemTS[0][2] + '">' + arItemTS[0][2] + '</a></div>');
    sHTML = sHTML.concat(' <div>' + arItemTS[0][3] + '</div>');
    sHTML = sHTML.concat(' </div>')
    for (var i = 1; i <= iTSCount; i++) {
        sHTML = sHTML.concat('	<div class="divContTS" id="div_' + i + '"><div class="divTitleTS"><a href="' + arItemTS[i][5] + '" onfocus="this.blur();" title="' + arItemTS[i][2] + '">' + arItemTS[i][2] + '</a></div>');
        sHTML = sHTML.concat(' <div>' + arItemTS[i][3] + '</div>');
        sHTML = sHTML.concat(' </div>')
    }
    document.getElementById("divTS").innerHTML = sHTML;
    slideShowObj1 = new slideShowObj(arrdiv, arrdiv2);
    slideShowObj1.b = setTimeout("slideShowObj1.a=window.setInterval('slideShowObj1.move()',20)", 10000);
    slideShowObj1.refobj(slideShowObj1);
    //iTSCur=0;
}
function getNodeValue(o) {
    try {
        return o.item(0).firstChild.nodeValue;
    }
    catch (err) {
        return '';
    }
}
function displayid(id, add) {
    if (typeof (add) == 'undefined') add = true;
    if (sLoDID.indexOf(id) <= 0) {
        if (add) sLoDID = sLoDID.concat(id).concat(',');
        return true;
    }
    else {
        return false;
    }
}
//end 
//begin javascript for menu
function setFolderDefault() {
    if (FolderId == 10000) {
        FolderId = 1;
        flagOtherFolder = false;
        // 
    } else if (FolderId != 15 && FolderId != 11 && FolderId != 6 && FolderId != 23 && FolderId != 2 && FolderId != 19 && FolderId != 27) {
        FolderId = 1;
        flagOtherFolder = false;
    }
    document.getElementById(FolderId).className = 'menuActive' + FolderId + '_' + FolderId;
    writeSubmenu(FolderId);
}
function changeStyle(id) {
    if (id == DelayId) {
        clearTimeout(t);
        clearTimeout(t1);
    }
    if (id != FolderId) {
try
        {
clearTimeout(t);
if (id == 11 || id == 15 || id == 19) {
gmobj("divMobile").style.display = "none";
} else {
gmobj("divMobile").style.display = "";
}
document.getElementById(FolderId).className = 'menuDefault' + FolderId;
document.getElementById(id).className = 'menuActive' + id + '_' + id;
writeSubmenu(id);
}
        catch(err)
{
writeSubmenu(1);
        }
    }
    else {
        if (DelayId != null)
        document.getElementById(DelayId).className = 'menuDefault' + DelayId;
        document.getElementById(id).className = 'menuActive' + id + '_' + id;
        writeSubmenu(id);
    }
}
//end javascript
/*
show picture slide right
*/
imagescroller.prototype.initialize = function() {
    var scrollerinstance = this
    scrollerinstance.initdivpos()
}
imagescroller.prototype.initdivpos = function() {
    var iCur, iPre, iMax;
    iMax = this.imgList.length > this.maxitemshow ? this.maxitemshow : this.imgList.length;
    for (var i = 0; i < iMax; i++) {
        iCur = i + this.curindex < this.imgList.length ? i + this.curindex : 0 - (this.imgList.length - (i + this.curindex))
        iPre = iCur - 1 >= 0 ? iCur - 1 : this.imgList.length - 1
        if (i == 0) {
            document.getElementById(this.tickerid + iCur).style.left = '0px';
        } else if (i == iMax - 1) {
            if (this.curindex > 0) {
                document.getElementById(this.tickerid + (this.curindex - 1)).style.left = (parseInt(document.getElementById(this.tickerid + this.curindex).style.left) - document.getElementById(this.tickerid + (this.curindex - 1)).offsetWidth - this.space) + 'px';
            }
            else {
                document.getElementById(this.tickerid + (this.imgList.length - 1)).style.left = (parseInt(document.getElementById(this.tickerid + this.curindex).style.left) - document.getElementById(this.tickerid + (this.imgList.length - 1)).offsetWidth - this.space) + 'px';
            }
        } else {
            document.getElementById(this.tickerid + iCur).style.left = (parseInt(document.getElementById(this.tickerid + iPre).style.left) + document.getElementById(this.tickerid + iPre).offsetWidth + this.space) + 'px';
        }
    }
}
imagescroller.prototype.scrollright = function() {
    var scrollerinstance = this;
    if (0 - parseInt(document.getElementById(this.tickerid + this.curindex).style.left) > document.getElementById(this.tickerid + this.curindex).offsetWidth) {
        this.curindex = this.curindex + 1 >= this.imgList.length ? 0 : this.curindex + 1;
        scrollerinstance.initdivpos()
        if (this.autoscroll == 1) {
            this.autoitem = setTimeout(function() { scrollerinstance.scrollright() }, this.autodelay);
        }
    }
    else {
        setTimeout(function() { scrollerinstance.moveright() }, this.movedelay);
    }
}
imagescroller.prototype.moveright = function() {
    var iMax = this.imgList.length > this.maxitemshow ? this.maxitemshow : this.imgList.length;
    for (var i = 0; i < iMax; i++) {
        var iCur = i + this.curindex < this.imgList.length ? i + this.curindex : 0 - (this.imgList.length - (i + this.curindex));
        if (i == iMax - 1) {
            if (this.curindex > 0) {
                document.getElementById(this.tickerid + (this.curindex - 1)).style.left = (parseInt(document.getElementById(this.tickerid + (this.curindex - 1)).style.left) - this.movestep) + 'px';
            }
            else {
                document.getElementById(this.tickerid + (this.imgList.length - 1)).style.left = (parseInt(document.getElementById(this.tickerid + (this.imgList.length - 1)).style.left) - this.movestep) + 'px';
            }
        } else {
            document.getElementById(this.tickerid + iCur).style.left = (parseInt(document.getElementById(this.tickerid + iCur).style.left) - this.movestep) + 'px';
        }
    }
    var scrollerinstance = this;
    setTimeout(function() { scrollerinstance.scrollright() }, this.movedelay);
}
imagescroller.prototype.scrollleft = function() {
    var scrollerinstance = this;
    var iPre = this.curindex - 1 >= 0 ? this.curindex - 1 : this.imgList.length - 1
    if (parseInt(document.getElementById(this.tickerid + iPre).style.left) > 0) {
        this.curindex = this.curindex - 1 >= 0 ? this.curindex - 1 : this.imgList.length - 1;
        scrollerinstance.initdivpos()
        if (this.autoscroll == 1) {
            this.autoitem = setTimeout(function() { scrollerinstance.scrollleft() }, this.autodelay);
        }
    }
    else {
        setTimeout(function() { scrollerinstance.moveleft() }, this.movedelay);
    }
}
imagescroller.prototype.moveleft = function() {
    var iMax = this.imgList.length > this.maxitemshow ? this.maxitemshow : this.imgList.length;
    for (var i = 0; i < iMax; i++) {
        var iCur = i + this.curindex < this.imgList.length ? i + this.curindex : 0 - (this.imgList.length - (i + this.curindex));
        if (i == iMax - 1) {
            if (this.curindex > 0) {
                document.getElementById(this.tickerid + (this.curindex - 1)).style.left = (parseInt(document.getElementById(this.tickerid + (this.curindex - 1)).style.left) + this.movestep) + 'px';
            }
            else {
                document.getElementById(this.tickerid + (this.imgList.length - 1)).style.left = (parseInt(document.getElementById(this.tickerid + (this.imgList.length - 1)).style.left) + this.movestep) + 'px';
            }
        } else {
            document.getElementById(this.tickerid + iCur).style.left = (parseInt(document.getElementById(this.tickerid + iCur).style.left) + this.movestep) + 'px';
        }
    }
    var scrollerinstance = this;
    setTimeout(function() { scrollerinstance.scrollleft() }, this.movedelay);
}
imagescroller.prototype.handlePress = function(type) {
    this.autoscroll = 1;
    var scrollerinstance = this;
    if (type == 0) {
        scrollerinstance.scrollleft();
    }
    else {
        scrollerinstance.scrollright();
    }
}
imagescroller.prototype.handleRelease = function(i) {
    this.autoscroll = 0;
    clearTimeout(this.autoitem);
}
function imagescroller(imgList, title, arrId, divId, width, space, id, type) {
    this.tickerid = divId;
    this.space = space;
    this.maxitemshow = imgList.length;
    this.curindex = 0;
    this.autoscroll = 0;
    this.movestep = 8; //-15
    this.movedelay = 10;
    this.autodelay = 10;
    var iLen = imgList.length;
    while (imgList.length < this.maxitemshow) {
        var ol = imgList.length;
        for (var i = 0; i < iLen; i++) {
            imgList[ol + i] = imgList[i];
        }
    }
    this.imgList = imgList;
    var sHTML = "";
    sHTML += '<table cellspacing=0 cellpadding=0 border=0 width="100%">';
    sHTML += '<tr>';
    sHTML += '<td colspan=3 width=100%>';
    sHTML += '<div id="' + divId + '" style="position:relative;overflow:hidden;width=100%;height:45px;">';
    for (var i = 0; i < imgList.length; i++) {
        sHTML += '<div style="position: absolute;cursor:pointer;left:-500px;border:0px solid #D5D9DC;" id="' + divId + i + '"><img src="' + imgList[i] + '" width=50px height=35px onclick="setItemPic(\'' + title[i] + '\',' + arrIdpic[i] + ')"></div>';
    }
    sHTML += '</div>';
    sHTML += '</td>';
    sHTML += '</tr>';
    sHTML += '<tr>';
    sHTML += '<td style="cursor:pointer;" onMouseDown="' + divId + '.handlePress(0);return true;" onMouseUp="' + divId + '.handleRelease();return true;" onMouseOut="' + divId + '.handleRelease();return true;" onClick="return false;">';
    sHTML += '<img src="/Images/Poster/qc_anh_left.gif">';
    sHTML += '</td>';
    sHTML += '<td class="anhdivcocenter"></td>';
    sHTML += '<td style="cursor:pointer;" onMouseDown="' + divId + '.handlePress(1);return true;" onMouseUp="' + divId + '.handleRelease();return true;" onMouseOut="' + divId + '.handleRelease();return true;" onClick="return false;">';
    sHTML += '<img src="/Images/Poster/qc_anh_right.gif">';
    sHTML += '</td>';
    sHTML += '</tr>';
    sHTML += '</table>';
    document.getElementById('right3').innerHTML = sHTML;
    var scrollerinstance = this;
    if (window.addEventListener)
        window.addEventListener("load", function() { scrollerinstance.initialize() }, false);
    else if (window.attachEvent)
        window.attachEvent("onload", function() { scrollerinstance.initialize() });
    else if (document.getElementById)
        setTimeout(function() { scrollerinstance.initialize() }, 100);
    //scrollerinstance.initialize();
    //scrollerinstance.handlePress(1);
    //scrollerinstance.handlePress(0);
    //scrollerinstance.handleRelease();	
    setItemPic(title[0], arrIdpic[0]);
}
function setItemPic(title, id) {
    document.getElementById('right5').innerHTML = title;
    LoadXMLShowItemPic('/listfile/poster/item/' + topicId + '_' + id + '.xml');
}
function changeItemPic(i) {
    clearTimeout(autochangepic);
    document.getElementById("showpic").style.opacity = 1;
    document.getElementById("showpic").style.filter = "alpha(opacity:100)";
    rightOpacity1 = 1;
    rightOpacity2 = 100;
    indexPicItem += i;
    if (indexPicItem == maxindexPicItem) {
        indexPicItem = 0;
    }
    else if (indexPicItem < 0) {
        indexPicItem = maxindexPicItem - 1;
    }
    document.getElementById("itempic").src = arrItempic[indexPicItem][0];
    autochangepic = setTimeout('intervalchangeItemPic()', 5000);
}
function itempicopen() {
    if ([indexPicItem][1] != null)
        location.href = arrItempic[indexPicItem][1];
}
function intervalchangeItemPic() {
    if (rightOpacity1 > 0 && rightOpacity2 > 0) {
        rightOpacity1 -= 0.1;
        rightOpacity2 -= 10;
        document.getElementById("showpic").style.opacity = rightOpacity1;
        document.getElementById("showpic").style.filter = "alpha(opacity:" + rightOpacity2 + ")";
        setTimeout('intervalchangeItemPic()', 50);
    }
    else
        changeItemPic(1);
}
function LoadXMLShowPicture(fileXML) {
    var sIdTS;
    var arItemTS = new Array()
    var sLink = fileXML;
    AjaxRequest.get(
{
    'url': sLink
    , 'onSuccess': function(req) {
        if (req.responseXML.getElementsByTagName('Topic').length > 0) {
            with (req.responseXML.getElementsByTagName('Topic').item(0)) {
                sIdTS = getNodeValue(getElementsByTagName('ID'));
            }
        }
        var iCount = 0;
        for (var i = 0; i < req.responseXML.getElementsByTagName('Item').length; i++) {
            with (req.responseXML.getElementsByTagName('Item').item(i)) {
                arItemTS[iCount] = new Array(3);
                arItemTS[iCount][0] = getNodeValue(getElementsByTagName('tID'));
                arItemTS[iCount][1] = getNodeValue(getElementsByTagName('tPath'));
                arItemTS[iCount][2] = getNodeValue(getElementsByTagName('tTitle'));
                iCount++;
            }
        }
        //objshowpic=arItemTS;
        topicId = sIdTS;
        for (var i = 0; i < arItemTS.length; i++) {
            arrSImage42[i] = arItemTS[i][1];
            arrtitle[i] = arItemTS[i][2];
            arrIdpic[i] = arItemTS[i][0];
        }
        showPicture = new imagescroller(arrSImage42, arrtitle, arrIdpic, "showPicture", "290px", 2, 42, 0);
        iReadStep = 2;
    }
    , 'onError': function(req) {
        gmobj('tdTopStory').innerHTML = req.statusText;
        iReadStep = 2;
    }
}
)
}
function LoadXMLShowItemPic(fileXML) {
    //alert(fileXML);
    var arItemTS = new Array()
    var sLink = fileXML;
    AjaxRequest.get(
{
    'url': sLink
    , 'onSuccess': function(req) {
        var iCount = 0;
        for (var i = 0; i < req.responseXML.getElementsByTagName('Item').length; i++) {
            with (req.responseXML.getElementsByTagName('Item').item(i)) {
                arItemTS[iCount] = new Array(3);
                //arItemTS[iCount][0] = getNodeValue(getElementsByTagName('pID'));
                arItemTS[iCount][0] = getNodeValue(getElementsByTagName('pPath'));
                arItemTS[iCount][1] = getNodeValue(getElementsByTagName('sPath'));
                iCount++;
            }
        }
        arrItempic = arItemTS;
        document.getElementById("itempic").src = arItemTS[0][0];
        maxindexPicItem = arItemTS.length;
        indexPicItem = 0;
        clearTimeout(autochangepic);
        autochangepic = setTimeout('intervalchangeItemPic()', 5000);
        iReadStep = 2;
        //setRe(arItemTS);
        //return "test";
    }
    , 'onError': function(req) {
        //gmobj('tdTopStory').innerHTML=req.statusText;
        iReadStep = 2;
    }
}
)
}
//end slide show right