﻿/*
 *	Jorge Duarte
 *	(c) jd . IT development 2007
 *	Agro Industrial y Comercial Paris S.A.
 *	depende de 'prototype.js'
 *	---------------------------------------------------------------------- */

//***** carga de secciones *********/

var idSecciones = ["empresa", "historia", "locales", "productos", "delivery", "eventos"];
var Msg_status =
	{
		"home" : "Bienvenidos a Heladería Paris",
		"empresa" : "Visión, Misión e Historia de la Empresa",
		"historia" : "Historia del Helado",		
		"locales" : "Conozca todos nuestros locales",
		"productos" : "Nuestros principales productos",
		"delivery" : "Aproveche nuestros servicios de pedidos a domicilio",
		"eventos" : "Cuente con nuestros servicios para toda clase de eventos",
		"fotos-all" : "Fotografias de nuestros clientes",
		"faq" : "Preguntas Frecuentes",
		"actual" : "Bienvenidos a Heladería Paris"
	};

//cargar seccion
function cargarS(seccion) {
	
	cargarDatos(seccion);

	//cambiar msg_status
	Msg_status.actual = Msg_status[seccion];
	$('msg_status').innerHTML = Msg_status.actual;
	
	// mostrar homeB
	if (seccion != 'home')
		Effect.Appear('homeB');
}

//	Carga datos de un archivo
function cargarDatos(seccion) {
	var url = 'content/'+ seccion + '.php';
	var myAjax = new Ajax.Request(
			url, 
			{
				method: 'get',
				onComplete: function(originalRequest)
				{
					$('contentPrincipal').innerHTML = originalRequest.responseText;
				}
			});
}

//***** efectos *********/

function flashEfecto(id) {
	new Effect.Opacity(id, {duration:0.5, from:0.2, to:1.0});
}

/***** accesorios *******/

function OM(seccion) {
	flashEfecto('msg_status');
	$('msg_status').innerHTML = Msg_status[seccion];
}

//// Main, onload
function init() {

	// creo elementos por DOM
	var ContentMed = $('contentMed');

	divJdLoading = Builder.node('div', {id:'jdLoading'} );
	document.body.appendChild(divJdLoading);
	
	imgJdLoading = Builder.node('img', {src:'images/ajax-loader.gif'} );
	divJdLoading.appendChild(imgJdLoading);
	imgJdLoadingtxt = Builder.node('img', {src:'images/ajax-loader-txt.gif'} );
	divJdLoading.appendChild(imgJdLoadingtxt);

	//barra status
	divBarra = Builder.node('div', {style:'padding: 6px 30px; height: 15px; border-bottom: 1px solid #f2f2f2'} );
	ContentMed.appendChild(divBarra);
	divMsg = Builder.node('div', {id:'msg_status', style:'float:left; color: #666'} );
	divBarra.appendChild(divMsg);
	spanHomeB = Builder.node('span', {id:'homeB', style:'float:right; display:none'} );
	divBarra.appendChild(spanHomeB);
	aVolver = Builder.node('a', {id:'home', href:'javascript:void(0)'}, 'Volver al Inicio');
	spanHomeB.appendChild(aVolver);

	// container para las secciones
	divContentPrincipal = Builder.node('div', {id:'contentPrincipal'} );
	ContentMed.appendChild(divContentPrincipal);

	var contentDown = $('contentDown');
	
	// botones down
	divBotonesD = Builder.node('div', {id:'botones-down'} );
	contentDown.appendChild(divBotonesD);
	imgVolverA = Builder.node('img', {src:'images/bVolver-arriba.png', id:'bVolverArriba'} );
	divBotonesD.appendChild(imgVolverA);


	// copyright paris y jd
	divCopyright = Builder.node('div', {id:'copyright'} );
	contentDown.appendChild(divCopyright);
	imgCopyright = Builder.node('img', {src:'images/copyright.gif'} );
	divCopyright.appendChild(imgCopyright);

	// render Borders
	RUZEE.Borders.add ({
		'#mainTop': { borderType:'glow', cornerRadius:8, glowWidth:6, glowColor:'#b7b7b7', edges:'lrt' },
		'#mainMed': { borderType:'glow', cornerRadius:8, glowWidth:6, glowColor:'#b7b7b7', edges:'lr' },
		'#mainDown': { borderType:'glow', cornerRadius:8, glowWidth:6, glowColor:'#b7b7b7', edges:'lrb' }
	});
	// Aplicamos los bordes	
	RUZEE.Borders.render();

	// Registro global de eventos ajax
	var myGlobalHandlers = {
		onCreate: function() {
			Element.show('jdLoading');
		},

		onComplete: function() {
			if (Ajax.activeRequestCount == 0)
				Element.hide('jdLoading');
		}
	};

	Ajax.Responders.register(myGlobalHandlers);
	
	// Instalando controladores de eventos...
	EventSelectors.start(Rules);
	initLightbox();

	// Mostrar body
	document.body.style.display = 'block';

	// Cargar seccion inicial
	cargarS('home');
}

