App = function() {
	this.receiverCont = $('div#ColIzq');	
}

App.prototype.init = function(){
	$('div#TransporteLink').live('click', function(){
		$('div.panel').hide('fast');
		$('div#RentaTransporte').show('fast');
	});
	$('div#CabanasLink').live('click', function(){
		$('div.panel').hide('fast');
		$('div#RentaCabanas').show('fast');
	});	
	$('div#LaJunglaLink').live('click', function(){
		$('div.panel').hide('fast');alert('jungla');
		$('div#LaJungla').show('fast');
	});	
	this.initTabs();
	//this.initScrollPane();
}
App.prototype.initTabs = function(){
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});
}
App.prototype.initQuienesSomos = function() {
	var self = this;
	$('div.miembros span').live('mouseenter', function(){
		var miembro = $(this).attr('nombre');
		var pos = $(this).offset();
		self.showMemberInfo(miembro, pos);
	});
	$('div.miembros span').live('mouseleave', function(){
		$('div.Popup').hide();
	});
	
}
App.prototype.showMemberInfo = function(miembro, pos){
	var query = "miembro=" + miembro;
	var self = this;
	
	$.ajax({
		url: "include/content.php",
		data:query,
		type:'get',
		success:function(data){
			self.showMemberPopup (data, pos);
		}
	});	
}
App.prototype.showMemberPopup = function(data, pos){
	var html = [];
	var css = {"top":(pos.top)-220+"px", "left":pos.left+"px"};
	css.bottom = css.top;
	eval("data="+data);

	html.push(		
		'<div class="fotoMiembro">',data.foto,'</div>',
		'<div class="datosMiembro">',data.info,'</div>',
		'<div class="infoMiembro">',data.datos,'</div>',
		'<div class="arrowPopup">&nbsp;</div>'
	);
	
	html = html.join('');
	$('div.Popup').empty().append(html).css(css).show();
}
App.prototype.getPageContent = function(page){
var self = this;
	$.ajax({
		url: "include/secciones/"+page+".php",
		success: function(data){
			$('div#ColIzq').html(data);
			if(page=="galeria"){
				if(galeria){delete galeria;}var galeria = new Gal();galeria.init();
				//if(galeria){delete galeria;}var galeria = new Galeria();galeria.init();
			}
		}
	});
	//this.initScrollPane();
}

App.prototype.drawContent = function(data){
	eval("data="+data);
	$('div#ColIzq').html(data.html);
	this.removeLoading();
}

App.prototype.showLoading = function(el){
	var loading = $('<div class="Loading" />');
	
	if(el){
		$(el).append(loading);
	}
	else{
		$('#ColIzq').append(loading);
	}
}

App.prototype.removeLoading = function(){
	$('.Loading').fadeOut();
}

App.prototype.initScrollPane = function(){
	this.api = $('.scroll-pane').jScrollPane(
		{
			showArrows:true,
			maintainPosition: false
		}
	).data('jsp');
}
/*
		Recorridos
*/
App.prototype.openRecorridoAlbumCombo = function(){
	var $combo = $('#RecorridosSelect div');
	$combo.addClass('up').removeClass('down');
	$combo.prev().show();
}
App.prototype.closeRecorridoAlbumCombo = function(){
	var $combo = $('#RecorridosSelect div');
	$combo.addClass('down').removeClass('up');
	$combo.prev().hide();
}
App.prototype.orderRecorridoCombo = function($ul){
	var items = $ul.find('li').get();
	items.sort(function(a,b){
		var keyA = $(a).text();
		var keyB = $(b).text();
	
		if (keyA < keyB) return -1;
		if (keyA > keyB) return 1;
		return 0;
	});
	$.each(items, function(i, li){
		$ul.append(li);console.log(li)
	});
}
App.prototype.loadRecorrido = function(recorrido){
	var self = this;
	var dataString = {recorrido:recorrido}
	app.showLoading($('#RecorridoCont'));
	$.ajax({
		url: "include/secciones/Recorridos/recorridosContent.php",
		data: dataString,
		success: function(data){
			app.removeLoading();
			$('div#RecorridoCont').html(data);			
		}
	});
}

App.prototype.showFullImg = function($img){
	var imgId = $img.attr('id');
	var imgCont = $('<div class="fullImage"/>');
	var offSet = $img.offset();
	
	imgCont.html('<img src=imagenes/Recorridos/Rapel/'+imgId+'.jpg');
	imgCont.css(offSet);
	imgCont.show();
}

var app = new App;

// Jquery ready
$(function(){
	$('ul#Nav li a').bind('click',function(e){
		e.preventDefault();
		var page = $(this).attr('href').replace('.html', '');
		app.showLoading();
		app.getPageContent(page);
		
		return false;
	});
	
	app.init();	

	$('#TransporteLink').live('click', function(){
		$('ul.tabs li').removeClass('serviciosActive');
		$(this).parent().addClass('serviciosActive');
		$('div.panel').hide('fast');
		$('div#RentaTransporte').show('fast');
	});
	$('#CabanasLink').live('click', function(){
		$('ul.tabs li').removeClass('serviciosActive');
		$(this).parent().addClass('serviciosActive');
		$('div.panel').hide('fast');
		$('div#RentaCabanas').show('fast');
	});	
	$('#LaJunglaLink').live('click', function(){
		$('ul.tabs li').removeClass('serviciosActive');
		$(this).parent().addClass('serviciosActive');
		$('div.panel').hide('fast');
		$('div#LaJungla').show('fast');
	});
	
	$('#RecorridosSelect div').live('click',function(){
        var $this = $(this);
		
        if($this.is('.up'))
            app.closeRecorridoAlbumCombo();
        else if($this.is('.down'))
            app.openRecorridoAlbumCombo();
    });
    $('#RecorridosSelect ul > li').live('click',function(){
        var $this = $(this);
        var album = $this.find('a').html();
		var rec = $this.find('a').attr('data-rec');
		var $combo = $('#RecorridosSelect div');
		
        app.loadRecorrido(album);        
        $this.find('a').html($combo.html());
        $combo.html(album);
        app.closeRecorridoAlbumCombo();
        //app.orderRecorridoCombo($this.parent());
    });
	$('#Poster').live('click', function(){
		$('#PosterCont').show();
		app.showLoading($('#PosterCont'));
		
		$.ajax({
			url: "Descargas/poster.php",
			success: function(data){
				app.removeLoading();
				$('div#PosterCont').find(".bordeImg").remove();
				$('div#PosterCont').append(data);			
			}
		});
	});
	$('#PosterCont').live('click',function(){
		$(this).hide();
	});
	/*$('.recorridoThumb').live('mouseenter',function(){
		app.showFullImg($(this));
	});*/
});