var t = 2000;
var outro = 7500;
function doSlideIn1() {
	$("#phone").removeClass(); $("#phone").toggleClass('iphone');
	$("#question").removeClass(); $("#question").toggleClass('q1');
	$("#question").html("<i>You ask: Siri, get me a table for two tonight at a good steakhouse</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a1');
	$("#answer").html("<i>Siri does: Ok, I found these <span>recommended steak restaurants with open tables for two tonight</span></i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actRestaurant span").fadeIn(t);
	$("li.actRestaurant").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut1()', outro));
}
function doSlideOut1() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actRestaurant span").fadeOut(t);
	$("li.actRestaurant").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn2()', t));
}
function doSlideIn2() {
	$("#phone").removeClass(); $("#phone").toggleClass('storm');
	$("#question").removeClass(); $("#question").toggleClass('q2');
	$("#question").html("<i>You ask: Siri, who's playing at Madison Square Garden?</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a2');
	$("#answer").html("<i>Siri does: I looked for <span>events</span> at <span>Madison Square Garden</span>... Here's what I found:</i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actEvent span").fadeIn(t);
	$("li.actEvent").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut2()', outro));
}
function doSlideOut2() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actEvent span").fadeOut(t);
	$("li.actEvent").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn3()', t));
}
function doSlideIn3() {
	$("#phone").removeClass(); $("#phone").toggleClass('iphone');
	$("#question").removeClass(); $("#question").toggleClass('q3');
	$("#question").html("<i>You ask: Siri, funny movies playing this weekend near my house</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a3');
	$("#answer").html("<i>Siri does: Here are <span>comedy movies</span> for <span>this weekend</span> playing near <span>your home</span></i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actMovie span").fadeIn(t);
	$("li.actMovie").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut3()', outro));
}
function doSlideOut3() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actMovie span").fadeOut(t);
	$("li.actMovie").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn4()', t));
}
function doSlideIn4() {
	$("#phone").removeClass(); $("#phone").toggleClass('storm');
	$("#question").removeClass(); $("#question").toggleClass('q4');
	$("#question").html("<i>You ask: Siri, call me a cab</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a4');
	$("#answer").html("<i>Siri does: I just need a few details and then I can get you a taxi</i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actTaxi span").fadeIn(t);
	$("li.actTaxi").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut4()', outro));
}
function doSlideOut4() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actTaxi span").fadeOut(t);
	$("li.actTaxi").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn5()', t));
}
function doSlideIn5() {
	$("#phone").removeClass(); $("#phone").toggleClass('iphone');
	$("#question").removeClass(); $("#question").toggleClass('q5');
	$("#question").html("<i>You ask: Siri, where's the nearest Starbucks?</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a5');
	$("#answer").html("<i>Siri does: Nearest Starbucks is at <span>6312 La Vista Dr., Dallas</span></i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actLocal span").fadeIn(t);
	$("li.actLocal").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut5()', outro));
}
function doSlideOut5() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actLocal span").fadeOut(t);
	$("li.actLocal").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn6()', t));
}
function doSlideIn6() {
	$("#phone").removeClass(); $("#phone").toggleClass('storm');
	$("#question").removeClass(); $("#question").toggleClass('q6');
	$("#question").html("<i>You ask: Siri, will it be sunny tomorrow?</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a6');
	$("#answer").html("<i>Siri does: Here's the forecast for <span>Chicago, IL</span> (hmmm, not so nice... you might want to get out your umbrella!)</i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actWeather span").fadeIn(t);
	$("li.actWeather").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut6()', outro));
}
function doSlideOut6() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actWeather span").fadeOut(t);
	$("li.actWeather").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn7()', t));
}
function doSlideIn7() {
	$("#phone").removeClass(); $("#phone").toggleClass('iphone');
	$("#question").removeClass(); $("#question").toggleClass('q7');
	$("#question").html("<i>You ask: Siri, AA flights today from JFK to PDX</i>");
	$("#answer").removeClass(); $("#answer").toggleClass('a7');
	$("#answer").html("<i>Siri does: Here's a list of <span>AAL direct flights</span> from <span>JFK</span> to <span>PDX</span> for <span>today from this morning to tonight</span></i>");
	$("#phone").animate({
		backgroundPosition:"0 0"
	}, t, "easeOutCirc");
	$("#question").fadeIn(t);
	$("#answer").fadeIn(t);
	$("li.actFlight span").fadeIn(t);
	$("li.actFlight").animate({
		top:"-20px",
		opacity:"1"
	},t, "easeOutCirc", setTimeout('doSlideOut7()', outro));
}
function doSlideOut7() {
	$("#phone").animate({
		backgroundPosition:"0 450px"
	}, t, "easeInCirc");
	$("#question").fadeOut(t);
	$("#answer").fadeOut(t);
	$("li.actFlight span").fadeOut(t);
	$("li.actFlight").animate({
		top:"0",
		opacity:"0.25"
	},t, "easeInCirc", setTimeout('doSlideIn1()', t));
}