/* Zona Estilo -- INIT.js Doc */

$(document).ready(function() {
		
		//banner-animation
		$('#banners').orbit({			
  animation: 'horizontal-push',               // fade, horizontal-slide, vertical-slide, horizontal-push
  animationSpeed: 800,             // how fast animations are
  timer: true,                     // true or false to have the timer
  advanceSpeed: 8500,              // if timer is enabled, time between transitions
  pauseOnHover: false,             // if you hover pauses the slider
  startClockOnMouseOut: false,     // if clock should start on MouseOut
  startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
  directionalNav: true            // manual advancing directional navs
  				});
				
		$('#prod-car').orbit({			
  animation: 'fade',               // fade, horizontal-slide, vertical-slide, horizontal-push
  animationSpeed: 500,             // how fast animations are
  timer: true,                     // true or false to have the timer
  advanceSpeed: 3000,              // if timer is enabled, time between transitions
  pauseOnHover: false,             // if you hover pauses the slider
  startClockOnMouseOut: false,     // if clock should start on MouseOut
  startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
  directionalNav: false            // manual advancing directional navs
  				});
					
					$('#pg_mobi-temp #implementaciones').orbit({			
  animation: 'fade',               // fade, horizontal-slide, vertical-slide, horizontal-push
  animationSpeed: 500,             // how fast animations are
  timer: true,                     // true or false to have the timer
  advanceSpeed: 3000,              // if timer is enabled, time between transitions
  pauseOnHover: false,             // if you hover pauses the slider
  startClockOnMouseOut: false,     // if clock should start on MouseOut
  startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
  directionalNav: false            // manual advancing directional navs
  				});
	
		//banner-nav ui arrows
		/*$('div.slider-nav').css('opacity', "0.25");
		$('#banners, div.slider-nav').mouseenter(function(){
			$('div.slider-nav').stop().fadeTo('fast', 1);
		}).mouseleave(function(){
				$('div.slider-nav').stop().fadeTo('slow', 0.25);
			});*/
			
			
	  //more content on #Empresa
		var clientlist = $('#main-content #clientes ul');
		var clientToggler = $('#main-content #clientes h3');
		var dondelist = $('#main-content #donde ul');
		var dondeToggler = $('#main-content #donde h3');
		var hint = $(this).parent().find('span');
		
		clientlist.hide();
		dondelist.hide();
		clientToggler.addClass('off');
		dondeToggler.addClass('off');
		
		dondeToggler.toggle(
			function() { dondelist.slideDown('slow'); $(this).removeClass('off').addClass('open'); },
			function () { dondelist.slideUp(); $(this).removeClass('open').addClass('off'); }
		);
		
		clientToggler.toggle(
			function() { clientlist.slideDown('slow'); $(this).removeClass('off').addClass('open') },
			function () { clientlist.slideUp(); $(this).removeClass('open').addClass('off'); }
		);
			
			
		//portfolio
		$('body#pg_portfolio #main-content ul li').addClass('NotonMe');
		
		$("li.NotonMe").mouseenter(function(){
				$(this).removeClass("NotonMe").addClass("onMe").stop().fadeTo('slow', 1);
			}).mouseleave(function(){
				$(this).removeClass("onMe").addClass("NotonMe").stop().fadeTo('slow', 0.6);
			});
			
			$('body#pg_portfolio #main-content ul').mouseenter(function(){
				$('li.NotonMe').stop().fadeTo('slow', 0.6);				
			});
			
			$('body#pg_portfolio #main-content ul').mouseleave(function(){
				$('body#pg_portfolio #main-content ul li').stop().fadeTo('slow', 1);
			});	
			
		//enlarge thumbnails global function
		$('a.pop').fancybox({
			'padding': 8,
			'opacity': true,
			'cyclic': true,
			'autoDimensions': true,
			'overlayShow': true,
			'overlayOpacity': 0.2,
			'overlayColor': '#000000',
			'titleShow': true,
			'titlePosition': 'over',
			'transitionIn': 'elastic',
			'transitionOut': 'elastic',
			'speedIn': 320,
			'speedOut': 220,
			'changeSpeed': 480,
			'easingIn': 'swing',
			'easingOut': 'swing',
			'showCloseButton': true,
			'showNavArrows': true			
		});
		
		//Mobiliario (ajaxified)
		
		
			 
			//globals - SIDENAV
			var fullProdsNav = $(".expander ul.container");	
			var allExpanders = $(".expander");
			
			//collapse all - SIDENAV
		  fullProdsNav.slideUp('fast');
			allExpanders.addClass('closed');
			
			//open-close - SIDENAV
			$("#aside h3").click(function(){
				var closed = $(this).parent().hasClass('closed');
	
				$('.expander.opened ul').slideUp();
				$('.expander.opened').removeClass('opened').addClass('closed');
	
    		if (closed){
        	$(this).parent().removeClass('closed').addClass('opened');
					$(this).parent().find('ul').slideDown();
    		}
			});
				
			//thumb-viewing-sys - ITEM-NAV
				
				
				//navi fx//
				
				
				//var img3 = $('ul#pic-gallery li.third-item');
				
				var thumb1 = $('ul#picker li.first');
				var thumb2 = $('ul#picker li.second');
				var thumb3 = $('ul#picker li.third');
				
				$(thumb1).live('click', function(){
					var img1 = $('ul#pic-gallery li.first-item');
					var clearAllbut1 = $('ul#pic-gallery').find('li').not(img1);
					if (img1.hasClass(".visible")){
						return;
					} else {
						$(clearAllbut1).fadeOut('fast').removeClass(".visible");
						$(img1).delay(180).fadeIn().addClass(".visible");
					}
				});
				
				$(thumb2).live('click', function(){
					var img2 = $('ul#pic-gallery li.second-item');
					var clearAllbut2 = $('ul#pic-gallery').find('li').not(img2);
					if (img2.hasClass(".visible")){
						return;
					} else {
						$(clearAllbut2).fadeOut('fast').removeClass(".visible");
						$(img2).delay(180).fadeIn().addClass(".visible");
					}
				});
				
				$(thumb3).live('click', function(){
					var img3 = $('ul#pic-gallery li.third-item');
					var clearAllbut3 = $('ul#pic-gallery').find('li').not(img3);
					if (img3.hasClass(".visible")){
						return;
					} else {
						$(clearAllbut3).fadeOut('fast').removeClass(".visible");
						$(img3).delay(180).fadeIn().addClass(".visible");
					}
				});
				
				
			//ajax-powered-exploring
			var mobiLinks = $(".expander .container li a");

					
			
			var hash = window.location.hash.substr(1);
				var href = $(mobiLinks).each(function(){
					var href = $(this).attr('href');
					if(hash==href.substr(0,href.length-5)){
						var toLoad = hash+'.html #content';
					$('#ajax-content').load(toLoad ,function(){
						//vars
					var item2show = $('ul#pic-gallery li.first-item');
					var items2hide = $('ul#pic-gallery').find('li').not(".first-item");
			
					//hide all items that are not for showing right now
					$(items2hide).hide();
					$(item2show).addClass('.visible'); 
					});
					
					
				}	
														
			});
				
			(mobiLinks).click(function(event){
						 
				var toLoad = $(this).attr('href')+' #content';  
    		var startHint = $(document).find("p#start").length; // 0 = not - 1 = yes
				var isContentLoaded = $(document).find("#content").length; // 0 = not - 1 = yes
				var hasStartHint = $(startHint) == 1;
				var hasLoadedContent = $(isContentLoaded) == 1;
				
				$('#content').fadeOut('fast',loadContent);
				$('#start').fadeOut('fast',loadContent).remove();
				$('#load').fadeIn('normal');
				window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
				function loadContent() {
					$('#ajax-content').load(toLoad,'',showNewContent() ,changeAttr() ,function(){
						//vars
					var item2show = $('ul#pic-gallery li.first-item');
					var items2hide = $('ul#pic-gallery').find('li').not(".first-item");
			
					//hide all items that are not for showing right now
					$(items2hide).hide();
					$(item2show).addClass('.visible'); 
					});
					
				}
				
				
				function showNewContent() {
					$('#ajax-content').fadeIn('normal',hideLoader());
					}
				function hideLoader() {
					$('#load').fadeOut('normal');
				}
				function changeAttr() {
					$('body').attr("id", "pg_mobi_item");
				}
				
				return false;
		
			});
				

	  //send contact form thru Ajax
		$('input.txt, input.txt-min, textarea.txt').focus(function(){
			$(this).addClass('on');
		});
		
		$('input.txt, input.txt-min, textarea.txt').blur(function(){
			$(this).removeClass('on');
		});
		
		//contact form
		$('a#send-kntk').click(function(){
			// define vars for this form
			var nombre = $('input#nombre');	
			var nombreVal = $('input#nombre').val();			
			var mailAddr = $('input#mail-address');
			var mailAddrVal = $('input#mail-address').val();
			var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			var msg = $('textarea#msg');
			var msgVal = $('textarea#msg').val();
			var inputFields = $('form#contact input');
			var sendButton = $('form#contact a');
			//if it has any errors or is empty
			if (nombreVal==''||mailAddrVal==''||!emailReg.test(mailAddrVal)||msgVal==''||msgVal.length < 35) {
				if(nombreVal=='') { $('#nombre-empty').slideDown(); } else { $('#nombre-empty').slideUp(); }
				if(mailAddrVal=='') { $('#mail-empty').slideDown(); } else { $('#mail-empty').slideUp(); }
				if(!emailReg.test(mailAddrVal)) { $('#mail-illegal').slideDown(); } else { $('#mail-illegal').slideUp(); }
				if(msgVal=='') { $('#msg-empty').slideDown(); } 
				else if(msgVal.length < 35) { $('#msg-empty').slideUp(); $('#msg-less').slideDown(); } else { $('#msg-empty').slideUp(); } 
			}
				
			else { //ready to go!
				// fetch data
				var kntk_data = 'nombre=' + nombreVal + '&mail-address=' + mailAddrVal + '&msg=' + msgVal;
				
				//disable field
				inputFields.prop({
					disabled: true
				});
				
				msg.prop({
					disabled: true
				});
				
				//show sending...
				$("dd.error").slideUp();
				$('#msg-less').slideUp();
				$('#form-error').fadeOut();
				$('#form-sending').fadeIn();
				
				//start ajax-module
				$.ajax({
					url: "fx/kntksnd.php",
					type: "POST",
					data: kntk_data,
					cache: false,
					success: function (html) {
						if (html==1) {
							$('#form-sending').delay(200).fadeOut();
							$('#form-ok').delay(785).fadeIn();
							inputFields.val('');
							msg.val('');
							inputFields.prop({
							disabled: false
							});
							msg.prop({
							disabled: false
							});											
						} else {
							$('#form-sending').delay(200).fadeOut();;
							$('#form-error').delay(785).fadeIn();
							inputFields.prop({
							disabled: false
							});
							msg.prop({
							disabled: false
							});				
						}
					}
			});
			
			}
			
		});
});