// JavaScript Document

$(document).ready(function() {
	var howMany = 2;  // How many banners. 0=none; 1=one; 2=multiple
	var bannerTitle = "Mazda's Gift of Driving | See current incentives on Mazda cars, SUVs, and trucks"; // Alt & title text on the banner to describe the name of the current promo.
	var signAndDriveTitle = "Sign and Drive Sales Event | Learn more at MazdaUSA.com"; // Alt and title text on the banner to describe the extra banner.
	var extraTitle = "Mazda SkyActiv Technology | Learn more at MazdaUSA.com"; // Alt and title text on the banner to describe the extra banner.
	var extraTitle2 = "The All-New 2013 Mazda CX-5 | Named 2012 Crossover of the Year by Autotel"; // Alt and title text on the banner to describe the extra banner.
	var extraTitle3 = "The All-New 2012 Mazda3 | Named a 2012 Safety Pick by the Insurance Institute for Highway Safety"; // Alt and title text on the banner to describe the extra banner.
	var layoutNum = $('div#mazdaBanner').attr('rel');  // Gets the layout number in correspondence to the banner size
	
// Link and image for primary banner -------------------------------------------
	var banner = '<a href="/mazda-incentives" title="'+ bannerTitle +'"><img class="mazdaBanner"'
		 + 'src="http://sitespecific.dealerskins.com/webassets/mazda/mazda-promo'+ layoutNum + '.jpg" border="0" alt="'+ bannerTitle +'" /></a>';
	var signAndDrive = '<a href="/mazda-incentives" title="'+ signAndDriveTitle +'"><img class="mazdaBanner"'
		 + 'src="http://sitespecific.dealerskins.com/webassets/mazda/sign-and-drive_'+ layoutNum + '.jpg" border="0" alt="'+ signAndDriveTitle +'" /></a>';
	var extra = '<a href="http://www.mazdausa.com/MusaWeb/skyactiv.action" target="_blank" title="'+ extraTitle +'"><img class="mazdaBanner" '
		 + 'src="http://sitespecific.dealerskins.com/webassets/mazda/mazda-skyactiv-'+ layoutNum + '.jpg" border="0" alt="'+ extraTitle +'" /></a>';
	var extra2 = '<img class="mazdaBanner" src="http://sitespecific.dealerskins.com/webassets/mazda/mazda-cx5_'+ layoutNum + '.jpg" border="0" alt="'+ extraTitle2 +'" />';
	var extra3 = '<a href="/new-inventory/mazda-mazda3" title="'+ extraTitle3 +'"><img class="mazdaBanner" src="http://sitespecific.dealerskins.com/webassets/mazda/mazda3_'+ layoutNum + '.jpg" border="0" alt="'+ extraTitle3 +'" /></a>';

// BUILD OUT THE CURRENT MAZDA BANNER(S)
	if (howMany == 0){  					
	/* ----- no banners ----- */
		$('div#mazdaBanner').hide();
	} else if (howMany == 1){ 
	/* ----- one banner ----- */		
		$('div#mazdaBanner').html(banner);
	} else {
	/* ------ multiple banners ----- */
		if(!jQuery().cycle) {
			$('div#mazdaBanner').before('<script type="text/javascript" src="/sitespecific/webassets/jquery/jquery.cycle.all.min.js"></scr'+'ipt>');
		}
		$('div#mazdaBanner').html('<div class="mazdaBanner">' + signAndDrive + extra + extra2 + extra3 + '</div>');
		$('div#mazdaBanner div').cycle({fx:'fade', timeout:5000, pause:1});
	}
});