﻿
function Box_MTCV(instanceName)
{
    this.host = 'http://bandocviet.kenh14.channelvn.net';
    //this.host = 'http://localhost:1570';
    this.style_object = null;
    this.script_object = null;
    this.instance_name = instanceName;
    
     this.InitScript = function()
    {
        var div_control = document.getElementById('k14_div_mtcv');
        if(div_control!=null)
        {
            var str='';

            str+='<div style="width: 722px; height: 70px; background-image: url(\/Images\/boxmtcv\/338x70_r1_c1.jpg);background-repeat: no-repeat; overflow:hidden">';
            str+='        <div style="width: 320px; height: 56px; padding: 7px; float: left; overflow:hidden">';
            str+='            <div style="width: 320px; height: 56px;" id="mtcv_content">';
            
            str+='            <\/div>';
            str+='        <\/div>';
            str+='        <div style="width: 384px; float: left" id="flashK14mtcv">';
            str+='        <\/div>';
            str+='    <\/div>';


            
            div_control.innerHTML = str;
        }
    }
    
    this.LoadData = function()
    {
        this.CreateScriptObject(this.host + '/ProxyHandler.ashx?MethodName=GenMTCV&CallBack=' + this.instance_name + '.RenderBoxMTCVTo&RequestType=json&tap=1');
    }

    this.RenderBoxMTCVTo = function(data, methodName)
    {
        var json = eval(data);
        
        var str = '';
        
        str+='                <div style="width: 56px; height: 56px; float: left; border: solid 1px #0F428A; background-color: #669468; cursor: pointer" onclick="javascript:window.open(\'http://muitencauvong.kenh14.vn/default.aspx?mode=truyen&utm_source=kenh14&utm_medium=banner&utm_content=KM&utm_campaign=boxmtcvk14\')">';
        str+='                    <div style="margin: 1px">';
        str+='                        <img src="http://muitencauvong.kenh14.channelvn.net:8080/'+json.NewsItems[0].Image+'" alt="" width="54" height="54" \/><\/div>';
        str+='                <\/div>';
        str+='                <div style="width: 262px; height: 56px; float: left; overflow:hidden;">';
        str+='                    <div style="width: 262px; height: 20px; cursor: pointer"  onclick="javascript:window.open(\'http://kenh14.vn\')">';
        str+='                    <\/div>';
        str+='                    <div style="width: 262px;margin-top:0px; height: 30px; cursor: pointer; font-family: Verdana;font-weight: bold; font-size: 14px; color: #FCFBF9;" align="center" onclick="javascript:window.open(\'http://muitencauvong.kenh14.vn/default.aspx?mode=truyen&utm_source=kenh14&utm_medium=banner&utm_content=KM&utm_campaign=boxmtcvk14\')">'+json.NewsItems[0].Title;
        str+='                    <\/div>';
        str+='                <\/div>';
        
        document.getElementById('mtcv_content').innerHTML = str;
        
    }

    this.CreateScriptObject = function(src)
    {
        if (this.script_object != null)
	    {
		    this.RemoveScriptObject();
	    }
    	
	    this.script_object = document.createElement('script');

        this.script_object.setAttribute('type','text/javascript');
        this.script_object.setAttribute('src', src);
        
        var head = document.getElementsByTagName('head')[0];
        head.appendChild(this.script_object);
    }

    this.RemoveScriptObject = function()
    {
	    this.script_object.parentNode.removeChild(this.script_object) ;
	    this.script_object = null ;
    }
}

var br = new Box_MTCV('br');
br.InitScript();
br.LoadData();
