﻿
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//Specify initial pause before scrolling in milliseconds
var initPause=1000
//Specify start with Full(1)or Empty(0) Marquee
var full=1
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Specify Break characters for IE as the two iterations
//of the marquee, if text, will be too close together in IE
var iebreak='<p></p>'

//Specify the marquee's content



////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, cross_marquee2, ns_marquee

//////////////kngoc
var countUserControl = 0;
///////////////////////////
function populate(width,height,userControlClientId){
var marqueewidth = width+"px";
var marqueeheight = height+"px";
if (iedom){
var lb=document.getElementById&&!document.all? '' : iebreak
cross_marquee=document.getElementById? document.getElementById("iemarquee"+userControlClientId) : document.all.iemarquee
cross_marquee2=document.getElementById? document.getElementById("iemarquee2"+userControlClientId) : document.all.iemarquee2
cross_marquee.style.top=(full==1)? '8px' : parseInt(marqueeheight)+8+"px"
cross_marquee2.innerHTML=marqueecontent + lb +lb + "<br/>"+"<br/>"
cross_marquee.innerHTML=marqueecontent +lb +lb + "<br/>"+"<br/>"
actualheight=cross_marquee.offsetHeight

cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px" //indicates following #1
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=parseInt(marqueeheight)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}

//var ham = "scrollmarquee(" + "200px" + ",50px)";  //"scrollmarquee()"
setTimeout('lefttime=setInterval("scrollmarquee()",40)',initPause)

}

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)<(actualheight*(-1)+8))
cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight+8)+"px"
if (parseInt(cross_marquee2.style.top)<(actualheight*(-1)+8))
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+8)+"px"
cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px"
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
}

else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=parseInt(marqueeheight)+8
}

}
/*
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:50px;top:50px;width:100%;">')
write('</div><div id="iemarquee2" style="position:absolute;left:50px;top:50px;width:100%;z-index:100;background:white;">')
write('</div></div>')

}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
*/
function CreateDivElement(width,height,xPos,yPos,parentOfUserControl,userControlClientID)
{
    var marqueewidth = width +"px";
    var marqueeheight = height+"px";
    var x = xPos + "px";
    var y = yPos + "px";
    var holder = document.createElement('div');
    holder.setAttribute('id','holder'+userControlClientID);
    holder.style.cssText = 'position:relative;width:' + /*"position:absolute;left:"+ x +";top:"+ y +";width:"+*/marqueewidth + ';height:' + marqueeheight + ';overflow:hidden;background:#F4F4F4;';   
    
    var marqueeDiv = document.createElement('div');
    marqueeDiv.setAttribute('id','iemarquee'+userControlClientID); //tao id cho marquee bang cach cong them id cua usercontrol va iemarquee
    marqueeDiv.style.cssText = "position:absolute;left:"+ x +";top:"+ y +";width:100%";

    
    var marquee2Div = document.createElement('div');
    marquee2Div.setAttribute('id','iemarquee2'+userControlClientID);
    marquee2Div.style.cssText = "position:absolute;left:" + x + ";" + "top:" + y + ";width:100%;z-index:100;background:#F4F4F4;";

    RegisterMouseEvent(marqueeDiv,marquee2Div);
    
    holder.appendChild(marqueeDiv);
    holder.appendChild(marquee2Div);
  //  document.body.appendChild(holder);
   //document.getElementById('ScrollArea').appendChild(holder);
   if(parentOfUserControl != null)
    parentOfUserControl.appendChild(holder);
}

//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
    function LoadMarquee(userControlClientID)
    {      
 
       // var marqueecontent='1<br/>2<br/>3<br/>4<br/>5<br/>6<br/>7<br/>8<br/>9<br/>0<br/>';
        //Specify the marquee's width (in pixels)
        var marqueewidth=180;
        //Specify the marquee's height
        var marqueeheight=200;
        
        var xPos = 0;
        var yPos = 0;

        var parentOfUserControl = document.getElementById('_ScrollText');
        if(parentOfUserControl != null)
        {
            CreateDivElement(marqueewidth,marqueeheight,xPos,yPos,parentOfUserControl,userControlClientID); 
            populate(marqueewidth,marqueeheight,userControlClientID);
        }
    }

//dang ky su kien mouse over va mouse out cho cac marque
function RegisterMouseEvent(marqueeDiv,marquee2Div)
{
    marqueeDiv.onmouseover=function(){ copyspeed=pausespeed;}
    marqueeDiv.onmouseout =function(){ copyspeed=marqueespeed;}
    
    marquee2Div.onmouseover=function(){ copyspeed=pausespeed;}
    marquee2Div.onmouseout =function(){ copyspeed=marqueespeed;}
} 

