function jsAddCmp(cmppID, action) {
//	document.getElementById('cmpBox').innerHTML = '<div style="{ FONT-FAMILY: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CC6635; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; text-decoration:none;}">???? ????????? ??????...</div>';
    ajaxLDBOX();
    var req = new JsHttpRequest();
    var allpids = new Array();
    var allcmps = new Array();
    var elems = document.getElementsByTagName("div");
    var re = new RegExp("^cmpp_(\\d+)$","i");
    re.compile("^cmpp_(\\d+)$","i");
    var x = 0;
    for(var i = 0; i < elems.length; i++) {
    	var res_id = re.exec(elems[i].id);
        if(re.test(elems[i].id)){
          allpids[x] = RegExp.$1;
          allcmps[x] = 'text'+elems[i].innerHTML;
          x++;
        }
	}
	
    req.onreadystatechange = function() {
    
      if(req.readyState == 4) {
      alert(req.responseJS);
      
        if(req.responseJS) {
          if(req.responseJS.state == 'clear_cmp'){
          	document.getElementById('cmpBox').innerHTML = '';
          	//jsEnableCmp(allpids, allcmps);
          } else {
            //document.getElementById('cmpBox').innerHTML = req.responseJS.iboxcontents;
            //jsDisableCmp(req.responseJS.disabledPIDs);
          }
          rmBOX('ld_layer');
        }
      }
    }
    
    req.open(null, "ajax_compare.php", true);
    
    req.send({ cmp_pid: cmppID,
               ALLPIDS: allpids,
               ACT: action
             });
}

function jsDelCmp(cmpdID, action){
    ajaxLDBOX();
    var req = new JsHttpRequest();
    req.onreadystatechange = function() {
      if(req.readyState == 4) {
        if(req.responseJS) {
          if(req.responseJS.state == 'del_cmp'){
          	document.getElementById('cmpd_'+cmpdID).innerHTML = '';
          	//makeCmpButton(cmpdID, 'make_cmp_button');
		document.getElementById('cmpp_'+cmpdID).innerHTML = 'compare';
		document.getElementById('cmpp_'+cmpdID).style.display = 'block';
          }
          if (req.responseJS.state == 'clear_cmp'){
          	document.getElementById('cmpBox').innerHTML = '';
          	makeCmpButton(cmpdID, 'make_cmp_button');
          }
          rmBOX('ld_layer');
        }
      }
    }
    req.open('POST', "ajax_compare.php", true);
    req.send({ cmp_pid: cmpdID,
               ACT: action
             });
}

function makeCmpButton(cmppID, action) {
    ajaxLDBOX();
    var request = new JsHttpRequest();
    request.onreadystatechange = function() {
      if(request.readyState == 4) {
        if(request.responseJS) {
          document.getElementById('cmpp_'+cmppID).innerHTML = request.responseJS.cmp_button;
          rmBOX('ld_layer');
        }
      } else { return 'not in'; }
    }
    request.open('POST', "ajax_compare.php", true);
    request.send({ cmp_pid: cmppID,
                   ACT: action
                 });
}

function jsDisableCmp(cmpIDS) {
	for(i=0;i<cmpIDS.length;i++){
		document.getElementById('cmpp_'+cmpIDS[i]).innerHTML = '';
		document.getElementById('cmpp_'+cmpIDS[i]).style.display = 'none';
	}
}

function jsEnableCmp(cmpIDS, cmpConts) {
	for(i=0;i<cmpIDS.length;i++){
		document.getElementById('cmpp_'+cmpIDS[i]).innerHTML = 'Compare';
		document.getElementById('cmpp_'+cmpIDS[i]).style.display = 'block';
	}
}