$(function(){
	/* Varia globales*/
	var secciones	=	0;	//Bandera para el cambio de fondo $(.'central')
	var num_click	=	0, num_click2 = 0;
	var listados	=	null;

	/* Resize Control*/
	
	var central_colum_width = 230;
	var left_panel_width  = 180;
	var width_base  = 900;
	var columnas_global = 0;
	
	function tamanoVentanaInicial(){
			$("#contenidos").css("width", "900px");
			$(".central").css("width", "686px");
			$("#listado_proyectos").css("width", "686px");
			$(".page").css("width", "686px");
			$("#listados").css("width", "646px");
			$("#divListados .pag").css("width", "646px");
			$(".descrip").css("padding-left", "20px");
			$("#barra_info").css("width", "686px");
			$("#home").css("max-width", "970px");		
	}
	
	function revisaTamanoVentana() {
		ancho_total	=	$(window).width();
		ancho_central = ancho_total-(left_panel_width *2);
		columnas = Math.ceil((ancho_central-width_base)/central_colum_width);

		if(columnas>0){
			$("#contenidos").css("width", (900 + (columnas * central_colum_width))+"px");
			$(".central").css("width", (686 + (columnas*central_colum_width))+"px");
			$("#listado_proyectos").css("width", (686 + (columnas*central_colum_width))+"px");
			$(".page").css("width", (686 + (columnas*central_colum_width))+"px");
			$("#listados").css("width", (646 + (columnas*214))+"px");
			$("#divListados .pag").css("width", (646 + (columnas*214))+"px");
			$(".descrip").css("padding-left", (20 + (columnas*112))+"px");
			$("#barra_info").css("width", (686 + (columnas*202))+"px");
			$("#home").css("max-width", "none");
		}else{
			tamanoVentanaInicial();
		}
		return columnas;
	}

	$(window).resize(function(){
		columnas_global = revisaTamanoVentana();
	});	


	/* Menu principal */
	//initMenus()
	
	/* SIFR jQUERY PRINCIPAL*/
	sirf();
	
	/* Validaciones Forms*/
	$.tools.validator.localize("es", {
		'*'				: 'Campo requerido.',
		':email'  		: 'Email no valido.',
		'[required]' 	: 'Campo requerido.'
	});
	
	/* Pestaņas */
	$.tools.tabs.addEffect("myAjax", function(tabIndex, done) {
		
		var principal	=	this.getPanes().eq(0),						//Panel de carga
			pestana 	= 	this.getTabs().eq(tabIndex).attr("href");	//Pestaņa seleccionada
			
			principal.hide();
		/* Ajax Carga Exitosamente */
		principal.ajaxComplete(function(){
			
			pest	= 	pestana,
			fondo	=	"", vari 	= 	pest.split("/");
			
			$(this).queue(function () {
				$(this).fadeIn();
				$(".central").fadeIn('slow');
				$(this).animate({'left':'0px'},500,function(){
					sirf();
					// Contacto 
					if(pestana == 'contacto.html'){	 
						/* Google Maps */
						maps();
						/* Formularios */
						$("label").inFieldLabels();
						$("input").attr("autocomplete","off");
						$("#otra_vez").click(function(){
							$(".forma").fadeIn();
						})

						/* Validacion */
						try {
							$("#form").validator({
								lang 			: 'es',
								position		: 'top left', 
								offset			: [10, 160],
								message			: '<div><em/></div>'							
							}).submit(function(e) {
								var form = $(this);
								if (!e.isDefaultPrevented()) {
									$("#mensa_forma").fadeIn();
									$("#mensaje").queue(function() {
										$.ajax({
											type: 'POST',
											dataType: 'json',
											url: 'libs_php/envios.php?tipo=contacto',
											data: form.serialize(),
											success: function(data){
												$(".forma").hide();
												$("#mensaje_env").fadeIn();
	
											},
											error:function (xhr, ajaxOptions, thrownError){
												$("#mensaje_err").fadeIn();
											}   
										});
										e.preventDefault();
										$(".campo_unete").val('');
										$(this).dequeue();
									});
								}
							});
						} catch(e) {}
					} else if(vari[0] == 'proyectos' && vari[0] != undefined){
						listados 	= 	null;
						listados	=	$("#listado_proyectos");
						try {
							listados.scrollable().navigator({
								navi: "#navi",
								naviItem: 'a',
								activeClass: 'current'
							});
						} catch(e) {}
						var nueva_altura = $("#contenidos").find('.page').height() + 50;
						nueva_altura = (nueva_altura > 675)?nueva_altura:"675";
						$("#contenidos, #listado_proyectos").removeClass("contenidoDet").animate({'height':''+nueva_altura+'px'},500);
						
					} 
				})
				$(this).dequeue();
			});
			principal = null;
		})
		
		/* Llamada a Ajax contiene error */
		principal.ajaxError(function() {
			$(this).load(pestana+' #box' , done);
		});

		/* Llamada a Ajax */
		principal.queue(function () {
			$(this).load(pestana+' #box' , done);
			
			$(this).animate({'left':'-917px'},500);
			$(this).dequeue();
			
		});
		done.call();
	});
	
	try {
		$("ul#menuKubik").tabs("div.central > div#home", {
			effect	: 	'myAjax',	
			tabs	:	'a.bt',
			history	: 	true,
			initialIndex	:	-1,
			onBeforeClick	:	function(event,tabIndex) {
				
				$('.error').fadeOut();
				if(num_click==0) {
					num_click = 1;
					
					//Valor de la pestaņa selecionada
					pestana 	= 	this.getTabs().eq(tabIndex).attr("href");
					
					//Acciones click en Inicio/Home
					if (pestana == "home.html"){
						//Scroll de portadas
						
						try {
							$(".navega").tabs(".scrollPortadas > div", {
								rotate: true,
								history: false,
								onClick: function() {
								$(".flash_act").empty();
								$.getJSON("libs_php/get_portadas.php", function(response){
									$.each(response.datos, function(i,item){
										flashembed(""+item.link+"", {
											src		: "http://kubikfb.apps-server.com/images/proyectos/portadas/"+item.imagen_portada, 
											wmode 	: 'transparent',
											bgcolor	: '#000000',
											loop 	: true
										},{
											urlwebsite : 'http://www.kubik.mx/proyectos/'+item.categoria+'/'+item.link+'.html'
										})
										if ( i == 10 ) return false
									});
								});
							}
							}).slideshow({ clickable : false});
						} catch(e) {}
						
					} else if(pestana == 'contacto.html'){	 
						/* Google Maps */
						maps();
						/* Formularios */
						$("label").inFieldLabels();
						$("input").attr("autocomplete","off");
						$("#otra_vez").click(function(){
							$(".forma").fadeIn();
						})
					}	
					else
						control1 = 0
					
					return false;
				} else {
					
					var panelP	=	this.getPanes().eq(0),
						pest	= 	this.getTabs().eq(tabIndex).attr("href"),
						fondo	=	"", vari 	= 	pest.split("/");
					(vari[0] == "proyectos")?fondo="#ffffff":fondo="transparent";
					
					if(vari[0] != "proyectos"){
						secciones	=	0;
						$(".central").fadeOut(function(){
							$(".central").css({'background': fondo })
							$(".central").hide();
						});
						$("#contenidos").animate({'height':'571px'},500);

					} else {
						if(secciones==0){
							
							$(".central").fadeOut(function(){
								$(".central").css({'background': fondo })
								$(".central").hide();
							});
						}

						$("#contenidos").removeClass("contenidoDet").animate({'height':'650px'},500);
						secciones = 1;
					}
				}
			},
			onClick : function(event,tabIndex) {
	
				//Valor de la pestaņa selecionada
				pestana 	= 	this.getTabs().eq(tabIndex).attr("href");
				if(pestana.indexOf("proyectos")>-1){
					setTimeout(revisaTamanoVentana, 300);
				}else{
					setTimeout(tamanoVentanaInicial, 300);
				}
				//Acciones click en Inicio/Home
				if (pestana == "home.html"){
					//Scroll de portadas
					try {
						$(".navega").tabs(".scrollPortadas > div", {
							rotate: true,
							onClick: function(){
								
								$(".flash_act").empty();
								$.getJSON("libs_php/get_portadas.php", function(response){
									$.each(response.datos, function(i,item){
										flashembed(""+item.link+"", {
										src: "http://kubikfb.apps-server.com/images/proyectos/portadas/"+item.imagen_portada, 
										wmode : 'transparent',
										bgcolor: '#000000',
										loop : true,
										w3c : true
									},{
											urlwebsite : 'http://www.kubik.mx/proyectos/'+item.categoria+'/'+item.link+'.html'
									})
									if ( i == 10 ) return false
									});
								});
							}
						}).slideshow({ clickable : false});
					} catch(e) {}
					
				} else if (pestana == "nosotros.html"){
					flashembed("cliente", {
						src: "swf/clientes.swf", 
						wmode : 'transparent',
						bgcolor: '#000000'
					})
				}else
					control1 = 0				
			}
		});
		
		window.api	=	$("#menuKubik").data('tabs');
		api.onClick(function(index) {
			pageTracker._trackEvent("Documentation", "Tabs", "tab " + index);
		});
	} catch(e) {}
	
	//Proyectos
	if($("#listado_proyectos").size()> 0){
		try {
			$("#listado_proyectos").scrollable().navigator({
				navi: "#navi",
				naviItem: 'a',
				activeClass: 'current'
			});
		} catch(e) {}
	}

	//Efecto AJAX con funciones de llamado para los detalles de proyectos
	$.tools.tabs.addEffect("myAjaxDet", function(tabIndex, done) {
		
		var principalPro	=	this.getPanes().eq(0),						//Panel de carga
			pestanaPro 		= 	this.getTabs().eq(tabIndex).attr("href");	//Pestaņa seleccionada

		/* Ajax Carga Exitosamente */
		principalPro.ajaxComplete(function(){
			var pest	= 	pestanaPro,
				fondo	=	"", vari 	= 	pest.split("/");
			
			$(this).queue(function () {
				revisaTamanoVentana();
				var nueva_altura = $("#contenidos").find('.page').height() + 620;
				nueva_altura = (nueva_altura > 735)?nueva_altura:"735";
				$("#contenidos").removeClass("contenidoDet").animate({'height':''+nueva_altura+'px'},500);
				
				$(this).fadeIn( function(){
					//sirf();
				});
					if($("#listados").size()> 0){
						try { 
						$("#listados").scrollable({
							next		: 	'.siguiente',
							prev		:	'.anterior'
							}).navigator({
							navi		: 	"#navi",
							naviItem	: 	'a',
							activeClass	: 	'current'
						});
						} catch (e) {}
					}
					if($("#fotogaleria").size()> 0){
						try {
							$('.prevPage2, .nextPage2').animate({opacity: 0.1},200)
							$('.prevPage2').hover(function(){
								$(this).animate({opacity: 1},200);
							},function(){
								$(this).animate({opacity: 0.1},200);
							});
							$('.nextPage2').hover(function(){
								$(this).animate({opacity: 1},200);
							},function(){
								$(this).animate({opacity: 0.1},200);
							});
							
							$("#fotogaleria").scrollable({
								next		: 	'.sig',
								prev		:	'.ant',
								items		:	'.items2',
								//circular	:	true,
								keyboard	:	false
							}).navigator({
								navi		: 	".naviGaleria",
								naviItem	: 	'a'
							})/*.autoscroll({
								autoplay	: 	true,
								interval	: 	5000,
								autopause	: 	true
							});*/
						} catch (e) {}
					}				
				$(this).dequeue();
			});
		})
		
		/* Llamada a Ajax contiene error */
		principalPro.ajaxError(function() {
			$(this).load(pestanaPro+' .cambia' , done);
		});

		/* Llamada a Ajax */
		principalPro.queue(function () {
			$(this).fadeOut('slow');
			$(this).load(pestanaPro+' .cambia' , done);
			$(this).dequeue();
		});
		done.call();
	});
	
	//Tabs para cambiar de proyectos con AJAX
	try {
		$("ul#tabs").tabs("div.panes > div.cambia", {
			effect	: 	'myAjaxDet',	
			tabs	:	'a',
			//history	:	true,
			initialIndex	:	-1,
			onBeforeClick	:	function(event,tabIndex) {
				vid = 0;
				$.scrollTo( 0, 800 );
			},
			onclick			: function() {
				vid = 0;
				
			}	
		});
		
		window.ApiListado	=	$("#tabs").data('tabs');

	} catch(e) {}
	
	//Listado de proyectos en detalle
	if($("#listados").size()> 0){
		try {
			$("#listados").scrollable({
				next		: 	'.siguiente',
				prev		:	'.anterior'
				}).navigator({
				navi		: 	"#navi",
				naviItem	: 	'a',
				activeClass	: 	'current'
			});
		} catch(e) {}
	}
	
	// Galerias de fotos en Detalle de proyectos
	if($("#fotogaleria").size()> 0){
		
			//Navegacion de las fotos
			$('.prevPage2, .nextPage2').animate({opacity: 0.1},200)
			$('.prevPage2').hover(function(){
				$(this).animate({opacity: 1},200);
			},function(){
				$(this).animate({opacity: 0.1},200);
			});
			$('.nextPage2').hover(function(){
				$(this).animate({opacity: 1},200);
			},function(){
				$(this).animate({opacity: 0.1},200);
			});
		try {
			$("#fotogaleria").scrollable({
				next		: 	'.sig',
				prev		:	'.ant',
				items		:	'.items2',
				//circular	:	true,
				keyboard	:	false
			}).navigator({
				navi		: 	".naviGaleria",
				naviItem	: 	'a'
			})/*.autoscroll({
				autoplay	: 	true,
				interval	: 	5000,
				autopause	: 	true
			});*/
		} catch(e) { }
	}
	

	
	if($(".map_ver").size()>0)
	   $(".map_ver").click(function(){
			show_m('')
		})
	
});