function checkScroll(){
    if(isScroll == 0){
        //Start Scroll
	    isScroll = 1;
	    //load tooltip for scroll
        mtop = 170;
        mleft = 20; 
	    //load config for scroll
        $("#dvContentMain").addClass('scroll');
        //Set Height MainContent for scroll
        FixHeight();
        resizeHead();
        //Start Scroll
	    startScroll();
	    //Chang setting to EndScroll	    
        $("#spScroll").html("[" + lg.EndScroll + "]");        
    }
    else{        
        isScroll = 0;
        mtop = 20;
        mleft = 20;
        FixHeight();
        resizeHead();
        $("#dvHeader").width('100%');
        $("#spScroll").html("[" + lg.BegScroll + "]");
        $("#dvContentMain").removeClass('scroll');
    }
};

function resizeHead(){
    if(document.all)
        $('#dvHeader').width($('#dvContentMain').innerWidth() - 16);
    else
        $('#dvHeader').width($('#dvContentMain').innerWidth() - 18);
};

function loadOption(){
    var top = $(window).height();
    var left = $(window).width();
    //Show option add Tick to top
    showOption(top/2.5, left/3);
};
function showOption(ptop, pleft){ 
    //Set style div option  
    $("#dvOverlayOption").css('top', ptop);        
    $("#dvOverlayOption").css('left', pleft);
    $("#dvOverlayOption").width(pleft);
    $("#dvOverlayOption").css('font-weight', 'bold');
    loadOptionConfig(); 
    $("#dvOverlayOption").show();
};

function hideOption(){
    $("#dvOverlayOption").hide();    
};

function clearOption(){
    mstrHeader = "";
    $('input').attr('checked', false);
    deleteCookie('AddTop'); 
};

function acceptOption(){
    hideOption();
    var arrChk = $("input:checked");    
    if(arrChk.length >0){
        var str = "";
        for(var i=0; i< arrChk.length; i++){
            var id = $(arrChk[i]).attr('id');
            str += id.replace('chk','') + '|';
        }
        if(str != mstrHeader){
            deleteCookie('AddUCTop'); 
            mstrHeader = str;
            setCookie('AddUCTop', mstrHeader, 3);            
        }        
    }
    else{        
        deleteCookie('AddUCTop');
    }
    location.reload();
};

function loadOptionConfig(){
    //Num tick in row
    var count = 5;
    var sb = new strbuilder();
    //Gen content show in div option
    sb.append("<div class='dlhead'>" + lg.AddTop + "</div>");
    sb.append("<div>");
    if(arrManager.length >0){
        sb.append("<table style='width:100%;' frame='box' cellspacing='0' cellpadding='0' border ='0'>");
        sb.append("<tr>");
        for(var i=0; i<arrManager.length; i++){
            if(i % count ==0 && i>0)
                sb.append("</tr><tr>");
            if(mstrHeader.indexOf(arrManager[i]._stockSymbol) != -1)
                sb.append("<td><input type='checkbox' checked=true id='chk" + arrManager[i]._stockSymbol + "' style='vertical-align:middle'/>" + arrManager[i]._stockSymbol + "</td>");
            else
                sb.append("<td><input type='checkbox' id='chk" + arrManager[i]._stockSymbol + "' style='vertical-align:middle'/>" + arrManager[i]._stockSymbol + "</td>");
        }        
        sb.append("</tr>");
        sb.append("</table>");
    }
    sb.append("</div>");
    sb.append("<div class='edd center' style='height: 20px;'>");
    sb.append("<label onclick = 'clearOption()' class='point'>[" + lg.ClearCheck + "]</label>&nbsp;&nbsp;&nbsp;");
    sb.append("<label onclick = 'acceptOption()' class='point'>[" + lg.Accept + "]</label>&nbsp;&nbsp;&nbsp;");
    sb.append("<label onclick = 'hideOption()' class='point'>[" + lg.Close + "]</label>");
    sb.append("</div>");
    //Add to HTML
    $("#dvOverlayOption").html(sb.toString());
};