var images = new Array;
var introImages = new Array;
setArray();
//with events
$({}).imageLoader({
	images: images,
	async: true,
	allcomplete: function(e, ui) {
		$(document).ready(function(){
			// always skip animation intro
			/*
			if($.cookie('skip_intro') == '1'){
				skip = 1;
			}
			else{
				skip = 0;
				$.cookie('skip_intro', '1');
			}
			if(!skip){
				playIntro();
			}
			else{
				showScreen(0);
				buildNav();
			}
			*/
			showScreen(0);
			buildNav();
			
		});
	}
});	


function playIntro(){
	$({}).imageLoader({
		images: introImages,
		async: true,
		allcomplete: function(e, ui) {
			$('#tba-intro-stage').append('<div id="intro-images"><img id="intro1" src="/images/home-banner/intro1.png" /><img id="intro2"  src="/images/home-banner/intro2.png" /><img id="intro3"  src="/images/home-banner/intro3.png" /><img id="intro4"  src="/images/home-banner/intro4.png" /><img id="intro5"  src="/images/home-banner/intro5.png" /></div>');
		
			$('#intro1').delay(200).animate({'right' : '200px', 'opacity':'1'}, 200).animate({'right' : '300px'}, 3000).animate({'left' : '-100%'}, 200);
			$('#intro2').delay(500).animate({'right' : '200px', 'opacity':'1'}, 200).animate({'right' : '300px'}, 2750).animate({'left' : '-100%'}, 200);
			$('#intro3').delay(550).animate({'right' : '180px', 'opacity':'1'}, 200).animate({'right' : '280px'}, 2750).animate({'left' : '-100%'}, 200);
			$('#intro4').delay(1500).animate({'right' : '140px', 'opacity':'1'}, 200).animate({'right' : '200px'}, 1900).animate({'left' : '-100%'}, 200);
			$('#intro5').delay(1550).animate({'right' : '200px', 'opacity':'1'}, 200).animate({'right' : '300px'}, 1900).animate({'left' : '-100%'}, 200,function(){showScreen(0); buildNav();});
			}
	});	
	
}

function showBanner(){
	$('#title').clearQueue().remove();
	$('#tba-intro-subtitle').clearQueue().remove();
	$('#tba-intro-text').clearQueue().remove();
	$('#apply-button').clearQueue().remove();
	$('#demo-button').clearQueue().remove();
	
	$('#tba-intro-content').empty();
	$('#main-image').remove();
	showScreen($(this).attr('alt'));
}

function showScreen(step){
	bannerInfo = bannerArray.screens[step];
	$('#tba-intro-stage').append('<div id="main-image"><img src="/images/home-banner/'+bannerInfo.image+'" /></div>');
	$('#main-image').css({'right' : '-'+ bannerInfo.width +'px', 'dispay':'block', 'opacity':'0'});
	$('#main-image').animate({'right' : bannerInfo.animateLeft+'px', 'opacity':'1'}, 600);
	
	$('#tba-intro-content').append('<img id="title" src="/images/home-banner/'+bannerInfo.title+'" alt="'+bannerInfo.titleAlt+'"/><img id="tba-intro-subtitle" alt="'+bannerInfo.subtitleAlt+'" src="/images/home-banner/'+bannerInfo.subtitle+'" /><img id="tba-intro-text" src="/images/home-banner/'+bannerInfo.text+'" alt="'+bannerInfo.textAlt+'"/><div id="banner-buttons"><a href="'+bannerInfo.applyLink+'"><img id="apply-button" src="/images/home-banner/apply.png" alt=""/></a><img id="demo-button"  onclick="s_sendBeacon({breadcrumbtext: \'carecredit:links:v>>carousel:viewdemo\'})" src="/images/home-banner/demo.png" /></div>');
	
	$('#title').delay(200).fadeIn(400,function(){
		$('#tba-intro-subtitle').fadeIn(200,function(){
			$('#tba-intro-text').fadeIn(200,function(){
				$('#apply-button').fadeIn(200,function(){
					$('#demo-button').fadeIn(200);
				});
			});
		});
	});
	$('#demo-button').click(function() {
		$('#vplayer').slideDown();
		loadVideo();
	});
	$('#close-button').click(function() {
		$('#vplayer').slideUp();
		$('#vplayer-video').empty();
	});
}

function setArray(){
	bannerArray = {"screens": [
		{"image": 'intro.png', "width" : '344', "animateLeft": -60, "title": 'title-intro.png', "titleAlt": 'title text', "subtitle": 'subtitle-intro.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'intro'},
		{"image": 'lasic.png', "width" : '387', "animateLeft": -60, "title": 'title-lasic.png', "titleAlt": 'title text', "subtitle": 'subtitle-lasic.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'lasik', "clickLink": '/lasik/'},
		{"image": 'cosmetic.png', "width" : '332', "animateLeft": 0, "title": 'title-cosmetic.png', "titleAlt": 'title text', "subtitle": 'subtitle-cosmetic.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'cosmetic', "clickLink": '/cosmetic/'},
		{"image": 'dentistry.png', "width" : '430', "animateLeft": -60, "title": 'title-dentistry.png', "titleAlt": 'title text', "subtitle": 'subtitle-dentistry.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'dentistry', "clickLink": '/dentistry/'},
		{"image": 'veterinary.png', "width" : '328', "animateLeft": 0, "title": 'title-veterinary.png', "titleAlt": 'title text', "subtitle": 'subtitle-veterinary.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'veterinary', "clickLink": '/vetmed/'},
		{"image": 'hearing.png', "width" : '261', "animateLeft": 0, "title": 'title-hearing.png', "titleAlt": 'title text', "subtitle": 'subtitle-hearing.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'hearing', "clickLink": '/hearing/'},
		{"image": 'other.png', "width" : '365', "animateLeft": 0, "title": 'title-other.png', "titleAlt": 'title text', "subtitle": 'subtitle-other.png', "subtitleAlt": 'subtitle text', "text": 'text.png', "textAlt": 'text text', "applyLink": '/apply/landing.html?dtc=DS4V', "buttonClass": 'other', "clickLink": '/other/'}
		]
	};
	
	$.each(bannerArray.screens, function(i, item) {
		images.push('/images/home-banner/'+item.image);
		images.push('/images/home-banner/'+item.title);
		images.push('/images/home-banner/'+item.subtitle);
		images.push('/images/home-banner/'+item.text);
	});
	introImages.push('/images/home-banner/intro1.png');
	introImages.push('/images/home-banner/intro2.png');
	introImages.push('/images/home-banner/intro3.png');
	introImages.push('/images/home-banner/intro4.png');
	introImages.push('/images/home-banner/intro5.png');
}

function buildNav(){
	if ( $.browser.msie && ($.browser.version == '7.0' || $.browser.version == '8.0')) {
		$('#banner-nav').show();
	}
	else{
		$('#banner-nav').fadeIn();
	}
	
	$.each(bannerArray.screens, function(i, item) {
		if(i>0){
			$('#banner-nav ul').append('<li alt="'+i+'" class="nav"><a id="nav'+i+'" href="'+item.clickLink+'" onclick="s_sendBeacon({breadcrumbtext: \'carecredit:links:v>>carousel:'+item.buttonClass+'\'})"><span class="tba-intro-'+item.buttonClass+' nav-buttons"></span></a></li>');
			$('#nav'+i).delay(100*i).fadeIn();
		}
	});
	var config = {    
    	over: showBanner, // function = onMouseOver callback (REQUIRED)    
    	timeout: 300, // number = milliseconds delay before onMouseOut    
		out: doNothing
	};
	$('.nav').hoverIntent(config);
}

function loadVideo(){
	$('#vplayer-video').html('<video autoplay="autoplay" width="708" height="362" controls="controls">  <!-- if Firefox -->  <source src="/videos/about_carecredit.ogg" type="video/ogg" />  <!-- if Safari/Chrome-->  <source src="/videos/about_carecredit.mp4" type="video/mp4" /><embed flashvars="file=../videos/about_carecredit.flv&autostart=true&skin=/flash/glow.zip&controlbar.position=over" allowfullscreen="true" wmode="opaque" allowscripaccess="always" id="player1" name="player1" src="/flash/player.swf" width="708" height="362"/></video> ');	
}
function doNothing(){}