var w = $(document).width();// device width 
var deviceAgent = navigator.userAgent.toLowerCase();
var iOS = false;
iOS = deviceAgent.match(/(iphone|ipod|ipad)/);
var android = deviceAgent.match(/(android)/);
var opera = deviceAgent.match(/(opera)/);
//var ie8 = deviceAgent.match(/(ie8|ie7|ie6)/);

var ie8 = $.browser.msie && + $.browser.version <= 8;
var ie7 = $.browser.msie && + $.browser.version <= 7;


//alert(ie8);

var current_banner = 0;
var total_banners = 0;

function animate_banner(){

	// less than ie8
	if(ie8){
		//$('section#wrap_screens .screens').hide();
	}

	w = $('.center').width();// device width 

	//alert(w);

	var left_one = current_banner;
	var middle_one = current_banner+1;
	var right_one = current_banner+2;
	
	var banner_w = $('div#banner .center').width();
	
	//var middle_w = '46%';
	//var middle_l = '27%';
	var middle_w = '40%';
	var middle_l = '35%';
	var side_w = 433;
	var side_top_margin = '90px';
	//var middle_top_margin = '60px';
	var middle_top_margin = '80px';
	var left_top_margin = '60px';
	var right_top_margin = '90px';
	
	
	
	// FAR LEFT
	var far_left_w = '57.5%';
	var far_left_l = '-25%';
	var far_left_t = '20px';
	
	// LEFT
	var left_w = '46%';
	var left_l = '2%';
	var left_t = '60px';
	
	// MIDDLE
	var middle_w = '36.8%';
	var middle_l = '31.75%';
	var middle_t = '98px';
	
	// RIGHT
	var right_w = '29.44%';
	var right_l = '55.5%';
	var right_t = '127px';
	
	// FAR RIGHT
	var far_right_w = '23.552%';
	var far_right_l = '74.448%';
	var far_right_t = '150px';
	
	// FAR FAR RIGHT
	var far_far_right_w = '19%';
	var far_far_right_l = '77%';
	var far_far_right_t = '155px';
	
	// FAR FAR FAR RIGHT
	var far_far_far_right_w = '19%';
	var far_far_far_right_l = '77%';
	var far_far_far_right_t = '155px';
	
	var mobile = false;
	

	if(w < 621){
		//$('section#wrap_screens .screens').hide();
		//middle_w = '91%';
		//middle_l = '4.5%';
		//var side_w = 240;
		//side_top_margin = '45px';
		//middle_top_margin = '-5px';
		
		mobile = true;
		
		// FAR LEFT
		var far_left_w = '91%';
		var far_left_l = '-25%';
		var far_left_t = '-5px';
		
		// LEFT
		var left_w = '91%';
		var left_l = '4.5%';
		var left_t = '-5px';
		
		// MIDDLE
		var middle_w = '40%';
		var middle_l = '50%';
		var middle_t = '20px';
		
		// RIGHT
		var right_w = '40%';
		var right_l = '50%';
		var right_t = '20px';
		
		// FAR RIGHT
		var far_right_w = '40%';
		var far_right_l = '50%';
		var far_right_t = '20px';
		
		// FAR FAR RIGHT
		var far_far_right_w = '40%';
		var far_far_right_l = '50%';
		var far_far_right_t = '20px';
		
		// FAR FAR FAR RIGHT
		var far_far_far_right_w = '40%';
		var far_far_far_right_l = '50%';
		var far_far_far_right_t = '20px';
	}
	
	//alert(middle_w);
	
	// apply classes to the div


	// FAR LEFT
	$('section#wrap_screens .screens:eq('+(left_one-1)+')')
		.stop()
		//.removeClass('left')
		.css({'z-index':'301'})
		//.addClass('out_left')
		.animate({'opacity':'0','width':far_left_w,'left':far_left_l,'margin-top':far_left_t}, 500);
		//.show();
		
	var bg = $('section#wrap_screens .screens:eq('+(left_one)+')').attr('data-src');
	
	//alert(bg);
	
	// LEFT
	$('section#wrap_screens .screens:eq('+left_one+')')
		.stop()
		.addClass('left')
		.removeClass('middle')
		.animate({'left':left_l, 'width':left_w, 'margin-top':left_t, 'opacity':'1'}, 500, function(){
		
			// removes shadow		
			//$('section#wrap_screens .screens:eq('+(left_one)+')');
			//alert(left_one);
			if( (left_one) > 0){
				$('section#wrap_screens .screens:eq('+(left_one-1)+')').removeClass('left').hide();
			}	
			
			//$('section#wrap_screens .screens:eq('+left_one+')').css({'z-index':'300'});
			
		})
		.css({'z-index':'300'})
		.show()
		.find('img').attr('src', bg);
		
		
	//if(!mobile){	
		
		var bg = $('section#wrap_screens .screens:eq('+(middle_one)+')').attr('data-src');
	
	//}
		
	//  MIDDLE	
	$('section#wrap_screens .screens:eq('+middle_one+')')
		.animate({'left': middle_l, 'width':middle_w, 'margin-top':middle_t}, 500, function(){
		
			if(middle_one){
		
				//$('section#wrap_screens .screens:eq('+middle_one+')').removeClass('left right').addClass('middle');	
			}
		
		})
		//.css({'background-image': bg })
		.css({'z-index':'201'})
		.show()
		.find('img').attr('src', bg);
		
	var bg = '';	
		
	if(!mobile){	
		
		var bg = $('section#wrap_screens .screens:eq('+(right_one)+')').attr('data-src');
	
	}	
	
	// RIGHT	
	$('section#wrap_screens .screens:eq('+right_one+')')
		.stop()
		//.removeClass('middle')	
		.addClass('right')		
		.css({'z-index':'200'})
		.animate({'left': right_l, 'width':right_w, 'margin-top':right_t}, 500, function(){
		
			$('section#wrap_screens .screens:eq('+right_one+')').removeClass('middle');
		
		}).show()
		.find('img').attr('src', bg);
		
		
		
	if(!mobile){	
		
		var bg = $('section#wrap_screens .screens:eq('+(right_one+1)+')').attr('data-src');
	
	}	
	
	// FAR RIGHT
	$('section#wrap_screens .screens:eq('+(right_one+1)+')')
		//.animate({'left': '100%' }, 500);
		.css({'z-index':'199'}).show()
		//.removeClass('right')
		.animate({'opacity':'1','width':far_right_w,'margin-top':far_right_t,'left':far_right_l}, 500, function(){
		
			$('section#wrap_screens .screens:eq('+(right_one+1)+')').removeClass('right');
		
		})
		.find('img').attr('src', bg);


	// FAR FAR RIGHT
	$('section#wrap_screens .screens:eq('+(right_one+2)+')')
		.animate({'left': far_far_right_l, 'width': far_far_right_w, 'margin-top':far_far_right_t }, 500)
		.css({'z-index':'198'}).show();
		//.removeClass('right');
		
		
		
	// FAR FAR FAR RIGHT
	$('section#wrap_screens .screens:eq('+(right_one+3)+')')
		.animate({'left': far_far_far_right_l, 'width': far_far_far_right_w, 'margin-top':far_far_far_right_t }, 500)
		.css({'z-index':'197'}).show();
		//.hide();
		//.removeClass('right');
		
		
	$('section#wrap_screens .screens').each(function(i){
		
		//alert();
		
		if( i > (right_one+2) ){
		
			//alert(i);	
			$('section#wrap_screens .screens:eq('+(i)+')').hide();
		
		}
		
	});

	
}

// hides the address bar
function top_off(){
		
		//$('html, body').animate({scrollTop:0}, 1);
		
		var is_home = $('div#banner').length;
		
		if(w < 621 && !is_home){
			scrollTo(0,45);
		}
		
		else if(w < 621 && is_home){
			scrollTo(0,0);
		}
		
		//window.scrollTo(0,1);
		
} // top_off


function highest_z_index() {
    //var array = [];
    var hiz = 0;
    $("body *").each(function() {
        var this_z = $(this).css("z-index");
        
        if(this_z > hiz && this_z != 'auto'){
        
        	hiz = this_z;
        
        }
    });
    return hiz;
}

var time_int = 0;

function tool_tip(this_is, follow_mouse){

		clearInterval(time_int);
		var this_pos = this_is.offset();
		var this_h = ( this_is.height() ) + 25;
		var this_w = this_is.width();
		var bw = $(window).width();
		$('div#tool_tip').html(( this_is.attr('data-tooltip') ));
		
		var tip_w = $('div#tool_tip').width();
		
		
		
		if(follow_mouse) {
		
			$('[data-tooltip]').mousemove(function(e){

				var new_left = e.pageX - 340;
				if(new_left < 0){
					new_left = 0;
				}

		        $("div#tool_tip").css({
		        	'width': 300,
		            top: (e.pageY + 35) + "px",
		            left: ( new_left ) + "px"
		        });
		        
		    });
		    
		    //time_int = setTimeout(function(){ $('div#tool_tip').hide(); },2000);
			
		}
		
		else {
		
			$('div#tool_tip').css({'max-width': this_w, 'top': (this_pos.top+this_h), 'left': ( this_pos.left + this_w - tip_w - 50 ) }); //.show();

		}
		
		time_int = setTimeout(function(){
		
			$('div#tool_tip').show('fast');
			
		}, 500);


}

function resize_window(w){

	var h = $(document).height();
	window.resizeTo(w, h);
	

}


$(document).ready(function(){

	if(opera){
		//alert('opera');
		$('body').addClass('opera');
		$('a#free_quote, a.focus_button').html('<img width="100%" src="/assets/img/free_quote2X.png" />');
	}



	if(iOS){
		//alert('iOS');
		$('body').addClass('hires');
	}

	if(android){
		//alert('android');
		$('body').addClass('hires');
	}


	var contact_form_present = $('form#myform').length;
	
	if(contact_form_present){
	
		var w = $(window).width();
		var h = $(window).height();
		
		$('input#screen').val(w+' x '+h);
	
	}

	


	top_off();
	
	total_banners = $('section#wrap_screens .screens').length;
	
	//alert(total_banners);
	
	//resize_window();
	
	animate_banner();
	
	$(window).resize(function() {
		animate_banner();

	});
	
	
//	$('.portfolio_shot img').attr('height', 'auto');
	
	
	$('a[data-resizeto]').click(function(){
	
		var w = $(this).attr('data-resizeto');
		
		resize_window(w);
		
		//return false;
	
	});
	
	
	var hasTouch = "ontouchend" in document;
	
	if(hasTouch){
		var click_event = 'touchstart';
	}
	else {
		var click_event = 'click';
	}
	
	
	$('div#banner a.left_arrow').live(click_event,function(){
	
		//alert(click_event);
	
		current_banner--;
				
		$(this).show();
		$('div#banner a.right_arrow').show();
		
		if(current_banner <= 0){
		
			current_banner = 0;
			$(this).hide();
		}
		
		animate_banner();
		
		return false;
	
	});
	
	$('div#banner a.right_arrow').live(click_event,function(){
	
		current_banner++;
		
		$('div#banner a.left_arrow').show();
		$(this).show();
	
		if(current_banner > total_banners-2){
		
			current_banner = total_banners-1;
			$(this).hide();
			
		}

		animate_banner();
		
		return false;
		
	});
	
	
	
	
	if ( !iOS ){
		
		// tool tip
		$('[data-tooltip]').not('input').bind('mouseover', function(){
			
			tool_tip($(this), true);
				
		});
		
		$('[data-tooltip]').not('input').mouseout(function(){
			
			clearInterval(time_int);
			$('div#tool_tip').hide();
			
		});	

	} // if

		// tool tip
		$('[data-tooltip]').bind('focus', function(){
			
			tool_tip($(this), false);
				
		});
		
		$('[data-tooltip]').blur(function(){
			
			$('div#tool_tip').hide();
			
		});	
		
		
	
	
	
	
	
	// DETERMINE CURRENT URL
	var pathname = window.location.pathname;
	
	if(pathname.match(/portfolio/i)){
	
		$('nav ul li#nav_work a').addClass('current');
	
	}

	else if(pathname.match(/about\/web_designer/i)){
	
		$('nav ul li#nav_about a').addClass('current');
	
	}

	else if(pathname.match(/about\/design_services_nashville/i)){
	
		$('nav ul li#nav_services a').addClass('current');
	
	}

	else if(pathname.match(/article/i)){
	
		$('nav ul li#nav_articles a').addClass('current');
	
	}
	
	else {
	
		//$('nav ul li#nav_contact a').addClass('current');
		
	}
	
	
	if ( $('.black_out').length && w > 620 && !ie7) {
		
		$('body').append('<div id="black_out"></div>');
	
		// black out
		var this_z = 0;
		var blackout_int = 0;
		var hi_z = highest_z_index();
		$('.black_out').hover(function(){
		
	//		clearInterval(blackout_int);
			
			var h = $(document).height();
			$('div#black_out').css({'height':h+'px', 'z-index':hi_z}).stop().fadeTo(300, 0.3);
	
	
			//$('div#black_out').remove();
			this_z = $(this).css("z-index");
			//hi_z = highest_z_index();
			$(this).css({'z-index':hi_z+1});		
			
			
		}, function(){
		
			$('div#black_out').hide();
		
	/* 		$('div#black_out').css({'z-index': hi_z-100 }); */
			
			$(this).css({'z-index':this_z});
	/*
			
			clearInterval(blackout_int);
			
			blackout_int = setInterval(function(){
			
				$('div#black_out').fadeOut('fast'); //.remove();
			
			}, 1000);
	*/
			
		});
	
	} //if
	
	setTimeout(function(){
	
		//alert('asdf');
		$('body.home header, body.home #content section, body.home footer').fadeIn(1000);
	
	}, 10000);
	
	$('body.home').mousemove(function(){
	
		$('body.home header, body.home #content section, body.home footer').fadeIn(1000);
	
	});
	
	
	
	
	
	if( !iOS ){	
	
		// FREE QUOTE
		
		
		var scroll_int = 0;
		var ready_to_animate = true;
		var last_top = 0;
		
	
		$(window).scroll(function(){
		
			var top = $(window).scrollTop();
		
			var h = $(document).height();
		
			//$('label').html(top);
			var w = $(document).width();
			
			if(top > 170 && ready_to_animate && w > 800) {
			
				//ready_to_animate = false;
			
				var fh = $('footer').height();
																	
				$('a.focus_button').stop().css({'height':'200','margin-top': (h-fh-220) }); 
							
							
			}
			
			if(top <= 170 && w > 800) {
						
				$('a.focus_button').stop().css({'height':'200', 'margin-top':0}); 
				
			}
	
	
		
		});

	} // if	
	
		
		
	// OPTIONS
	
	$('form ul.options li a, form ul.options li input').click(function(){
	
		var this_type = $(this).attr('type');
		
		var this_check = $(this).parent().find('input').attr('checked');

		// checkbox clicked
		if(this_type == 'checkbox'){
						
			if(this_check == 'checked'){
			
				$(this).parent().addClass('selected');
			}
			else {
			
				$(this).parent().removeClass('selected');
			}
			
		}
		
		// not the check box but the anchor tag
		else {
				
			if(this_check == 'checked'){
			
				$(this).parent().find('input').removeAttr("checked"); // uncheck the checkbox or radio	
				$(this).parent().removeClass('selected');
			
			} // if
			
			else {
			
				$(this).parent().find('input').attr("checked", "checked"); // make checkbox or radio checked 
				$(this).parent().addClass('selected');
			
			} // else
			
			return false;
		
		} // else
		
	
	});
		
		
		
		
	

});