$(document).ready(function(){
	
	function isiPhone(){
		return (
			(navigator.platform.indexOf("iPhone") != -1) ||
			(navigator.platform.indexOf("iPod") != -1)
		);
	}
	
	// add these classes to all list items
	$("li:first-child").addClass("tf-first-child");
	$("li:last-child").addClass("tf-last-child");
	
	// wrap iframes, objects and embeds to for resposive behavior
	$('iframe').wrap('<div class="responsive-container" />');
	$('object').wrap('<div class="responsive-container" />');
	$('embed').wrap('<div class="responsive-container" />');
	
	var applyStylesWithJS = false;
	var mobileSafari = isiPhone();
	
	// apply css styles with javascript if ie < 9 or safari (safari media queries exclude scrollbars when calculating viewport width)
	if(($.browser.webkit && !mobileSafari && !/chrome/.test(navigator.userAgent.toLowerCase())) || $.browser.msie && parseInt($.browser.version, 10) < 9)
	{	
		
		applyStylesWithJS = true;
		
		// detect ie8 and fix bugs
		if($.browser.msie && parseInt($.browser.version, 10) == 8) {
			
			// persistent vertical scrollbar stops ie8 from entering into js resize loops
			$('html').css({'height' : '100%', 'overflow-y' : 'scroll'});
			
			themefitApplyStyles($(this).width( )); 
			
			var delayResize = null;  // resize on timer to slow ie8 jQuery triggering
			var delayTime = 50;
			
			$(window).resize(function( ) {
				if (delayResize){
					clearTimeout(delayResize);
				}
			
				delayResize = setTimeout(function( ) {
						themefitApplyStyles($(this).width( ));
						themefitRefresh( );
				}, delayTime);
			});
		// safari or ie7	
    	}else{
			
			themefitApplyStyles($(this).width( ));
			
			$(window).resize(function( ) {
				themefitApplyStyles($(this).width( ));
				themefitRefresh( );
			});
		}
	// all other browsers	
    }else{
		
		$(window).resize(function( ) {
			themefitRefresh( );
        });
	}
	
	// apply styles with javascript
	function themefitApplyStyles(width) {
		width = parseInt(width);
		if (width <= 750) {
			$("#styles-751-970").attr("media", "none");
			$("#styles-0-750").attr("media", "screen");
		} else if ((width >= 751) && (width <= 970)) {
			$("#styles-751-970").attr("media", "screen");
			$("#styles-0-750").attr("media", "none");
		} else {
			$("#styles-751-970").attr("media", "none");
			$("#styles-0-750").attr("media", "none");
		}
	}
	
	// refresh all dynamicaly sized modules
	function themefitRefresh( ) {
		$("#main-nav").themefitmobilemenu('refresh');
		$('div.tf-gallery-wrapper').themefitgallery('refresh');
		$('div.tf-slideshow-wrapper').themefitslideshow('refresh');
		$('.showhide').themefitshowhide('refresh');
	}
	
	// initialize all modules
	function themefitInit( ){
		$("#main-nav").themefitmobilemenu( );
		$('div.tf-gallery-wrapper').themefitgallery( );
		$('div.tf-slideshow-wrapper').themefitslideshow( );
		$('.showhide').themefitshowhide( );
	}
	
	// ensure resize executes after all css has been loaded
	function cssLoadPrecaution( ){
		if(applyStylesWithJS)
			themefitApplyStyles($(this).width());
		
		themefitRefresh( );
	}
	
	themefitInit( );
	
	setTimeout(function( ) { cssLoadPrecaution(); }, 2000); 
	
});