/*

			_/	_/_/	_/_/_/_/_/							  _/	   
			   _/	_/	  _/	  _/_/	_/	_/	_/_/_/  _/_/_/	
		  _/  _/  _/_/	  _/	_/	_/  _/	_/  _/		_/	_/   
		 _/  _/	_/	  _/	_/	_/  _/	_/  _/		_/	_/	
		_/	_/_/  _/	_/	  _/_/	  _/_/_/	_/_/_/  _/	_/	 
	   _/																  
	_/

	Created by David Kaneda <http://www.davidkaneda.com>
	Documentation and issue tracking on Google Code <http://code.google.com/p/jqtouch/>
	
	Special thanks to Jonathan Stark <http://jonathanstark.com/>
	and pinch/zoom <http://www.pinchzoom.com/>
	
	(c) 2009 by jQTouch project members.
	See LICENSE.txt for license.
	
	$Revision: 121 $
	$Date: 2009-11-16 12:22:34 -0500 (Mon, 16 Nov 2009) $
	$LastChangedBy: davidcolbykaneda $

*/

(function($) {
	$.jQTouch = function(options) {
		
		// Set support values
		$.support.WebKitCSSMatrix = (typeof WebKitCSSMatrix == "object");
		$.support.touch = (typeof Touch == "object");
		$.support.WebKitAnimationEvent = (typeof WebKitTransitionEvent == "object");
		
		// Initialize internal variables
		var $body, 
			$head=$('head'), 
			hist=[], 
			newPageCount=0, 
			jQTSettings={}, 
			hashCheckInterval,
			currentPage, 
			orientation, 
			isMobileWebKit = RegExp(" Mobile/").test(navigator.userAgent), 
			tapReady=true,
			lastAnimationTime=0,
			touchSelectors=[],
			publicObj={},
			extensions=$.jQTouch.prototype.extensions,
			defaultAnimations=['slide','flip','slideup','swap','cube','pop','dissolve','fade','back'], 
			animations=[], 
			hairextensions='';
		// Get the party started
		init(options);

		function init(options) {
			
			var defaults = {
				addGlossToIcon: true,
				backSelector: '.back, .cancel, .goback',
				cacheGetRequests: true,
				cubeSelector: '.cube',
				dissolveSelector: '.dissolve',
				fadeSelector: '.fade',
				fixedViewport: true,
				flipSelector: '.flip',
				formSelector: 'form',
				fullScreen: true,
				fullScreenClass: 'fullscreen',
				icon: null,
				touchSelector: 'a, .touch',
				popSelector: '.pop',
				preloadImages: false,
				slideSelector: '.slidein',    ///gsb  'body > div > div#body > ul li a',
				slideupSelector: '.slideup',
				startupScreen: null,
				statusBar: 'default', // other options: black-translucent, black
				submitSelector: '.submit',
				swapSelector: '.swap',
				useAnimations: true,
				useFastTouch: true // Experimental.
			};
			jQTSettings = $.extend({}, defaults, options);
			
			// Preload images
			if (jQTSettings.preloadImages) {
				for (var i = jQTSettings.preloadImages.length - 1; i >= 0; i--){
					(new Image()).src = jQTSettings.preloadImages[i];
				};
			}
			// Set icon
			if (jQTSettings.icon) {
				var precomposed = (jQTSettings.addGlossToIcon) ? '' : '-precomposed';
				hairextensions += '<link rel="apple-touch-icon' + precomposed + '" href="' + jQTSettings.icon + '" />';
			}
			// Set startup screen
			if (jQTSettings.startupScreen) {
				hairextensions += '<link rel="apple-touch-startup-image" href="' + jQTSettings.startupScreen + '" />';
			}
			// Set viewport
			if (jQTSettings.fixedViewport) {
				hairextensions += '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"/>';
			}
			// Set full-screen
			if (jQTSettings.fullScreen) {
				hairextensions += '<meta name="apple-mobile-web-app-capable" content="yes" />';
				if (jQTSettings.statusBar) {
					hairextensions += '<meta name="apple-mobile-web-app-status-bar-style" content="' + jQTSettings.statusBar + '" />';
				}
			}
			if (hairextensions)  { 
		$head.prepend(hairextensions);
		}

			// Initialize on document load:
			$(document).ready(function(){

				// Add extensions
				for (var i in extensions)
				{
					var fn = extensions[i];
					if ($.isFunction(fn))
					{
						$.extend(publicObj, fn(publicObj));
					}
				}
				
				// Add animations
				for (var i in defaultAnimations)
				{
					var name = defaultAnimations[i];
					var selector = jQTSettings[name + 'Selector'];
					if (typeof(selector) == 'string') {
						addAnimation({name:name, selector:selector});
					}
				}

				touchSelectors.push('input');
				touchSelectors.push(jQTSettings.touchSelector);
				touchSelectors.push(jQTSettings.backSelector);
				touchSelectors.push(jQTSettings.submitSelector);
				$(touchSelectors.join(', ')).css('-webkit-touch-callout', 'none');
				$(jQTSettings.backSelector).tap(liveTap);
				$(jQTSettings.submitSelector).tap(submitParentForm);

				$body = $('body');
				
				if (jQTSettings.fullScreenClass && window.navigator.standalone == true) {
					$body.addClass(jQTSettings.fullScreenClass + ' ' + jQTSettings.statusBar);
				}

				// Create custom live events
				$body
					.bind('touchstart', handleTouch)
					.bind('orientationchange', updateOrientation)
					.trigger('orientationchange')
					.submit(submitForm);
					
				if (jQTSettings.useFastTouch && $.support.touch)
				{
					$body.click(function(e){
						var $el = $(e.target);
						if ($el.isExternalLink())
						{
							return true;
						} else {
							return false;
						}
					});
					
					// This additionally gets rid of form focusses
					$body.mousedown(function(e){
						var timeDiff = (new Date()).getTime() - lastAnimationTime;
						if (timeDiff < 200)
						{
							return false;
						}
					});
				}

				// Make sure exactly one child of body has "current" class
				if ($('body > .current').length == 0) {
					currentPage = $('body > *:first');
				} else {
					currentPage = $('body > .current:first');
					$('body > .current').removeClass('current');
				}
				
				// Go to the top of the "current" page
				$(currentPage).addClass('current');
				location.hash = '#' + $(currentPage).attr('id');
				addPageToHistory(currentPage);
				scrollTo(0, 0);
				startHashCheck();
			});
		}
		
		// PUBLIC FUNCTIONS
		function goBack(to) {
			// Init the param
				var numberOfPages = Math.min(parseInt(to || 1, 10), hist.length-1),
					curPage = hist[0];
				
				// Search through the history for an ID
				if( isNaN(numberOfPages) && typeof(to) === "string" && to != '#' ) {
					for( var i=1, length=hist.length; i < length; i++ ) {
						if( '#' + hist[i].id === to ) {
							numberOfPages = i;
							break;
						}
					}
				}

				// If still nothing, assume one
				if( isNaN(numberOfPages) || numberOfPages < 1 ) {
					numberOfPages = 1;
				};

				if (hist.length > 1)
				{
					// Remove all pages in front of the target page
					hist.splice(0, numberOfPages);
					animatePages(curPage.page, hist[0].page, curPage.animation, curPage.reverse === false);
				}
				else
				{
					location.hash = '#' + curPage.id;
				}

				return publicObj;
		}
		function goTo(toPage, animation, reverse) {
			var fromPage = hist[0].page;
			
			if (typeof(toPage) === 'string') {
				toPage = $(toPage);
			}
			if (typeof(animation) === 'string') {
				for (var i = animations.length - 1; i >= 0; i--){
					if (animations[i].name === animation)
					{
						animation = animations[i];
						break;
					}
				}
			}
			if (animatePages(fromPage, toPage, animation, reverse)) {
				addPageToHistory(toPage, animation, reverse);
				return publicObj;
			}
			else
			{
				console.error('Could not animate pages.');
				return false;
			}
		}
		function getOrientation() {
			return orientation;
		}

		// PRIVATE FUNCTIONS
		function liveTap(e){
			
			// Grab the clicked element
			var $el = $(e.target);

			if ($el.attr('nodeName')!=='A' && $el.attr('nodeName')!=='AREA'){
				$el = $el.closest('a, area');
			}
			
			var target = $el.attr('target'), 
				hash = $el.attr('hash'), 
				animation=null;
			
			if (tapReady == false || !$el.length) {
				console.warn('Not able to tap element.');
				return false;
			}
			
			if ($el.isExternalLink())
			{
				$el.removeClass('active');
				return true;
			}

			// Figure out the animation to use
			for (var i = animations.length - 1; i >= 0; i--){
				if ($el.is(animations[i].selector)) {
					animation = animations[i];
					break;
				}
			};

			// User clicked an internal link, fullscreen mode
			if (target == '_webapp') {
				window.location = $el.attr('href');
			}
			// User clicked a back button
			else if ($el.is(jQTSettings.backSelector)) {
				goBack(hash);
			}
			// Branch on internal or external href
			else if (hash && hash!='#') {
				$el.addClass('active');
				goTo($(hash).data('referrer', $el), animation, $(this).hasClass('reverse'));
			} else {
				$el.addClass('loading active');
				showPageByHref($el.attr('href'), {
					animation: animation,
					callback: function(){ 
						$el.removeClass('loading'); setTimeout($.fn.unselect, 250, $el);
					},
					$referrer: $el
				});
			}
			return false;
		}
		function addPageToHistory(page, animation, reverse) {
			// Grab some info
			var pageId = page.attr('id');
			// Prepend info to page history
			hist.unshift({
				page: page, 
				animation: animation, 
				reverse: reverse || false,
				id: pageId
			});
		}
		function animatePages(fromPage, toPage, animation, backwards) {
			// Error check for target page
			if(toPage.length === 0){
				$.fn.unselect();
				console.error('Target element is missing.');
				return false;
			}
			
			// Collapse the keyboard
			$(':focus').blur();

			// Make sure we are scrolled up to hide location bar
			scrollTo(0, 0);
			
			// Define callback to run after animation completes
			var callback = function animationEnd(event){
				if (animation)
				{
					toPage.removeClass('in ' + animation.name);
					fromPage.removeClass('current out ' + animation.name);
					if (backwards) {					
						toPage.toggleClass('reverse');
						fromPage.toggleClass('reverse');
					}
				}
				else
				{
					fromPage.removeClass('current');
				}

				toPage.trigger('pageAnimationEnd', { direction: 'in' });
				fromPage.trigger('pageAnimationEnd', { direction: 'out' });

				clearInterval(hashCheckInterval);
				currentPage = toPage;
				location.hash = '#' + currentPage.attr('id');
				startHashCheck();

				var $originallink = toPage.data('referrer');
				if ($originallink) {
					$originallink.unselect();
				}
				adjustBodyToEl();  ///gsb added
				lastAnimationTime = (new Date()).getTime();
				tapReady = true;
			}

			fromPage.trigger('pageAnimationStart', { direction: 'out' });
			toPage.trigger('pageAnimationStart', { direction: 'in' });

			if ($.support.WebKitAnimationEvent && animation && jQTSettings.useAnimations) {
				toPage.one('webkitAnimationEnd', callback);
				tapReady = false;
				if (backwards) {					
					toPage.toggleClass('reverse');
					fromPage.toggleClass('reverse');
				}
				toPage.addClass(animation.name + ' in current ');
				fromPage.addClass(animation.name + ' out');

			} else {
				toPage.addClass('current');
				callback();
			}

			return true;
		}
		function hashCheck() {
			var curid = currentPage.attr('id');
			if (location.hash == '') {
				location.hash = '#' + curid;
			} else if (location.hash != '#' + curid) {
				clearInterval(hashCheckInterval);
				goBack(location.hash);
			}
		}
		function startHashCheck(){
			hashCheckInterval = setInterval(hashCheck, 100);
		}
		function insertPages(nodes, animation) {
			var targetPage = null;
			$(nodes).each(function(index, node){
				var $node = $(this);
				if (!$node.attr('id')) {
					$node.attr('id', 'page-' + (++newPageCount));
				}
				
				$body.trigger('pageInserted', {page: $node.appendTo($body)});

				if ($node.hasClass('current') || !targetPage ) {
					targetPage = $node;
				}
			});
			if (targetPage !== null) {
				goTo(targetPage, animation);
				return targetPage;
			}
			else
			{
				return false;
			}
		}
		function showPageByHref(href, options) {
			var defaults = {
				data: null,
				method: 'GET',
				animation: null,
				callback: null,
				$referrer: null
			};
			
			var settings = $.extend({}, defaults, options);

			if (href != '#')
			{
				$.ajax({
					url: href,
					data: settings.data,
					type: settings.method,
					success: function (data, textStatus) {
						var firstPage = insertPages(data, settings.animation);
						if (firstPage)
						{
							if (settings.method == 'GET' && jQTSettings.cacheGetRequests === true && settings.$referrer)
							{
								settings.$referrer.attr('href', '#' + firstPage.attr('id'));
							}
							if (settings.callback) {
								settings.callback(true);
							}
						}
					},
					error: function (data) {
						if (settings.$referrer) {
						settings.$referrer.unselect();
					}
						if (settings.callback) {
							settings.callback(false);
						}
					}
				});
			}
			else if ($referrer)
			{
				$referrer.unselect();
			}
		}
		function submitForm(e, callback){
			var $form = (typeof(e)==='string') ? $(e).eq(0) : $(e.target);

			if ($form.length && $form.is(jQTSettings.formSelector)) {
				showPageByHref($form.attr('action'), {
					data: $form.serialize(),
					method: $form.attr('method') || "POST",
					animation: animations[0] || null,
					callback: callback
				});
				return false;
			}
			return true;
		}
		function submitParentForm(e){
			var $form = $(this).closest('form');
			if ($form.length)
			{
				evt = jQuery.Event("submit");
				evt.preventDefault();
				$form.trigger(evt);
				return false;
			}
			return true;
		}
		function addAnimation(animation) {
			if (typeof(animation.selector) == 'string' && typeof(animation.name) == 'string') {
				animations.push(animation);
				$(animation.selector).tap(liveTap);
				touchSelectors.push(animation.selector);
			}
		}
/* gsb saved
		function updateOrientation() {
			orientation = window.innerWidth < window.innerHeight ? 'profile' : 'landscape';
			$body.removeClass('profile landscape').addClass(orientation).trigger('turn', {orientation: orientation});
			// scrollTo(0, 0);
		}
*/
		function handleTouch(e) {			
			var $el = $(e.target);

			// Only handle touchSelectors
			if (!$(e.target).is(touchSelectors.join(', ')))
			{
				var $link = $(e.target).closest('a, area');
				
				if ($link.length && $link.is(touchSelectors.join(', '))){
					$el = $link;
				} else {
					return;
				}
			}

			if (e)
			{
				var hoverTimeout = null,
					startX = event.changedTouches[0].clientX,
					startY = event.changedTouches[0].clientY,
					startTime = (new Date).getTime(),
					deltaX = 0,
					deltaY = 0,
					deltaT = 0;

				// Let's bind these after the fact, so we can keep some internal values
				$el.bind('touchmove', touchmove).bind('touchend', touchend);

				hoverTimeout = setTimeout(function(){
					$el.makeActive();
				}, 100);
				
			}

			// Private touch functions (TODO: insert dirty joke)
			function touchmove(e) {
				
				updateChanges();
				var absX = Math.abs(deltaX);
				var absY = Math.abs(deltaY);
								
				// Check for swipe
				if (absX > absY && (absX > 35) && deltaT < 1000) {
					$el.trigger('swipe', {direction: (deltaX < 0) ? 'left' : 'right'}).unbind('touchmove touchend');
				} else if (absY > 1) {
					$el.removeClass('active');
				}

				clearTimeout(hoverTimeout);
			} 
			
			function touchend(){
				updateChanges();
			
				if (deltaY === 0 && deltaX === 0) {
					$el.makeActive();
					$el.trigger('tap');
				} else {
					$el.removeClass('active');
				}
				$el.unbind('touchmove touchend');
				clearTimeout(hoverTimeout);
			}
			
			function updateChanges(){
				var first = event.changedTouches[0] || null;
				deltaX = first.pageX - startX;
				deltaY = first.pageY - startY;
				deltaT = (new Date).getTime() - startTime;
			}

		} // End touch handler

		// Public jQuery Fns
		$.fn.unselect = function(obj) {
			if (obj) {
				obj.removeClass('active');
			} else {
				$('.active').removeClass('active');
			}
		}
		$.fn.makeActive = function(){
			return $(this).addClass('active');
		}
		$.fn.swipe = function(fn) {
			if ($.isFunction(fn))
			{
				return $(this).bind('swipe', fn);
			} else {
				return $(this).trigger('swipe');
			}
		}
		$.fn.tap = function(fn){
			if ($.isFunction(fn))
			{
				var tapEvent = (jQTSettings.useFastTouch && $.support.touch) ? 'tap' : 'click';
				return $(this).live(tapEvent, fn);
			} else {
				return $(this).trigger('tap');
			}
		}
		$.fn.isExternalLink = function(){
			var $el = $(this);
			return ($el.attr('target') == '_blank' || $el.attr('rel') == 'external' || $el.is('input[type="checkbox"], input[type="radio"], a[href^="http://maps.google.com:"], a[href^="mailto:"], a[href^="tel:"], a[href^="javascript:"], a[href*="youtube.com/v"], a[href*="youtube.com/watch"]'));
		}

/* gsb added... */
		function updateOrientation( orient ) {
			if( orient === 'profile' || orient === 'landscape' ) orientation = orient;
			else orientation = window.innerWidth < window.innerHeight ? 'profile' : 'landscape';
			$body.removeClass('profile landscape').addClass(orientation).trigger('turn', {orientation: orientation, $body: $body, currentPage: currentPage });
			// scrollTo(0, 0);
			adjustBodyToEl();
		}
		// ...a dirty hack since iphone body doesn't expand/contract with content.
		function adjustBodyToEl() {
			var el = $("body > div.current");
			var n = Math.max(el.outerHeight(true),($body.hasClass('profile')?460:300));
			//console.log("Height: "+el.outerHeight(true)+" / "+$body.hasClass('profile')+" / "+($body.hasClass('profile')?460:300));
			$body.height(Math.max(el.outerHeight(true),($body.hasClass('profile')?460:300)));
		}
		
		function addMoreByHref(href, options) {
			var defaults = {
				url: href,
				data: '',
				method: 'GET',
				callback: null,
				$referrer: null,
				ststus: false
			};
			var settings = $.extend({}, defaults, options);

			$.ajax( {
				url:  settings.url,
				data: settings.data,
				type: settings.method,

				success: function (data, textStatus) {
		//console.log("Ajax success: "+data+"\n"+textStatus+"\n"+settings.method);
					settings.data = data;
					settings.status = true;
					if(settings.callback) settings.callback(settings);
				},
				error: function (data) {
		///console.log("Ajax error: "+data);
					settings.data = data;
					settings.status = false;
					///if (settings.$referrer) settings.$referrer.unselect();
					$('.active').removeClass('active');
					if (settings.callback) settings.callback(settings);
				}
			} );
		}
/*  gsb added end */

		publicObj = {
			getOrientation: getOrientation,
			goBack: goBack,
			goTo: goTo,
			addAnimation: addAnimation,
			submitForm: submitForm,

			addMoreByHref: addMoreByHref,  /* gsb added... */
			updateOrientation: updateOrientation,  /* gsb added... */
			adjustBodyToEl: adjustBodyToEl  /* gsb added... */
		}

		return publicObj;
	}
	
	// Extensions directly manipulate the jQTouch object, before it's initialized.
	$.jQTouch.prototype.extensions = [];
	$.jQTouch.addExtension = function(extension){
		$.jQTouch.prototype.extensions.push(extension);
	}

})(jQuery);