var transparentImage = "images/none.gif";

//Document Ready JS Setup
$j(document).ready(function () {

	//Apply Cufon
	initCufon();

	//Apply PNG Fix
	if (document.all && !window.opera) { attachEvent("onload", fixTrans); }

	BindVehicleValuation();

	BindAskTheExpert();

	BindAskTheExpertForm();

	BindHomePageCars();

//	$j(".navigation ul li").hover(function () {

//		//In
//		//Cufon.replace('#PrimaryNavigation .main-nav li a', { fontFamily: 'Rockwell', hover: true });
//		Cufon.refresh(replaces_hover);

//	}, function () {

//		//Out
//		//Cufon.replace('#PrimaryNavigation .main-nav li a', { fontFamily: 'Rockwell', hover: true });
//		Cufon.refresh(replaces_hover);
//	});

});

function initCufon() {
	//Cufon.replace('#PrimaryNavigation .main-nav li a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.phone span', { fontFamily: 'Rockwell' });
	Cufon.replace('.phone em', { color: '-linear-gradient(#85b4d7, 0.45=#6da6cf, 0.45=#5295c6, #3784be)', fontFamily: 'Rockwell' });
	Cufon.replace('.apply-slogan strong', { textShadow: '#24619d 1px 1px 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.state2 strong', { fontFamily: 'Rockwell' });
	Cufon.replace('.state2 .apply-title span', { fontFamily: 'Rockwell' });
	Cufon.replace('.state1 .apply-title span', { textShadow: '#24619d 1px 1px 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.state2 .text-partners', { fontFamily: 'Rockwell' });
	Cufon.replace('.state3 .text-partners', { fontFamily: 'Rockwell' });
	Cufon.replace('.state3 .ad li', { textShadow: '#545d51 1px 1px 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.state4 .apply-slogan strong', { fontFamily: 'Rockwell' });
	Cufon.replace('.state4 .text-ccj', { fontFamily: 'Rockwell' });
	Cufon.replace('.state4 .text-help', { fontFamily: 'Rockwell' });
	Cufon.replace('.state4 .apply-btn', { textShadow: '#50a0cd -1px -1px, #50a0cd 1px 1px', fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.state4 .text-circumstances', { fontFamily: 'Rockwell' });
	Cufon.replace('.state5 .text-yes', { fontFamily: 'Rockwell' });
	Cufon.replace('.state5 .apply-btn', { textShadow: '#829c27 -1px -1px, #829c27 1px 1px', fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.state5 .help span', { fontFamily: 'Rockwell' });
	Cufon.replace('.works-info .apply-btn', { textShadow: '#829c27 -1px -1px, #829c27 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('#header .apply', { textShadow: '#829c27 -1px -1px, #829c27 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('#header .expert-ask-question', { textShadow: '#c4652a -1px -1px, #c4652a 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.apply-title em', { textShadow: '#24619d 1px 1px, #24619d 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.state1 .apply-btn', { textShadow: '#829c27 -1px -1px, #829c27 1px 1px', fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.apply-list li', { fontFamily: 'Rockwell' });
	Cufon.replace('.calculate-title', { fontFamily: 'Rockwell' });
	Cufon.replace('.calculate-slogan', { fontFamily: 'Rockwell' });
	Cufon.replace('.work-title span', { color: '-linear-gradient(#71a0c4, 0.45=#5990ba, 0.45=#3f7fb0, #3075a9)', fontFamily: 'Rockwell' });
	Cufon.replace('.work-title em', { fontFamily: 'Rockwell' });
	Cufon.replace('.deal-title', { fontFamily: 'Rockwell' });
	Cufon.replace('.works-info h1', { fontFamily: 'Rockwell' });
	Cufon.replace('.works-info h2', { fontFamily: 'Rockwell' });
	Cufon.replace('.works-info p', { fontFamily: 'Rockwell' });
	Cufon.replace('.promo-frame h2', { fontFamily: 'Rockwell' });
	Cufon.replace('.promo-frame h3', { fontFamily: 'Rockwell' });
	Cufon.replace('.more-info-btn', { textShadow: '#1f589b 1px 1px, #1f589b 1px 1px', fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.content-nav ul li a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.news-holder .welcome-box h1', { fontFamily: 'Rockwell' });
	Cufon.replace('.news-holder h3', { fontFamily: 'Rockwell' });
	Cufon.replace('.more-link', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.footer-list li a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.footer-suv-list li a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.sidebar-frame h3', { color: '-linear-gradient(#71a0c4, 0.45=#5990ba, 0.45=#3f7fb0, #3075a9)', fontFamily: 'Rockwell' });
	Cufon.replace('.learn-more a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.apply-conteiner .apply-heading', { textShadow: '#1e588f 1px 1px 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.apply-conteiner span', { fontFamily: 'Rockwell' });
	Cufon.replace('.personal-list li span', { fontFamily: 'Rockwell' });
	Cufon.replace('.see-all-link a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.link-back a', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.details-box h3', { fontFamily: 'Rockwell' });
	Cufon.replace('.content .heading-box h1', { fontFamily: 'Rockwell' });
	Cufon.replace('.contact-us strong', { fontFamily: 'Rockwell' });
	Cufon.replace('.contact-us span', { fontFamily: 'Rockwell' });
	Cufon.replace('.heading-holder span', { fontFamily: 'Rockwell' });
	Cufon.replace('.apply-now-frame h1', { fontFamily: 'Rockwell' });
	Cufon.replace('.apply-btn-2', { fontFamily: 'Rockwell' });
	Cufon.replace('.bubble', { fontFamily: 'Rockwell' });
	Cufon.replace('.read-more', { fontFamily: 'Rockwell' });
	Cufon.replace('.popup .title', { fontFamily: 'Rockwell' });
	Cufon.replace('.incentive-box .list', { fontFamily: 'Rockwell-all' });
	Cufon.replace('.incentive-box .lenders p', { fontFamily: 'Rockwell' });
	Cufon.replace('.incentive-box .other-lenders a', { fontFamily: 'Rockwell' });
	Cufon.replace('.loan-calculator .title', { fontFamily: 'Rockwell' });
	Cufon.replace('.loan-calculator .intro-text', { fontFamily: 'Rockwell' });
	Cufon.replace('.loan-calculator .intro-text .mark', { fontFamily: 'Rockwell-all' });
	Cufon.replace('.loan-calculator .label', { fontFamily: 'Rockwell' });
	Cufon.replace('.loan-calculator .price', { fontFamily: 'Rockwell-all' });
	Cufon.replace('.breadcrumbs', { fontFamily: 'Rockwell-all' });
	Cufon.replace('.contact-list ul li', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.application-number strong', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.main-qa h3', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.main-qa-actions strong', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.selling ul li', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.apply-btn-trns', { textShadow: '#829c27 -1px -1px, #829c27 1px 1px', fontFamily: 'Rockwell' });
	Cufon.replace('.left-heading-box h2 ', { fontFamily: 'Rockwell', hover: true });
	Cufon.replace('.expert-ask-question-header a.expert-ask-question', { fontFamily: 'Rockwell', textShadow: '#c4652a 1px 1px' });
	Cufon.replace('body.zero-percent h3', { fontFamily: 'Rockwell' });
	Cufon.replace('h2.sub-heading', { fontFamily: 'Rockwell' });
	Cufon.replace('#HomePageCars h3', { fontFamily: 'Rockwell' });
	Cufon.replace('.finance-this-box h3', { fontFamily: 'Rockwell' });
	Cufon.replace('.finance-this-box span.price', { fontFamily: 'Rockwell-all' });
	Cufon.replace('.lenders-vertical h4', { fontFamily: 'Rockwell' });
	Cufon.replace('.lenders-vertical ul li.other-lenders', { fontFamily: 'Rockwell' });
	
}

function fixTrans()
{
	if (typeof document.body.style.maxHeight == 'undefined') {

	var imgs = document.getElementsByTagName("img");
	
	for (i = 0; i < imgs.length; i++)
	{	
		if (imgs[i].src.indexOf(transparentImage) != -1)
		{
			return;
		}

		if (imgs[i].src.indexOf(".png") != -1)
			{
				var src = imgs[i].src;
				imgs[i].src = transparentImage;
				imgs[i].runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
				imgs[i].style.display = "block";
			}
		}	
	}
}

function stripValue (search, prefix, terminator) {
	var result = search;
	if (search.indexOf(prefix) != -1) {
		var temp = search.indexOf(prefix) + prefix.length;
		if (search.indexOf(terminator, temp) != -1) {
			result = search.substring(temp, search.indexOf(terminator, temp))
		} else {
			result = search.substring(temp);
		}
	}
	return result;
}


function BindAskTheExpertForm() {



	$j("div#AskTheExpertForm").dialog({
		resizable: false,
		modal: true,
		autoOpen: false,
		width: 472
	});

	$j(".expert-ask-question").click(function () {
		$j("div#AskTheExpertForm").dialog("open");
		return false;
	})

	$j(".close", "div#AskTheExpertForm").click(function () {
		$j("div#AskTheExpertForm").dialog("close");

		//Display the return message
		$j("div.form", "div#AskTheExpertForm").show();
		$j("div.success", "div#AskTheExpertForm").hide();

		return false;
	})

	$j(".expert-submit", "div#AskTheExpertForm").click(function () {

		var name = $j("#name", "div#AskTheExpertForm").val();
		var email = $j("#email-address", "div#AskTheExpertForm").val();
		var questionTitle = $j("#question-title", "div#AskTheExpertForm").val();
		var question = $j("#question", "div#AskTheExpertForm").val();

		$j.getJSON("/_handlers/AskTheExpert.ashx?n=" + name + "&qt=" + questionTitle + "&e=" + email + "&q=" + question, function (data) {

			if (data.IsSuccess) {

				//Display the return message
				$j("div.form", "div#AskTheExpertForm").hide();
				$j("div.success", "div#AskTheExpertForm").show();

			}
			else {
				//Display error...
				$j("div.form .error", "div#AskTheExpertForm").html(data.ErrorMessage);
			}
		});

		return false;

	});


	//Add the char count down to question title
	$j("input#question-title").keyup(function () {
		$j("span#question-title-char").html((100 - $j("input#question-title").val().length));
	});


}

function BindAskTheExpert() {

	var numberOfItems = $j(".expert .text-holder ul li").length;
	var currentIndex = 1;

	UpdateAskTheExpertPagingSummary(numberOfItems, currentIndex);

	$j(".expert-holder .link-prev").click(function () {

		if (currentIndex != 1) {
			$j(".expert .text-holder ul").animate({ left: '+=610' }, 1000, function () { })
			currentIndex--;
			UpdateAskTheExpertPagingSummary(numberOfItems, currentIndex);
		}

		if (currentIndex == 1)
			$j(this).addClass("disabled");
		else
			$j(".expert-holder .link-next").removeClass("disabled");

		return false;
	});

	$j(".expert-holder .link-next").click(function () {

		if (currentIndex != numberOfItems) {
			$j(".expert .text-holder ul").animate({ left: '-=610' }, 1000, function () { })
			currentIndex++;
			UpdateAskTheExpertPagingSummary(numberOfItems, currentIndex);
		}

		//Are we at the last item?  If so, disable the next button
		if (currentIndex == numberOfItems)
			$j(this).addClass("disabled");
		else
			$j(".expert-holder .link-prev").removeClass("disabled");



		return false;
	});

}

function BindHomePageCars() {

	var numberOfItems = Math.ceil($j("div#HomePageCars .home-cars-view-port ul li").length / 4);
	var currentIndex = 1;

	//UpdateAskTheExpertPagingSummary(numberOfItems, currentIndex);

	$j("#HomePageCars .link-prev-cars").click(function () {

		if (currentIndex != 1) {
			$j("div#HomePageCars .home-cars-view-port ul").animate({ left: '+=880' }, 1000, function () { })
			currentIndex--;
			//UpdateAskTheExpertPagingSummary(numberOfItems, currentIndex);
		}

		if (currentIndex == 1)
			$j(this).addClass("disabled");
		else
			$j("#HomePageCars .link-next-cars").removeClass("disabled");

		return false;
	});

	
	$j("#HomePageCars .link-next-cars").click(function () {

		if (currentIndex != numberOfItems) {
			$j("div#HomePageCars .home-cars-view-port ul").animate({ left: '-=880' }, 1000, function () { })
			currentIndex++;
			//UpdateAskTheExpertPagingSummary(numberOfItems, currentIndex);
		}

		//Are we at the last item?  If so, disable the next button
		if (currentIndex == numberOfItems)
			$j(this).addClass("disabled");
		else
			$j("#HomePageCars .link-prev-cars").removeClass("disabled");



		return false;
	});

}



function UpdateAskTheExpertPagingSummary(items, currentItem) {
	$j(".expert .switcher .amount").html(currentItem + " / " + items)
}

function BindVehicleValuation() {
	$j("input.registration").focus(function () {
		$j(this).addClass("focus");
	})

	$j("input.registration").blur(function () {
		if ($j(this).val() == "")
			$j(this).removeClass("focus");
	});
}