﻿
	function Controller(page) {
		var tmp = 'div_' + page;
		hideDivs();
		if ($(tmp).innerHTML == '') {
			Loader(1);
			var req = new Request({
				url: 'controller.php',
				data: 'page=' + page,
				onSuccess: function(res){
					Loader(0);
					$(tmp).innerHTML = res;
					$(tmp).style.display = 'block';
					if (tmp == 'div_mujeres' || tmp == 'div_hombres' || tmp == 'div_animadores') {
						EdecanesLoaded();
					}
				}
			});
			req.send();
		} else {
			$(tmp).style.display = 'block';
		}
	}
	
	function Loader(status){
		if (status) {
			$('loader').style.display = 'block';
		} else {
			$('loader').style.display = 'none';
		}
	}
	
	function hideDivs(){
		var es = $$('div.cDiv');
		for (x in es) {
			var t = es[x].id;
			if (typeof t != 'undefined') {
				$(t).style.display = 'none';
			}
		}
	}
	
	function EdecanesLoaded() { 
		var wrapper = $('wrap');
		var carousel = $('carousel');
		var items = $$('#carousel li');
		var item_width = 640;
		var max_margin = items.length * item_width - item_width;
		
		var animation = new Fx.Tween(carousel, {duration: 500});
		
		function next_item(pos){
			if(pos == -max_margin){
				animation.start('left', 0);
			} else { 
				var newposition = pos - item_width;
				animation.start('left', newposition);
			}
		}
		
		function previous_item(pos){
			if(pos == 0){
				animation.start('left', -max_margin);
			} else { 
				var newposition = pos + item_width;
				animation.start('left', newposition);
			}
		}
		
		$('next').addEvent('click', function(){
			var position = parseInt(carousel.getStyle('left'));
			next_item(position);
		});
		
		$('previous').addEvent('click', function(){
			var position = parseInt(carousel.getStyle('left'));
			previous_item(position);
		});
	}
	
	function viewDetails(id) {
		hideDivs();
		Loader(1);
		var req = new Request({
			url: 'getDetails.php',
			data: 'id=' + id,
			onSuccess: function(res){
				Loader(0);
				$('details').innerHTML = res;
				$('details').style.display = 'block';
			}
		});
		req.send();
	}
	
	function viewDetailsM(id) {
		hideDivs();
		Loader(1);
		var req = new Request({
			url: 'getDetailsM.php',
			data: 'id=' + id,
			onSuccess: function(res){
				Loader(0);
				$('details').innerHTML = res;
				$('details').style.display = 'block';
			}
		});
		req.send();
	}
	
	function moveTo(page){
		var animation = new Fx.Tween($('carousel'), {duration: 500});
		var item_width = 640;
		var newposition = 0 - (item_width * (page - 1));
		animation.start('left', newposition);
	}
	
	function loadImage(im){
		var images = [im];
		$('images-holder').innerHTML = '<div align="center" style="width:320px;height:420px;">Cargando ...<br/><br/><img src="images/loader_black.gif" /></div>';
		var loader = new Asset.images(images, {
			onProgress: function(counter,index) {
			},
			onComplete: function() {
				$('images-holder').innerHTML = '';
				images.each(function(im) {
					new Element('img',{src:im}).inject($('images-holder'));
				});
			}
		});
	}
	
	function send(){
		hideDivs();
		var empresa = $('empresa').value;
		var nombre = $('nombre').value;
		var tel_of = $('tel_of').value;
		var celular = $('celular').value;
		var id_nextel = $('id_nextel').value;
		var email = $('email').value;
		var servicio = $('servicio').value;
		var comentarios = $('comentarios').value;
		if (empresa != '' && nombre != '' && tel_of != '' && email != '' && servicio != '') {
			var req = new Request({
				url: 'send.php',
				data: 'empresa=' + empresa + '&nombre=' + nombre + '&tel_of=' + tel_of + '&celular=' + celular + '&id_nextel=' + id_nextel + '&email=' + email + '&servicio=' + servicio + '&comentarios=' +comentarios,
				onSuccess: function(res){
					Loader(0);
					$('details').innerHTML = res;
					$('details').style.display = 'block';
				}
			});
			req.send();
		} else {
			alert("Por favor complete los campos requeridos antes de enviar la información");
		}
	}
	
	function showHide(div_id){
		$('sonido').style.display = 'none';
		$('pistas').style.display = 'none';
		$('carpas').style.display = 'none';
		$('salas_lounge').style.display = 'none';
		
		$(div_id).style.display = 'block';
		if (div_id == 'sonido') {
			/*flowplayer("player", "flowplayer-3.0.5.swf", {
				{
					canvas: {backgroundColor: "#c9c9c9"}
				},
				plugins: {
				   controls: {
					  sliderColor: '#919191',
					  backgroundColor: '#000000',
					  bufferColor: '#bababa',
					  borderRadius: '0',
					  progressColor: '#4d4d4d',
					  buttonOverColor: '#728B94',
					  backgroundGradient: [0.6,0.3,0,0,0],
					  buttonColor: '#595959',
					  timeColor: '#c9c9c9',
					  progressGradient: 'medium',
					  sliderGradient: 'none',
					  bufferGradient: 'none',
					  durationColor: '#ffffff',
					opacity:1.0
				   }
				}
			});*/
			flowplayer("player", "flowplayer-3.0.5.swf",  { 
				clip: { 
					url: './PyE_updated.flv', 
					autoPlay: false 
				}, 
				plugins: {
				   controls: {
					  sliderColor: '#919191',
					  backgroundColor: '#000000',
					  bufferColor: '#bababa',
					  borderRadius: '0',
					  progressColor: '#4d4d4d',
					  buttonOverColor: '#728B94',
					  backgroundGradient: [0.6,0.3,0,0,0],
					  buttonColor: '#595959',
					  timeColor: '#c9c9c9',
					  progressGradient: 'medium',
					  sliderGradient: 'none',
					  bufferGradient: 'none',
					  durationColor: '#ffffff',
					opacity:1.0
				   }
				},
				// canvas coloring and custom gradient setting 
				canvas: { 
					backgroundColor:'#d0d0d0', 
					backgroundGradient: [0.1, 0] 
				} 
			});
		}
	}