var W3CDOM = (document.createElement && document.getElementsByTagName);

// devuelve un array con todos los objetos que tengan la clase que se le pase como parametro (className)
// y esten contenidos dentro del contenedor especificado (container) que puede ser un literal o el propio objeto. Si no se le pasa este parametro, buscara dentro del contenedor "wrapper"
document.getElementsByClassName = function(className, container){
   var data = tags = [];
   var obj = document.getElementById("wrapperContent");
   var node = aux = null;		
	if(container) node = (typeof(container) == "object") ? container : document.getElementById(container);
	else node = (obj) ? obj : document;		   
	aux = node.getElementsByTagName("*");		
	tags = (document.all) ? node.all : aux;	
   for(var i=0;i<tags.length;i++) { if(tags[i].className == className || tags[i].className.indexOf(className) != -1) data[data.length]=tags[i];}	
   return data;
}

var e = {
	addEvent : function(obj, evType, fn, useCapture){
		if (obj.addEventListener){
			obj.addEventListener(evType, fn, useCapture);
			return true;
		}else if (obj.attachEvent){
			var r = obj.attachEvent("on"+evType, fn);
			return r;
		}else {
			return false;
		}
	}
}


var curves={
	setNavBars:function(id){
		var obj = document.getElementById(id);
		// buscar h1
		var objHeader = obj.getElementsByTagName("h1")[0] || obj.getElementsByTagName("span")[0] || obj.getElementsByTagName("h3")[0];
		// buscar seleccionado
		var sel = objHeader.parentNode;
		var spanElement = spanElement2 = imgElement = imgElement2 = null;
		// crear izquierda
		spanElement = document.createElement("span");
		spanElement.className = "left";
		// insertar izquierda
		sel.insertBefore(spanElement, objHeader);
		// crear derecha	
		spanElement2 = spanElement.cloneNode(false);
		spanElement2.className = "right";
		// insertar derecha
		sel.appendChild(spanElement2);
	},
	setBodyContent:function(){
		var obj = document.getElementById("bodyContent");		
		var firstElement = obj.firstChild;
		// crear elementos
		var cTopLeft = curves.createElementsCurves("cTopLeft");
		var cTopRight = curves.createElementsCurves("cTopRight");		
		cTopLeft.className += " lateral";
		cTopRight.className += " lateral";
		// insertar curva izquierda
		obj.insertBefore(cTopLeft, firstElement);		
		// insertar curva derecha
		obj.appendChild(cTopRight);
	},
	createElementsCurves:function(style){
		var element = document.createElement("div");
		element.className = style + " sp";
		element.appendChild(document.createTextNode(" "));
		return element;
	}
}





/* ASIGNACION DE EVENTOS */
var load={
	existeId:function(cid){
		if(document.getElementById(cid)) return true;
		return false;
	},
	existeClass:function(className){
		var content = document.getElementById("bodyContent");
		var existsClass = false;
		if(content){			
			if(content.className.indexOf(className) != -1) existsClass = true;
		}	
		return existsClass;
		
	},
	setEvents:function(){	
		if(load.existeId("navBar")) curves.setNavBars("navBar");
	}
}
if(W3CDOM) e.addEvent(window, "load", load.setEvents, false);