var photo_img = [];
var title_img = [];
var interval = 7000;
var img_path = 'images/home/';
var start = 1;
var end = 2;
var current = 0;

$(document).ready(function () {
	// insert images, pre-load titles
	for (var i=start;i<=end;i++) {
		photo_img[i] = new Image();
		title_img[i] = new Image();
		photo_img[i].src = img_path + 'photo-' + i + '.jpg';
		title_img[i].src = img_path + 'title-' + i + '.png';
		photo_img[i].className = 'photo';
		$('#ani').append(photo_img[i]);
		setTimeout(ani,interval*i);
	}
});

function ani() {
	current++;
	hide_title();
}

function hide_title() {
	$('#title').animate({
		width: 0,
		height: 0
	},500, 'easeOutExpo',slide_photo);
}
function slide_photo() {
	$('#ani .photo').eq(current).animate({
		top: 0
	},500,'easeOutExpo',show_title);
}
function show_title() {
	$('#title').attr('src',title_img[current].src);
	$('#title').animate({
		width: title_img[current].width,
		height: title_img[current].height
	},500, 'easeOutExpo');
}