/// Pick and choose..
// v 3.5
/////////////////////
	
function imgScroll() {

	$(".paging").show();
	$(".paging a:first").addClass("active");
		
	var imageWidth = $(".window").width();
	var imageSum = $(".image_reel img").size();
	var imageReelWidth = imageWidth * imageSum;
	
	$(".image_reel").css({'width' : imageReelWidth});
	
	rotate = function(){	
		var triggerID = $active.attr("rel") - 1;
		var image_reelPosition = triggerID * imageWidth; 

		$(".paging a").removeClass('active'); 
		$active.addClass('active');

		$(".image_reel").animate({ 
			left: -image_reelPosition
		}, 500 );

	}; 

	rotateSwitch = function(){		
		play = setInterval(function(){

				$active = $('.paging a.active').next();
				if ( $active.length === 0) { 
					$active = $('.paging a:first'); 
				}
				rotate(); 
			
		}, 5000); 
	};

////	
	rotateSwitch();
	
	$(".image_reel a").hover(function() {
		clearInterval(play); 
	}, function() {
		rotateSwitch(); 
	});	
	
	$(".paging a").click(function() {	
		$active = $(this);
		clearInterval(play); 
		rotate(); 
		rotateSwitch(); 
		return false;
	});	
}

//////////////////
function iBox_Big() {
	$("#iBox_Big").prepend('<div id="iBox_Big_Top"></div>').append('<div id="iBox_Big_Bot"></div>');	
}

//	$(".darkBg h3 + .xtnd_Inner").css("margin-top" , "0px");

function iBox_Wide() {
	$("#iBox_Wide").before('<div id="iBox_Wide_Top"></div>').after('<div id="iBox_Wide_Bot"></div>');	
}

function iBox_Wide2() {
	$("#iBox_Wide2").before('<div id="iBox_Wide_Top2"></div>').after('<div id="iBox_Wide_Bot2"></div>');	
}

function iBox_Right() {
	$("#iBox_Right").prepend('<div id="iBox_Right_Top"></div>').append('<div id="iBox_Right_Bot"></div>');	
}

//////// BANNER ////////
// Not Loading? // Bg image MUST have same name as class. Eg ul.subaru_Article, will look for a file called subaru_Article.jpg 
function bannerFade() {
	
	$.fn.fadeIn = function() {
		$('#bgReveal').fadeTo('slow','0', function() {
				$("#bannerRim span").animate({ top: "0px" }, 1000 );
		});
	}

////

	var whatBg = $('#banner ul').attr("class");

		//$('body').append('<img id="loadMe" src="/i/banner/' +whatBg+ '.jpg"'); // Chrome has issues with this.
	
	    $(function(){ 
	        $('#preLoad').onImagesLoad({ 
	            selectorCallback: selectorImagesLoaded
	        }); 
	        function selectorImagesLoaded($selector){ 
		        $(this).fadeIn(); 
	        } 
	    }); 	
	    
	  //  alert('ff');
	    
}

//////

function bannerExtend() {

		var whatWidth =	$("#bannerRim span").width();
		var whatWidth = whatWidth + 1; // Fix text converting to two lines

		$('#banner ul a').hover(function() {
			$("#bannerRim span").stop(true, false).animate({ width: '608px' }, 500);
		}, function() {  
			$("#bannerRim span").stop(true, false).animate({ width: whatWidth }, 500);
		});
}

//////// NAVIGATION ////////

function navigation(){

	$("ul#topNav > li > a").each(function() {
			$(this).addClass('tabed');
	});

	$("#topNav li a").each(function(){
		if(location.href.indexOf(this.href) != -1) {
			$(this).attr('id', 'onPage');
			$(this).parents('li').find("a.tabed").attr('id', 'onPage');
		}
	});
	
	$("ul#topNav > li:last > ul:first").css("left","-40px");
	$("ul#topNav > li:last > ul ul").css("left","-168px").css("width", "198px");
	
	$("#topNav ul").prepend('<li class="topShad"></li>');
	$("#topNav li li:has(ul)").find("a:first").attr("id","more");

}


/////////////  Nav Clarify Tags
	
function navigationTags(){
	var whatNavTag;
	$('body').append('<div id="navInfoTags" class="hide"><div id="tagECU"><p>Horsepower <span>and</span> Torque gains<br/><span>through</span> recalibration <span>of your</span> <br /><strong>Factory Computer</strong></p></div><div id="tagTuningBox"><p>Horsepower <span>&</span> Torque<br/> <span>&</span> Fuel Economy <span>gains through </span><br /><strong>Add-on Modules</strong> </p></div><div id="tagPowerKits"><p>Horsepower <span>and</span> Torque gains <span>that</span><br /><strong>involve more</strong> <span>than a</span> computer recalibration <span>via an</span> ECU REFLASH.</p></div></div>');
	


		$("#topNav li.navTags").hover(function() {

			whatNavTag = $(this).attr("id");
			
			$("#navInfoTags").removeClass("hide");
			$("#navInfoTags #" + whatNavTag).css("visibility", "visible");

		}, function() {						

		$("#navInfoTags #" + whatNavTag).css("visibility", "hidden");
				$("#navInfoTags").addClass("hide"); 
			});

	


/*
		$("#topNav li.navTags").hover(function() {
			whatNavTag = $(this).attr("id");
			
			$("#navInfoTags").removeClass("hide");
			$("#navInfoTags #" + whatNavTag).css({ opacity: 1 }, 500);	

		}, function() {						

		$("#navInfoTags #" + whatNavTag).animate({ opacity: 0 }, 500, function() {
				$("#navInfoTags").addClass("hide"); 
			});

		});	
*/

}

/////////////  Get-in-touch links  /////////////////

function mailLinks() {	

	$(".cCol li a").each(function(){
		var check = $(this).attr('href');
			if(check == '/get-in-touch.php') {
				$(this).addClass('mail');
			}
	});
	
	$(".mail").click(function() {
		var whatSub = $(this).attr('id');
		var subject =$('.'+whatSub).text();
		
		$(this).attr('href', "/get-in-touch.php?subject="+subject);
	});
}

//////////////////  Email Form  ////////////////////
	
function emailForm() {
		$("p.JShide").remove();
			$.get("sections/emailToken.php",function(txt){
				$(".secure").append('<input type="hidden" name="ts" value="'+txt+'" />');
			});

	
	$("input#noCar").click(function(){
		$("input#fMake, .or").animate( { opacity: "0"}, 500);	
	});
}

//////////// LocalScroll

function localScroll() {

	$.localScroll({ filter:':not(.noScroll a)' });
	
}

//////////// FancyBox

function fancyBox() {
	$("a.fancyBox").fancybox();

	
/*
	$('a.fancyBox').fancybox({
		onComplete	:	function() {
         $("#fancybox-title-over").animate({ bottom: "0px" }, 1000);
		};
		onCleanup	:	function() {
          $("#fancybox-title-over").animate({ bottom: "-50px" });
		};
	});
	$('a.carBox').fancybox({
		overlayShow: false
	});
*/
}

////////////  'View' image/dynoplot  ///////////////

function dynoPlots() {
	
	$('.cCol a.stage_Dynoplot').append('<img src="/i/lo/view_Dynoplot.png" width="150" height="11" class="view_Dynoplot" />').hover(function() {
		$(this).find('.view_Dynoplot').animate({ opacity: "0" }, 250);
	}, function() {
		$(this).find('.view_Dynoplot').animate({ opacity: "1" }, 250);
	});

}

function viewImg() {

	$('.cCol a.expand_Img').append('<img src="/i/lo/view_Image.png" width="260" height="13" class="view_Image" />').hover(function() {
		$(this).find('.view_Image').animate({ opacity: "0" }, 250);
	}, function() {
		$(this).find('.view_Image').animate({ opacity: "1" }, 250);
	});
	
}


//////////////////  Power Kits  ////////////////////
////////////////////////////////////////////////////

function powerKits() {

	$('div.theKits').slideUp(100);
	
	$('div.boxesV2 a').click(function(){	
		$("div.boxesV2 a").css("opacity", ".4");
		$(this).animate({ opacity: '1' }, 250);
		return false;
	});

	$('div.theKits ul').each(function() {
		$(this).find('li:eq(0)').addClass("strong");
	});
	
	$('div.kitBoxes a').click(function(){	
		var linkHref = $(this).attr('href');
		var linkHref = linkHref.split("#");
		var whatKit = 'model_'+linkHref[1] ;
		
	////
	$('.kitBoxes a').each(function() { $(this).attr('id',''); });
	$(this).attr('id','thisKit');
	////

		$('div.theKits').fadeTo(200, '0', function(){
			$(this).slideUp(50, function() {
					$('div#'+whatKit).slideDown(50, function() {
							$(this).fadeTo(200, '1');	
						});		
				});
		});
		return false;
	});

}
/////

function stripeLists() {
	$("ul#linkMe li a").hover(function(){
			
		var car = $("#reflashLists .cCol h4").attr('id');
			var car = car.toUpperCase();
		var moreInfo = $(this).parent().text();
			var moreInfo = moreInfo.split(" ");
		var carModel = $(this).parent().parent().text();
		 	var carModel = carModel.split(" ");
		
		//$(this).attr("title", "Send An Email Regarding this car ("+car+" "+carModel[0]+" "+moreInfo[1]+ " " + moreInfo[2]+")");				
	
	}, function(){ } );  
	
		$("ul.stripeMe li:nth-child(even)").addClass("odd");
	
}

////////////////////