function ChangeImage(bTrue,obj,i) {

if(bTrue==true)
{
    switch(i)
        {
            case 1:
            obj.style.backgroundImage="url('module_12.jpg')";
            break;
            case 2:
            obj.style.backgroundImage="url('module_22.jpg')";
            break;
            case 3:
            obj.style.backgroundImage="url('module_32.jpg')";
            break;
            case 4:
            obj.style.backgroundImage="url('module_42.jpg')";
            break;
            case 5:
            obj.style.backgroundImage="url('module_52.jpg')";
            break;
            
            case 11:
            obj.style.backgroundImage="url('y11.jpg')";
            break;
            case 12:
            obj.style.backgroundImage="url('y21.jpg')";
            break;
            case 13:
            obj.style.backgroundImage="url('y31.jpg')";
            break;
            case 14:
            obj.style.backgroundImage="url('y41.jpg')";
            break;
            case 15:
            obj.style.backgroundImage="url('y51.jpg')";
            break;
            
            
             case 21:
            obj.style.backgroundImage="url('PresetGo.jpg')";
            break;
             case 22:
            obj.style.backgroundImage="url('PresetAdd.jpg')";
            break;
             case 23:
            obj.style.backgroundImage="url('PresetDel.jpg')";
            break;
             case 24:
            obj.style.backgroundImage="url('CruiseStart.jpg')";
            break;
             case 25:
            obj.style.backgroundImage="url('CruiseStop.jpg')";
            break;
             case 26:
            obj.style.backgroundImage="url('CruiseEdit.jpg')";
            break;
            
            
            
        }

  }
  else
  {
    switch(i)
        {
            case 1:
            obj.style.backgroundImage="url('module_1.jpg')";
            break;
            case 2:
            obj.style.backgroundImage="url('module_2.jpg')";
            break;
            case 3:
            obj.style.backgroundImage="url('module_3.jpg')";
            break;
            case 4:
            obj.style.backgroundImage="url('module_4.jpg')";
            break;
            case 5:
            obj.style.backgroundImage="url('module_5.jpg')";
            break;
            
             case 11:
            obj.style.backgroundImage="url('y1.jpg')";
            break;
            case 12:
            obj.style.backgroundImage="url('y2.jpg')";
            break;
            case 13:
            obj.style.backgroundImage="url('y3.jpg')";
            break;
            case 14:
            obj.style.backgroundImage="url('y4.jpg')";
            break;
            case 15:
            obj.style.backgroundImage="url('y5.jpg')";
            break;
            
             case 21:
            obj.style.backgroundImage="url('PresetGo1.jpg')";
            break;
             case 22:
            obj.style.backgroundImage="url('PresetAdd1.jpg')";
            break;
             case 23:
            obj.style.backgroundImage="url('PresetDel1.jpg')";
            break;
             case 24:
            obj.style.backgroundImage="url('CruiseStart1.jpg')";
            break;
             case 25:
            obj.style.backgroundImage="url('CruiseStop1.jpg')";
            break;
             case 26:
            obj.style.backgroundImage="url('CruiseEdit1.jpg')";
            break;
            
        }
    
  }

}

function slidDisplay(bDisplay)
{
    if(bDisplay)
    {
          $('ska').style.display='inline';
        $('skb').style.display='inline';
        $('skc').style.display='inline';
        $('skd').style.display='inline';
    }
    else
    {
           $('ska').style.display='none';
    $('skb').style.display='none';
    $('skc').style.display='none';
    $('skd').style.display='none';
    }
}

window.addEvent('domready',function(){


/*List*/
    var channel = new Fx.Slide('CtrChannel');
    var ptz = new Fx.Slide('CtrPtz');
    var color = new Fx.Slide('CtrColor');
    var other = new Fx.Slide('CtrOther');
    channel.slideIn();
    $('ListChannel').style.backgroundImage="url('m_list2.jpg')";
    ptz.slideOut();
    color.slideOut();
    other.slideOut();
    slidDisplay(false);
 
    $('ListChannel').addEvent('click', function(e){
        $('ListChannel').style.backgroundImage="url('m_list2.jpg')";
        $('ListPTZ').style.backgroundImage="url('m_list1.jpg')";
        $('ListColor').style.backgroundImage="url('m_list1.jpg')";
        $('ListOther').style.backgroundImage="url('m_list1.jpg')";
        e = new Event(e);
	    channel.slideIn();	    
	    ptz.slideOut();
        color.slideOut();
        other.slideOut();
        slidDisplay(false);
 
	    e.stop();
});
    $('ListPTZ').addEvent('click', function(e){
        $('ListChannel').style.backgroundImage="url('m_list1.jpg')";
        $('ListPTZ').style.backgroundImage="url('m_list2.jpg')";
        $('ListColor').style.backgroundImage="url('m_list1.jpg')";
        $('ListOther').style.backgroundImage="url('m_list1.jpg')";
	    e = new Event(e);
	    channel.slideOut();
	    color.slideOut();
        other.slideOut();
        ptz.slideIn();
        slidDisplay(false);

	    e.stop();
});
    $('ListColor').addEvent('click', function(e){
    $('ListChannel').style.backgroundImage="url('m_list1.jpg')";
        $('ListPTZ').style.backgroundImage="url('m_list1.jpg')";
        $('ListColor').style.backgroundImage="url('m_list2.jpg')";
        $('ListOther').style.backgroundImage="url('m_list1.jpg')";
	    e = new Event(e);
	    channel.slideOut();
	    ptz.slideOut();
        other.slideOut();
        color.slideIn();
       slidDisplay(true);
	    e.stop();
});
    $('ListOther').addEvent('click', function(e){
    $('ListChannel').style.backgroundImage="url('m_list1.jpg')";
        $('ListPTZ').style.backgroundImage="url('m_list1.jpg')";
        $('ListColor').style.backgroundImage="url('m_list1.jpg')";
        $('ListOther').style.backgroundImage="url('m_list2.jpg')";
	    e = new Event(e);
	    channel.slideOut();
	    ptz.slideOut();
        color.slideOut();
        other.slideIn();
  slidDisplay(false);
	    e.stop();
});

/*slid*/
gslda = new Slider($('saa'), $('ska'), {
	steps:128,
	onChange:function(step){setcolorsv(2,step);setcolors();}
	});

	gsldb = new Slider($('sab'), $('skb'), {
	steps:128,
	onChange:function(step){setcolorsv(2,step);setcolors();}
	});
	
	gsldc = new Slider($('sac'), $('skc'), {
	steps:128,
	onChange:function(step){setcolorsv(3,step);setcolors();}
	});
	
	gsldd = new Slider($('sad'), $('skd'), {
	steps:128,
	onChange:function(step){setcolorsv(4,step);setcolors();}
	});
    
inilanguage();
getsetting();
$('ps').value=5;
resize();

});
    function resize(){     
	               var h=0;
	               h=document.documentElement.clientHeight;
	               w=document.documentElement.clientWidth;
	               if(h<=624)
	               {
	                    h=624;
	               }	              
	               
	               if(w<=804)
	               {
	                    $('mDisplay').setStyle('width', 804);
	               }
	               //alert(h);
	               mmDispH=h-61;
	               mmH=mmDispH-71-36;
	               mmW=mmH*64/51;
	               //alert(mmW);
	               mmDispW=mmW+3+3+181;
	               //alert(mmDispW);
	               
	               
	               $('mDisplay').setStyle('height', mmDispH);
	               $('mDisplay').setStyle('width', mmDispW);
	               	               
 	               $('mT').setStyle('width', mmDispW);
 	               $('mT2').setStyle('width', mmDispW-26);
 	               
 	               
 	               $('mM').setStyle('width', mmDispW);
 	               $('mM').setStyle('height', mmH);
 	               $('mM1').setStyle('height', mmH+2);
 	               $('mM2').setStyle('height', mmH+2);
 	               
 	               $('DisplayCtr').setStyle('height', mmH);
 	               $('DisplayCtr').setStyle('width', 180);
 	               
 	               
 	               $('DisplayView').setStyle('width', mmW-2);
 	               $('DisplayView').setStyle('height', mmH);
 	               
 	               $('mD').setStyle('width', mmDispW);
 	               $('mD2').setStyle('width', mmW-11-2);
	               
	               
	               
	                if(h<=563)
	               {
	                    h=563
	                    $('mDisplay').style.marginTop=0;
	               }
	               else
	               {
 	                var topHight=h-mmDispH;
 	                $('mDisplay').style.marginTop=topHight/2;
 	               }
 	                
	               
	                
}
window.addEvent('resize',function() {
    resize();

});
/*
 *	**********************************************************************gold value*********************************************************
 */
var g_channelNum=4;
var g_bAudio=false;
var gExitChannel=new Array();
var gExitSubType=new Array();
var gexiti;
var gca=0;
var gcb=0;
var gcc=0;
var gcd=0;
var gAutoPlayAll=false;
var gHashCookie = new Hash.Cookie('NetSuveillanceWebCookie',{duration: 30});
var settings = {
	username:''
	}
	function savesetting() {
    gHashCookie.extend(settings);
}
var gAutoPlayAll=false;
/*
 *	***************************************************************************login************************************************************
 */
function getsetting(){
        	if (gHashCookie.get('username')) {
		settings['username'] = gHashCookie.get('username');
	} else {
		settings['username'] = '';
	}
	
	$('username').setProperty('value', settings['username']); 

}

   function tl(s){
	var ret;
	ret=ocx.Translate(s);
	return ret;
}
function getcl(){	
    
	var t= new Array();
	var ts=new Array();
	var titles=new Array();
		titles[0]=tl('Desktop.LocalRecord');
		titles[1]=tl('Desktop.ExtStream');
		titles[2]=tl('Desktop.MainStream');
		titles[3]=tl('Desktop.StartTalk');
	var shtml="";

	var strsplita=String.fromCharCode(16);
	var strsplitb=String.fromCharCode(9);
	var sc;
	
	sc=ocx.GetChannelName();	
	if (sc !=""){
		sc=sc.substr(0, sc.length-1);
		t=sc.split(strsplita);
		g_channelNum=t.length;
		
		for (var i =0; i<t.length;i++ ){
			ts=t[i].split(strsplitb);

shtml+="<li  ><a title='"+titles[0]+"'  id='re" + ts[0] + "' class='noRecord' href='javascript:;' onclick='record(this," + ts[0] 
   + ")'></a><a title='"+titles[1]+"'  id='subPlay" + ts[0] + "' class='noSubPlay' href='javascript:;' onclick='subPlay(this," + ts[0] 
  + ")'></a><a title='"+titles[2]+"' id='c" + ts[0] + "' class='cl1' onclick='ca(this," + ts[0] +")' ></a><span id='name"+ts[0]+"' >" + ts[1] + "</span></li>" //<span style='filter:;'>
			t[i]=ts;
		}
		$("cl").innerHTML=shtml;
		var ls = $$('#cl li');
	}
	showExit();
	showSelectNumb();
	
	
}
function showSelectNumb() {
            switch(g_channelNum)
            {
                case 1:
                {
                    $('v4').style.display="none" ;
                    $('v9').style.display="none" ;
                    $('v16').style.display="none" ;
                    $('v25').style.display="none" ;
                    $('v36').style.display="none" ;                                       
                    break;                
                }
                case 4:
                {
                     $('v9').style.display="none" ;
                    $('v16').style.display="none" ;
                    $('v25').style.display="none" ;
                    $('v36').style.display="none" ;    
                    break;                
                }
                case 8:
                {
                    $('v16').style.display="none" ;
                    $('v25').style.display="none" ;
                    $('v36').style.display="none" ;    
                    break;                
                }
                case 16:
                {
                    $('v25').style.display="none" ;
                    $('v36').style.display="none" ;    
                    break;                
                }
                case 24:
                {
                     $('v36').style.display="none" ;    
                    break;                
                }
                case 32:
                {
                    break;                
                }
                default: break;
            }    
}
function showExit() {

	  for(var j=1;j<gexiti+1;j++)
        {     
            if(gExitSubType[j]==true)
            {
                    var temp="subPlay"+gExitChannel[j].toString();       
                    $(temp).removeClass($(temp).className);
                    $(temp).addClass('subPlay');            
            }
            else
            {   
                var temp="c"+gExitChannel[j].toString();       
                $(temp).removeClass($(temp).className);
                $(temp).addClass('cl2');
            
            }
           
        }
        gexiti=0;
}


 
function Logout() {
    if(ocx.Logout())
    {
        	$('m').style.top="-10000px";
		    $('l').style.display="";
		    $('preSetIn').value=1;
		    $('TureIn').value=1;
		    $('ps').value=5;
    }
    
}



/*
 *	*********************************************************************allCtr****************************************
 */
function startPlayAll() {
    ocx.PlayAll();
}
function StopPlayAll() {

    ocx.StopRealPlayAll();
}
function recordAll() {

    if(ocx.startRecordAll("C:\\record"))
    {
    }
}
function stopRecordAll() {
    if(ocx.stopRecordAll())
    {
    }
}

function openAudio() {
    if(g_bAudio)
    {
        if(ocx.CloseSound(1))
        {
            g_bAudio=false;    
            $('Audio').removeClass($('Audio').className);
            $('Audio').addClass('d132') 
        }        
    }
    else
    {
    
        if(ocx.OpenSound(-1))
        {
            $('Audio').removeClass($('Audio').className);
            $('Audio').addClass('d13') 
            g_bAudio=true;
        }    
    }
    
}
function Ontalk() {
   if($('talk').innerText==tl('Desktop.StartTalk'))
   {
       if(ocx.StartTalk())
       {
                $('talk').innerText=tl('Desktop.StopTalk');               
                   
       }        
       
   }
   else
   {   
       if(ocx.StopTalk())
       {
           $('talk').innerText=tl('Desktop.StartTalk');
           
       }
   
   }
   
}
/*
 *	*****************************************************************oneChannelCtr*****************************************************
 */
function ca(o,ch)
{
var oc;
	if ($(o).hasClass('cl1')){
		if (ocx.StartRealPlay(ch,0,0)){
		    oc=$('c'+ch)
		    oc.removeClass(oc.className);
			oc.addClass('cl2');
		    
			;
		}
	}
	else{
		if (ocx.StopPlayReal(ch)){
		   oc=$('c'+ch)
		    oc.removeClass(oc.className);
			oc.addClass('cl1');
			;
		}
	}
	
}
function subPlay(ob,channel) {
    
    if($(ob).hasClass('noSubPlay'))
    {
    
        if(ocx.StartRealPlay(channel,0,1))
        {
            $(ob).removeClass($(ob).className);
            $(ob).addClass('subPlay');
            getcolors();
                
        }
     }
     else
     {
        if(ocx.StopPlayReal(channel))
        {
            $(ob).removeClass($(ob).className);
            $(ob).addClass('noSubPlay');
                
        }
        
     }
       
}
function record(ob,channel) {
    
    if($(ob).hasClass('noRecord'))
    {
    
        if(ocx.StartRecordByChannel(channel))
        {
            $(ob).removeClass($(ob).className);
            $(ob).addClass('record');
                
        }
     }
     else
     {
        if(ocx.StopRecordBychannel(channel))
        {
            $(ob).removeClass($(ob).className);
            $(ob).addClass('noRecord');
                
        }
        
     }
       
}

//***********************************************************************color*********************************************************
function sldtopos(sld,step){
	sld.knob.setStyle('left', sld.toPosition(step));
}
function setcolorsv(f,v){

		switch (f)
		{
			case 1: gca=v;
					$('ska').title=v;
					break;
			case 2: gcb=v;
					$('skb').title=v;
					break;
			case 3: gcc=v;
					$('skc').title=v;
					break;
			case 4: gcd=v;
					$('skc').title=v;
					break;
		}	
}
function getcolors(){
	var colors="";
	colors=ocx.GetColor();
	
	var t= new Array();
	if (colors !="")
	{
		t=colors.split(',');
		
	sldtopos(gslda,parseInt(t[0]));
	sldtopos(gsldb,parseInt(t[1]));
	sldtopos(gsldc,parseInt(t[2]));
	sldtopos(gsldd,parseInt(t[3]));
	setcolorsv(1,parseInt(t[0]));
	setcolorsv(2,parseInt(t[1]));
	setcolorsv(3,parseInt(t[2]));
	setcolorsv(4,parseInt(t[3]));
	}
	else//这里有待选中消息的传递
	{
	    
	    sldtopos(gslda,parseInt(0));
	sldtopos(gsldb,parseInt(0));
	sldtopos(gsldc,parseInt(0));
	sldtopos(gsldd,parseInt(0));
	setcolorsv(1,parseInt(0));
	setcolorsv(2,parseInt(0));
	setcolorsv(3,parseInt(0));
	setcolorsv(4,parseInt(0));	
	}
	

}
function txreset(step){
	setcolorsv(1,step);
	setcolorsv(2,step);
	setcolorsv(3,step);
	setcolorsv(4,step);
	sldtopos(gslda,step);
	sldtopos(gsldb,step);
	sldtopos(gsldc,step);
	sldtopos(gsldd,step);
	setcolors();
}
function setcolors(){
	ocx.SetColor(0,gca,gcb,gcc,gcd);
}

/*
 *	**************************************************************initLanguage**************************************
 */
function inilanguage(){
    $('talk').setText(tl('Desktop.StartTalk'));
    $('t2').setText(tl('WebTitle.Playback'));
    $('t1').setText(tl('WebTitle.Log'));
    $('t4').setText(tl('WebTitle.LocalConfig'));
    $('t3').setText(tl('WebTitle.RemoteCfg'));
    $('t5').setText(tl('WebTitle.LogOut'));
    
    $('speed').setText(tl('WebPtz.Step')+'(1-8):');
    $('zoom').setText(tl('WebPtz.Zoom'));
    $('focus').setText(tl('WebPtz.Focus'));
    $('iris').setText(tl('WebPtz.Iris'));
    
   $('preset').setText(tl('WebPtz.Preset')+':');
    $('ture').setText(tl('WebPtz.Cruise')+':');
    
    $('color').setText(tl('WebTitle.ImageColorConfig'));
    $('other').setText(tl('WebTitle.OtherSet'));
    $('ptz').setText(tl('Title.PtzControl'));
    $('channel').setText(tl('AlarmManage.VideoChn'));
    
    $('default').setText(tl('WebBT.SetDefault'));
    $('reboot').setText(tl('WebBT.Reboot'));
    
    $('userNameInput').setText(tl('WebInput.UserName'));
    $('passWordInput').setText(tl('WebInput.Password'));
    $('loginBT').setText(tl('WebBT.LogIn'));
    
    
    $('full').title=tl('Desktop.SplitFull');
    $('v1').title=tl('Desktop.Split1');
    $('v4').title=tl('Desktop.Split4');
    $('v9').title=tl('Desktop.Split9');
    $('v16').title=tl('Desktop.Split16');
    $('v25').title=tl('Desktop.Split25');
    $('v36').title=tl('Desktop.Split36');
    $('palyAll').title=tl('WebBT.PlayAll');
    $('stopAll').title=tl('WebBT.StopPlayAll');
    $('snap').title=tl('Desktop.Snapshot');
    $('recordAll').title=tl('WebBT.RecordAll');
    $('stopRecordAll').title=tl('WebBT.StopRecordAll');
    $('Audio').title=tl('Desktop.Audio');
    
    $('PresetGo').title=tl('PtzControl.Goto');
    $('PresetAdd').title=tl('PtzControl.AddPreset');
    $('PresetDel').title=tl('PtzControl.DelPreset');
    $('CruiseStart').title=tl('PtzControl.Start');
    $('CruiseStop').title=tl('PtzControl.Stop');
    $('CruiseEdit').title=tl('PtzControl.Edit');
    
    $('yc1').title=tl('ConfigEncode.Brightness');
    $('yc2').title=tl('ConfigEncode.Contrast');
    $('yc3').title=tl('ConfigEncode.Saturation');
    $('yc4').title=tl('ConfigEncode.Hue');
    
//    $('Talk').title=tl('Desktop.StartTalk');

}