/************ PRIMITIVAS ***************/

function getDOM(id) {
	if (id == 'this') {
		id = getObjId();
	}

	if (id.indexOf(".") != -1) {
		/* El objeto viene como 'marco.id' */
		var marco = id.substring(0, id.indexOf("."));
		id = id.substring(id.indexOf(".") + 1, id.length);
		return top[marco].document.getElementById(id);
	} else {
		return document.getElementById(id);
	}
}  

function getDOMStyle(id) {
	return getDOM(id).style;
}  

function getObjId() {
	return event.srcElement.id;
}

function setObjVisibility(id, state) {
	getDOMStyle(id).visibility = state;
}

function hideObj(id) {
	setObjVisibility(id, 'hidden');
} 

function showObj(id) {
	setObjVisibility(id, 'visible');
} 

/************ PROPIAS ***************/

var todo = new Image();
todo.src = 'images/todo.gif';

var offImgArray = new Array();
offImgArray['o1'] = new Image();
offImgArray['o1'].src = 'images/o1OFF.gif';

offImgArray['o2'] = new Image();
offImgArray['o2'].src = 'images/o2OFF.gif';

offImgArray['o3'] = new Image();
offImgArray['o3'].src = 'images/o3OFF.gif';

offImgArray['o4'] = new Image();
offImgArray['o4'].src = 'images/o4OFF.gif';

offImgArray['o5'] = new Image();
offImgArray['o5'].src = 'images/o5OFF.gif';

offImgArray['o6'] = new Image();
offImgArray['o6'].src = 'images/o6OFF.gif';

offImgArray['o7'] = new Image();
offImgArray['o7'].src = 'images/o7OFF.gif';

offImgArray['o8'] = new Image();
offImgArray['o8'].src = 'images/o8OFF.gif';

offImgArray['o9'] = new Image();
offImgArray['o9'].src = 'images/o9OFF.gif';

offImgArray['o10'] = new Image();
offImgArray['o10'].src = 'images/o10OFF.gif';

offImgArray['o11'] = new Image();
offImgArray['o11'].src = 'images/o11OFF.gif';

offImgArray['o12'] = new Image();
offImgArray['o12'].src = 'images/o12OFF.gif';

offImgArray['o13'] = new Image();
offImgArray['o13'].src = 'images/o13OFF.gif';


var onImgArray = new Array();
onImgArray['o1'] = new Image();
onImgArray['o1'].src = 'images/o1ON.gif';

onImgArray['o2'] = new Image();
onImgArray['o2'].src = 'images/o2ON.gif';

onImgArray['o3'] = new Image();
onImgArray['o3'].src = 'images/o3ON.gif';

onImgArray['o4'] = new Image();
onImgArray['o4'].src = 'images/o4ON.gif';

onImgArray['o5'] = new Image();
onImgArray['o5'].src = 'images/o5ON.gif';

onImgArray['o6'] = new Image();
onImgArray['o6'].src = 'images/o6ON.gif';

onImgArray['o7'] = new Image();
onImgArray['o7'].src = 'images/o7ON.gif';

onImgArray['o8'] = new Image();
onImgArray['o8'].src = 'images/o8ON.gif';

onImgArray['o9'] = new Image();
onImgArray['o9'].src = 'images/o9ON.gif';

onImgArray['o10'] = new Image();
onImgArray['o10'].src = 'images/o10ON.gif';

onImgArray['o11'] = new Image();
onImgArray['o11'].src = 'images/o11ON.gif';

onImgArray['o12'] = new Image();
onImgArray['o12'].src = 'images/o12ON.gif';

onImgArray['o13'] = new Image();
onImgArray['o13'].src = 'images/o13ON.gif';


var objs = 14;

function posicionar(id, x, y) {
	getDOMStyle(id).left = x;
	getDOMStyle(id).top = y;
}

function posicionarCartel(x) {
	for (i = 1; i < objs; i++) {
		getDOMStyle('o' + i + 'L').left = x;			
	}
}

function posicionarSeccion(x) {
	for (i = 1; i < objs; i++) {
		getDOMStyle('o' + i + 'S').left = x;			
	}
	showObj('o5S');	
}

function selecImg(obj) {
   var id = obj.id;
   document.getElementById(id).src = onImgArray[id].src;
   for (i = 1; i < objs; i++) {
      hideObj('o' + i + 'L');
   }
   showObj(id + 'L');          
}

function deselecImg(obj) {
   var id = obj.id;
   document.getElementById(id).src = offImgArray[id].src;
   for (i = 1; i < objs; i++) {
      hideObj('o' + i + 'L');
   }          
}

function enlazar(obj) {
   var id = obj.id;
   for (i = 1; i < objs; i++) {
     hideObj('o' + i + 'S');
   }
   showObj(id + 'S');                       
   window.frames['m_interior'].location.href = 'html/o.html?' + id;
}