function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();

function sndReq(action,arg1,arg2) {
    http.open('get', 'include/rpc.php?accion='+action+'&arg1='+arg1+'&arg2='+arg2);
    http.onreadystatechange = handleResponse;
    http.send(null);
}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;
        var update = new Array();
        if(response.indexOf('|' != -1)) {
			update = response.split('|');
			if(update[1] == undefined) {
				return false;
			} else {
				var frmCategories = document.getElementById('strFrmCategories');
				document.getElementById(update[0]).innerHTML = update[1];
			}
        }
    }
}

function init_selectCats() {
	var container = $('strFrmCategories');
	var selectcat = document.createElement('div');
	selectcat.id = 'selectcat';
	container.appendChild(selectcat);
	sndReq('obtenerCats','0','');
	return;
}
function getRoot() {
	var selectcat = document.getElementById('selectcat');
	sndReq('obtenerCats','0','');
	return;
}

function removeItem(arg1) {
	switch(arg1) {

		case 1:
		$('catid1').remove();
		document.getElementById('CATEGORY_ID').setAttribute('value','');
		document.getElementById('msg_field').innerHTML = '';
		break;

		case 2:
		$('catid2').remove();
		document.getElementById('CATEGORY_ID2').setAttribute('value','');
		document.getElementById('msg_field').innerHTML = '';
		break;

		case 3:
		$('catid3').remove();
		document.getElementById('CATEGORY_ID3').setAttribute('value','');
		document.getElementById('msg_field').innerHTML = '';
		break;
	}

}

function addItem(arg1,arg2) {
	var frm = $('strFrmCategories');
	var img_remover = new Image(12,11);
	img_remover.src = "images/a_delete.png";
	var text_msg_link_str = document.createTextNode('Remover');
	var selectcat = $('selectcat');
	if($('CATEGORY_ID').value == '') {
		$('CATEGORY_ID').value = arg2;
		var cat1_div = document.createElement('div');
		cat1_div.id = 'catid1';
		var text_msg = document.createTextNode(arg1 + ' ');
		var text_msg_link = document.createElement('a');
		text_msg_link.setAttribute('href','javascript:removeItem(1)');
		text_msg_link.appendChild(text_msg_link_str);
		cat1_div.appendChild(text_msg);
		cat1_div.appendChild(img_remover);
		cat1_div.appendChild(text_msg_link);
		frm.insertBefore(cat1_div,selectcat);
	} else if ($('CATEGORY_ID2').value == '') {
		$('CATEGORY_ID2').value = arg2;
		var cat2_div = document.createElement('div');
		cat2_div.id = 'catid2';
		var text_msg = document.createTextNode(arg1 + ' ');
		var text_msg_link = document.createElement('a');
		text_msg_link.setAttribute('href','javascript:removeItem(2)');
		text_msg_link.appendChild(text_msg_link_str);
		cat2_div.appendChild(text_msg);
		cat2_div.appendChild(img_remover);
		cat2_div.appendChild(text_msg_link);
		frm.insertBefore(cat2_div,selectcat);
		var cat2_on = document.createElement('input');
		cat2_on.type = 'hidden';
		cat2_on.name = 'cat2';
		cat2_on.value = 'on';
		cat2_on.id = 'cat2';
		if($('cat2')) { $('cat2').remove(); }
		$('submit_link').appendChild(cat2_on);
	} else if ($('CATEGORY_ID3').value == '') {
		$('CATEGORY_ID3').value = arg2;
		var cat3_div = document.createElement('div');
		cat3_div.id = 'catid3';
		var text_msg = document.createTextNode(arg1 + ' ');
		var text_msg_link = document.createElement('a');
		text_msg_link.setAttribute('href','javascript:removeItem(3)');
		text_msg_link.appendChild(text_msg_link_str);
		cat3_div.appendChild(text_msg);
		cat3_div.appendChild(img_remover);
		cat3_div.appendChild(text_msg_link);
		frm.insertBefore(cat3_div,selectcat);
		var cat3_on = document.createElement('input');
		cat3_on.type = 'hidden';
		cat3_on.name = 'cat3';
		cat3_on.id = 'cat3';
		cat3_on.value = 'on';
		if($('cat3')) { $('cat3').remove(); }
		$('submit_link').appendChild(cat3_on);
		var err_msg = $('msg_field');
		err_msg.innerHTML = '<span class=\"field_msg\">Ya seleccion&oacute; el limite de 3 categorias para su link. Por favor, complete los campos restantes.</span>';
	} else {
		var err_msg = document.getElementById('msg_field');
		err_msg.innerHTML = '<span class=\"field_msg\">Ya seleccion&oacute; el limite de 3 categorias para su link. Por favor, complete los campos restantes.</span>';
	}
}

function frmSelectCategs() {
	var container = $('strFrmCategories');
	var selectcat = document.createElement('div');
	var enlace = document.createElement('a');
	enlace.href = "javascript:sndReq('obtenerCats','0','')";
	var texto = document.createTextNode('Seleccionar categoria');
	selectcat.id = 'selectcat';
	enlace.appendChild(texto);
	container.appendChild(selectcat);
	container.appendChild(enlace);
}