var test = new Object();

var system = {
	detect : function(){
		var span = getElementsByTagAndClassName('span','thumbnail');
		for (key in span){
			showphoto.thumbnail(span[key].innerHTML,true);
		}
		var span = getElementsByTagAndClassName('span','picview');
		for (key in span){
			var aux = span[key].innerHTML.split('?');
			var txt = aux[0];
			var format = aux[1];
			var w = aux[2];
			var h = aux[3];
			showphoto.pic(span[key],txt,format,w,h);
		}
		var span = getElementsByTagAndClassName('span','pic');
		for (key in span){
			showphoto.pic(span[key]);
		}
	}
}

var contenido = {
		datos : new Object(),
		sections : function(){
			var head = getElement('head');
			for(key in this.datos.data){
				var img = A({'href':'javascript:void(0)','onclick':'sections.datos("'+key+'")'},
				IMG({'alt':key,'src':'query.php?tools=showphoto&type=title&text='+key}));
				appendChildNodes(head,img);
			}
		}
}
var overlays = {
	appearov : function(img_aux){
		var aux = getElement('cuadrooverlay');
		fade(aux,{'afterFinish':function(){
			setStyle(aux,{'background':'url("'+img_aux.src+'") no-repeat top left'});
			callLater(3,appear,aux);
		}});
		callLater(30,overlays.change);
	},
	change : function(){
			var valor = Math.floor(Math.random()*contenido.datos.overlay.length);
			var img_aux = new Image();
			img_aux.src = 'pictures/cuadros_portada/'+contenido.datos.overlay[valor];
			img_aux.onload = function(){
				overlays.appearov(img_aux);
			}
	}
}

var loading = {
	backlayer: false,
	create : function(){
		this.loading = DIV({'id':'loading','class':'loading'},H3('Cargando datos, por favor espere ...'));
		appendChildNodes(currentDocument().body,this.loading);
	},
	enable : function(backlayer){
		var backlayer = DIV({'id':'backlayer'},null);
		var loading = DIV({'id':'loading'},H3('Cargando datos, por favor espere'));
		appendChildNodes(backlayer,loading);
		appendChildNodes(currentDocument().body,backlayer);
		setStyle(backlayer,{'display':'block'});
	},
	disable : function(force){
		var backlayer = getElement('backlayer');
		fade(backlayer,{afterFinish:function(){
			removeElement(backlayer);
		}});
	}
}

var sections = {
	datos: function(str){
		this.texto1 = getElement('texto1');
		this.texto2 = getElement('texto2');
		this.texto3 = getElement('texto3');
		this.texto1.innerHTML = '';
		this.texto2.innerHTML = '';
		this.texto3.innerHTML = '';
		if (strip(str) == ''){
			return false;
		}
		var aux = str.split('/');
		var aux_obj = contenido.datos.data[aux[0]].data;
		this.padre = aux[0];
		this.hijo = aux[1];
		this.subtitles = new Array();
		var i = 0;
		for(key in aux_obj){
			this.subtitles[i] = key;
			i++;
		}
		if ((aux.length < 2) && (aux.length != 0)){
			if (contenido.datos.data[aux[0]].data['default']){
				var dat = contenido.datos.data[aux[0]].data['default'];
			}else{
				var dat = aux_obj[this.subtitles[0]];
			}
			var obj = dat;
		}else{
			var obj = contenido.datos.data[aux[0]].data[aux[1]];
		}
		this.block(obj.data);
		this.load(obj);
		this.submenu();
		system.detect();
	},
	load : function(obj){
		for (i in obj.data){
			var div = getElement(i);
			div.innerHTML = obj.data[i];
		}
	},
	submenu : function(){
		var subcategory = getElement('subcategory');
		subcategory.innerHTML='';
		var title = '';
		var span = SPAN({'class':'title'},this.padre);
		var menu_li = LI(null);
		var menu = UL({'class':'menu'},menu_li);
		appendChildNodes(menu_li,span);
		appendChildNodes(subcategory,menu);
		if (this.subtitles.length > 1){
			if ((this.subtitles[0] != 'default') && (!this.hijo)){
				span.innerHTML = this.subtitles[0];
			}else{
				if (this.hijo){
					span.innerHTML = this.hijo;
				}
			}
			span.innerHTML = '<img style="vertical-align: middle" alt="Activar Menú" src="img/comment_arrow.png" />'+span.innerHTML+'<img style="vertical-align: middle" alt="Activar Menú" src="img/comment_arrow.png" />';
			var ul = UL(null);
			for (key in this.subtitles){
				if (this.subtitles[key] != 'default'){
					var a = A({'href':'javascript:void(0);','onclick':'sections.datos("'+this.padre+'/'+this.subtitles[key]+'");'},this.subtitles[key]);
					var li = LI(null);
					appendChildNodes(li,a);
					appendChildNodes(ul,li);
				}else{
					var a = A({'href':'javascript:void(0);','onclick':'sections.datos("'+this.padre+'");'},this.padre);
					var li = LI(null);
					appendChildNodes(li,a);
					appendChildNodes(ul,li);
				}
			}
			appendChildNodes(menu_li,ul);
		}
	},
	block : function(bloques){
		var blocks = getElementsByTagAndClassName(null,'block');
		var nblocks = 0;
		var fade_blocks = new Array();
		for (i in blocks){
 			var aux = bloques[blocks[i].id.split('-')[1]];
 			if (aux){
				appear(blocks[i]);
				nblocks ++;
 			}else{
				if ((this.subtitles.length > 1) && (blocks[i].id == 'block-texto2')){
					this.texto2.innerHTML = '';
					appear(blocks[i]);
					nblocks++;
 				}else{
 					fade_blocks[blocks[i].id] = true;
 					fade(blocks[i]);
 				}
 			}
		}
		this.move(nblocks,fade_blocks);
	},
	move : function(nblocks,fade_blocks){
		var block1 = getElement('block-texto1');
		var block2 = getElement('block-texto2');
		var block3 = getElement('block-texto3');
		switch (nblocks){
			case 3:
				Move(block1,{'x':'0','y':'170','mode':'absolute'});
				Move(block2,{'x':'478','y':'170','mode':'absolute'});
				Move(block3,{'x':'478','y':'400','mode':'absolute'});
			break;
			case 2:
				if (fade_blocks['block-texto1']){
					Move(block2,{'x':'235','y':'170','mode':'absolute'});
					Move(block3,{'x':'235','y':'400','mode':'absolute'});
				}else{
					Move(block1,{'x':'0','y':'170','mode':'absolute'});
				}
				if (fade_blocks['block-texto2']){
					Move(block3,{'x':'478','y':'170','mode':'absolute'});
				}else{
					Move(block3,{'x':'478','y':'400','mode':'absolute'});
				}
			break;
			case 1:
				if (fade_blocks['block-texto1']){
					Move(block2,{'x':'235','y':'170','mode':'absolute'});
					Move(block3,{'x':'235','y':'400','mode':'absolute'});
					if (fade_blocks['block-texto2']){
						Move(block3,{'x':'235','y':'170','mode':'absolute'});
					}
				}else{
					Move(block1,{'x':'170','y':'170','mode':'absolute'});
				}
			break;
		}
	}
}

var ajax = {
	init : function(){
		querystring = queryString(['apps'],['principal']);
		var d = doXHR("query.php", {method: "POST",
			sendContent: querystring,
			headers: {"Content-Type":"application/x-www-form-urlencoded"}}
		);
		var callback = function(result){
			var response = evalJSON(result.responseText);
			test = evalJSON(result.responseText);
			contenido.datos=response;
			contenido.sections();
			callLater(30,overlays.change);
			sections.datos('Inicio');
		}
		var errback = function(error){
		};
		d.addCallbacks(callback, errback);
	}
}

