$(document).ready(function(){  
	
	var siteColor = $('.trim_container .color').css('color');
	
	$('.trim_container .thumbscreen').animate({
		opacity:'0.4'
	},300);
	
	
	$('.trim_container .gallery .thumbnail').safeHover(function(){
		trimImg = $(this).find('.thumbscreen');
		$(trimImg).fadeTo(500,0.0);
	},function(){
		$(trimImg).fadeTo(500,0.4);
	},200,200);
	
	$('.trim_container .gallery .thumbnail:first').attr('activeThumb','yes').css('border','2px solid '+siteColor);
	
	$('.trim_container .gallery .thumbnail').click(function(){
		var newImg = $(this).attr('larger');
		var larger = $('.trim_container .blackbox .full img:first');
		$('div[activeThumb=yes]').css('border','2px solid #d4d4d4').attr('activeThumb','no');
		$(this).attr('activeThumb','yes');
		
		$(larger).bind('load', function(){
			$('.trim_container .blackbox .full .curtain').fadeOut(500);
			$(larger).unbind();
		});
		
		$('.trim_container .blackbox .full .curtain').show();
		$(larger).attr('src',newImg);
		$(this).css('border','2px solid '+siteColor);
		$('.trim_container .blackbox .full h3').fadeOut(500);
	});
	
	$('.trim_container .colorBox').click(function(){
		var newImg = $(this).attr('larger');
		var colorName = $(this).attr('name');
		var larger = $('.trim_container .blackbox .full img:first');
		var currentSrc = $(larger).attr('src');
		var temp = $('.trim_container .blackbox .full #newColor');
		$('.thumbnail[activeThumb=yes]').css('border','2px solid #d4d4d4').attr('activeThumb','no');
		$('.trim_container .blackbox .full h4').fadeIn(100);
		
		$(larger).bind('load', function(){
			$(temp).fadeOut(500,function(){
				$('.trim_container .blackbox .full h3').text(colorName);
				$('.trim_container .blackbox .full h3').fadeIn(500);
				$('.trim_container .blackbox .full h4').fadeOut(500);
				$(temp).hide();
			});
			$(larger).unbind();
		});
		
		
		$(temp).attr('src', currentSrc).show();
		$(larger).attr('src',newImg);
		
	});
	
	$('.trim_container .colorBox').hover(function(){
		$(this).find('.name').addClass('hover');
	},function(){
		$(this).find('.name').removeClass('hover');
	});
	
	$('.trim_container .blackbox .commands img').click(function(){
		var which = $(this).attr('id');

		if (which == 'photoClick'){
			$('.trim_container .gallery #colors').slideUp(600,function(){
				$('.trim_container .gallery #photographs').slideDown(600,function(){
					$('.trim_container #mover').fadeIn(500);
				});
			});
			$('#photoClick').removeAttr('class');
			$('#colorClick').attr('class','inactive');
		}
		else{
			$('.trim_container .gallery #photographs').slideUp(600,function(){
				$('.trim_container .gallery #colors').slideDown(600);
			});
			$('#colorClick').removeAttr('class');
			$('#photoClick').attr('class','inactive');
			$('.trim_container #mover').fadeOut(500);
		}
	});
	
	if ($('.thumbnail').length > 0) {
		var doLast = '$(".trim_container .gallery #mover").fadeIn(700,function(){$(".trim_container .gallery .thumbnail:hidden").show();});';
		var allThumbs = jQuery.makeArray($('.trim_container .gallery .thumbnail:lt(15)'));
		$(allThumbs).sequentialLoad('fadeIn', 150, doLast);
	}
	else{
		$('.full').html('<div style="text-align:center;margin-top:100px;">No Photos</div>');
		$('#photoClick').hide();
		$('#colorClick').click();
	}
	
	var thumbRows = Math.ceil($('.trim_container .gallery .thumbnail').length / 5);
	var availClicks = Math.ceil(thumbRows / 3);
	var totalClicks = 0;

	
	$('.trim_container #showNext').click(function(){
		if (totalClicks < (availClicks - 1)) {
			totalClicks++;
			$('.trim_container .gallery .thumbnail').animate({
				top: '-=231px'
			}, 600);
			if(totalClicks == (availClicks - 1)){
				$(this).fadeOut(500);
			}
			if($('.trim_container #showPrev').is(':not(:visible)'))
			{
				$('.trim_container #showPrev').fadeIn(500);
			}
		}
	});
	
	$('.trim_container #showPrev').click(function(){
		if (totalClicks > 0) {
			totalClicks--;
			$('.trim_container .gallery .thumbnail').animate({
				top: '+=231px'
			}, 600);
			if(totalClicks == 0){
				$(this).fadeOut(500);
			}
			if($('.trim_container #showNext').is(':not(:visible)'))
			{
				$('.trim_container #showNext').fadeIn(500);
			}
		}
	});
	
	$('.calcShow').click(function(){
		$('.calcBox').slideDown(600);
	});
	
	//payment calculator
	
	var rawPrice = $("#rawPrice").text();
	var barePrice = rawPrice.replace(/,/g,"");
	$("#p").val(barePrice);
	
	//blur formatting
	$("#p").blur( function (){
		var atext = $("#p").val();
		if ($("#p").val().indexOf("$") != -1) {
			$("#p").val(atext);
		}
		else if ($("#p").val() == ""){
			$("#p").val()
		}
		else{
			$("#p").val("$" + atext);
		}
		
	} );
	
	$("#r").blur( function (){
		var rtext = $("#r").val();
		if ($("#r").val().indexOf("%") != -1) {
			$("#r").val(rtext);
		}
		else if ($("#r").val() == ""){
			$("#r").val()
		}
		else{
			$("#r").val(rtext + "%");
		}
	} );
	
	$("#d").blur( function (){
		var dtext = $("#d").val();
		if ($("#d").val().indexOf("$") != -1) {
			$("#d").val(dtext);
		}
		else if ($("#d").val() == ""){
			$("#d").val()
		}
		else{
			$("#d").val("$" + dtext);
		}
	} );
	
	
	
	// calcs
	$("#box").click( function (){
		var apr = $("#r").val().substr(0, $("#r").val().length-1);
		var months = $("#n").val();
		var down = Number($("#d").val().substr(1, $("#d").val().length));
		var price = Number($("#p").val().substr(1, $("#p").val().length))-down;
	
	if (apr == '' || months == '') {
		$("#output").text("Please fill in all the information");
	}
	else {
	
		if (apr != 0) {
			var convertPercent = apr / 100;
			var monthlyApr = convertPercent / 12;
			
			var topPart = Number(price * monthlyApr);
			var toPower = Number(1 + monthlyApr);
			var powerd = Math.pow(toPower, (0 - months));
			var bottomPart = 1 - powerd;
			
			var toPrint = topPart / bottomPart;
		}
		else {
			var toPrint = (price - Number(down)) / months;
		}
		
		if (toPrint == 0 || isNaN(toPrint) == true) {
			$("#output").text("Please Fill in All Boxes");
		}
		else {
			//convert to string
			toPrint = toPrint.toFixed(2);
			toPrint = toPrint + "";
			var printLength = toPrint.length;
			var first999 = toPrint.substr(printLength - 6, printLength);
			var last999 = toPrint.substr(0, printLength - 6)
			
			if (printLength > 6) {
				var finalPrint = last999 + "," + first999;
			}
			else {
				var finalPrint = first999;
			}
			
			
			$("#output").text("Your monthly payment is $" + finalPrint);
		}
	}		
	} );
	
	$('.detailsClick').click(function(){
		var afterSifr = $('.hiddencolor').attr('sifr');
		$('#mainInfo .sIFR-replaced').hide();
		$('.trim_container #mainInfo').fadeOut(700,function(){
			$('.trim_container #detailedInfo').fadeIn(700,function(){
				eval(afterSifr);
				$('#detailedInfo .sIFR-replaced').show();
			});
		});
		
	});
	
	$('.mainClick').click(function(){
		$('#detailedInfo .sIFR-replaced').hide();
		$('.trim_container #detailedInfo').fadeOut(700,function(){
			$('.trim_container #mainInfo').fadeIn(700,function(){
				$('#mainInfo .sIFR-replaced').show();
			});
		});
	});
	
	$('#detailedInfo #left .group:first').css('border-top','1px dashed #d7d7d7');
	$('#detailedInfo #right .group:first').css('border-top','1px dashed #d7d7d7');
	
	
});