﻿//alert('');
function showpoint(subjectid, pageid, pointid, template) {
    var arItem = new Array();
    var hexId = Hexa(pointid)
    var sLink = ''
    sLink = '/ListFile/Point/'.concat(hexId.substring(0, 2)).concat('/').concat(hexId.substring(2, 4)).concat('/').concat(hexId.substring(4, 6)).concat('/').concat(hexId.substring(6, 8)).concat('/');
    sLink += Hexa(subjectid) + Right(Hexa(pageid), 4) + '.xml';
    //sLink = "/ListFile/Point/3b9afbdd0000.xml";
    AjaxRequest.get(
		{
		    'url': sLink
		, 'onSuccess': function(req) {
		    with (req.responseXML) {
		        arItem[0] = parseFloat(getNodeValue(getElementsByTagName('O'))).toFixed(1);
		        arItem[1] = parseInt(getNodeValue(getElementsByTagName('P1')));
		        arItem[2] = parseInt(getNodeValue(getElementsByTagName('P2')));
		        arItem[3] = parseInt(getNodeValue(getElementsByTagName('P3')));
		        arItem[4] = parseInt(getNodeValue(getElementsByTagName('P4')));
		        arItem[5] = parseInt(getNodeValue(getElementsByTagName('P5')));
		        arItem[6] = parseInt(getNodeValue(getElementsByTagName('P6')));
		        arItem[7] = parseInt(getNodeValue(getElementsByTagName('P7')));
		        arItem[8] = parseInt(getNodeValue(getElementsByTagName('P8')));
		        arItem[9] = parseInt(getNodeValue(getElementsByTagName('P9')));
		        arItem[10] = parseInt(getNodeValue(getElementsByTagName('P10')));
		        arItem[11] = parseInt(getNodeValue(getElementsByTagName('C')));
		    }
		    gmobj('PointContent' + pointid).innerHTML = getpoint(subjectid, pageid, pointid, arItem);
		}
		, 'onError': function(req) {
		    arItem[0] = '0.0';
		    arItem[1] = 0;
		    arItem[2] = 0;
		    arItem[3] = 0;
		    arItem[4] = 0;
		    arItem[5] = 0;
		    arItem[6] = 0;
		    arItem[7] = 0;
		    arItem[8] = 0;
		    arItem[9] = 0;
		    arItem[10] = 0;
		    arItem[11] = 0;
		    gmobj('PointContent' + pointid).innerHTML = getpoint(subjectid, pageid, pointid, arItem);
		}
		}
	)
}

function getpoint(subjectid, pageid, pointid, arItem) {
    var sHTML = '', iMax = 0, iHeight, iMaxHeight = 56;
    for (var i = 1; i <= 10; i++) {
        if (arItem[i] > iMax) { iMax = arItem[i] };
    }
    sHTML = sHTML += '<div id="PointGeneral' + pointid + '" class="PointSub" style="display:;">';
    sHTML = sHTML += '	<ul class="PointUl">';
    sHTML = sHTML += '		<li class="PointLi">';
    if (arItem[0] == '10.0') { arItem[0] = '10' };
    if (arItem[0] == '0.0') {
        sHTML += '<img src="/Images/Points/None.gif"/>';
    }
    else {
        for (var i = 0; i < arItem[0].length; i++) {
            if (arItem[0].charAt(i) == '.') {
                sHTML += '<img src="/Images/Points/Dot.gif" alt=""/>';
            }
            else {
                sHTML += '<img src="/Images/Points/' + arItem[0].charAt(i) + '.gif" alt=""/>';
            }
            if (i < arItem[0].length - 1) sHTML += ' ';
        }
    }
    sHTML = sHTML += '		</li>';
    sHTML = sHTML += '		<li class="PointLi PointD2">Tổng số: ' + numberFormat(arItem[11], 2, false, false, true) + ' lượt</li>';
    sHTML = sHTML += '	</ul>';
    sHTML = sHTML += '</div>';
    sHTML = sHTML += '<div id="PointDetail' + pointid + '" class="PointSub" style="display:none;text-align:center;">';
    sHTML = sHTML += '	<div style="width:110px;margin:auto;">';
    sHTML = sHTML += '	<div style="float:left;width:110px;">';
    for (var i = 1; i <= 10; i++) {
        if (iMax == 0 || arItem[i] == 0) {
            iHeight = 1;
        } else {
            iHeight = parseInt(iMaxHeight * arItem[i] / iMax);
            if (iHeight == 0) iHeight = 1;
        }
        sHTML = sHTML += '		<div class="flPoint" style="width:9px;height:' + iHeight + 'px;margin-top:' + (iMaxHeight - iHeight) + 'px;background:#850000"></div>';
        if (i < 10) sHTML = sHTML += '		<div class="flPoint" style="width:2px;height:' + iMaxHeight + 'px;"></div>';
    }
    sHTML = sHTML += '	</div>';
    sHTML = sHTML += '	<div style="float:left;width:110px;padding-top:3px;overflow:hidden;">';
    for (var i = 1; i <= 10; i++) {
        sHTML = sHTML += '		<div class="flPoint" style="width:9px;color:#850000;font-size:9px;font-weight:100;">' + i + '</div>';
        if (i < 10) sHTML = sHTML += '		<div class="flPoint" style="width:2px;">&nbsp;</div>';
    }
    sHTML = sHTML += '	</div>';
    sHTML = sHTML += '	</div>';
    sHTML = sHTML += '</div>';
    return sHTML;
}

function submitpoint(sform) {
    open('', sform.name, 'scrollbars=yes,resizeable=no,locationbar=no,width=500px,height=250px,left='.concat((screen.width - 500) / 2).concat(',top=').concat((screen.height - 250) / 2));
    //sform.action = '/User/Point/Default.Aspx';
    sform.action = '/User/Point/Default.Aspx';
    sform.submit();
}

