var ss_frame = $("#ss-frame");
var ss_slideshow = $("#ss-slideshow");
var ss_nav= $("#ss-nav");
var ss_play=$("#ss-play");
var ss_pause=$("#ss-pause");
var ss_next=$("#ss-next");
var ss_prev=$("#ss-prev");

var ss_anniversary = $("#ss-anniversary");
var ss_25th_no_star = $("#ss-25th-no-star");
var ss_25th = $("#ss-25th");
var ss_bars = $("#ss-bars");
var ss_panels = $("#ss-panels");
var ss_panel_top = $("#ss-panel-top");
var ss_panel_bottom = $("#ss-panel-bottom");
var ss_25_moments = $("#ss-25-moments");
var ss_slide1_preview = $("#ss-slide1-preview");
var preload_logo = $('#preload-logo');


var ss_bar1 = $("#bar-1");
var ss_bar2 = $("#bar-2");
var ss_bar3 = $("#bar-3");
var ss_bar4 = $("#bar-4");
var ss_bar5 = $("#bar-5");
var ss_bar6 = $("#bar-6");
var ss_bar7 = $("#bar-7");
var ss_bar8 = $("#bar-8");
var ss_bar9 = $("#bar-9");
var ss_bar10 = $("#bar-10");
var ss_bar11 = $("#bar-11");
var ss_bar12 = $("#bar-12");
var ss_bar13 = $("#bar-13");
var ss_bar14 = $("#bar-14");
var ss_bar15 = $("#bar-15");
var ss_bar16 = $("#bar-16");
var ss_bar17 = $("#bar-17");

var ss_i = 0;


function runIt() {

	switch (ss_i) {
		case 0:
			ss_bar14.delay(1000).fadeIn({queue: true, duration: 600, complete: runIt});
			break;
		case 1:
			ss_anniversary.fadeIn(600);
			ss_25th_no_star.fadeIn(600, runIt);
			break;
		case 2:
			ss_anniversary.delay(1500).fadeOut(1500);
			ss_25th.delay(1800).animate({
    width: "377px",
	height: "256px",
	left: "142px",
	top: "113px"
  }, {duration:600, easing:"easeInOutSine"});
			ss_25th_no_star.delay(1800).animate({
    width: "377px",
	height: "256px",
	left: "142px",
	top: "113px"
  }, {duration:600, easing:"easeInOutSine", complete: runIt});
			break;	
		case 3:
			ss_25th_no_star.fadeOut(800);
			ss_25th.fadeIn(800, runIt);
			break
		case 4:
			ss_bar14.animate({backgroundColor: "#b22532"}, {duration: 1000, easing:"easeInOutBounce",complete: runIt});
			break;	
		case 5:
			ss_bar14.animate({backgroundColor: "#212d5b"}, {duration: 500, complete: runIt});
			break;	
		case 6:
			ss_bar14.animate({backgroundColor: "#cbcbcb"}, {duration: 500, complete: runIt});
			break;	
		case 7:
			ss_bar14.animate({backgroundColor: "#cbcbcb"}, {duration: 300, complete: runIt});
			break;	
		case 8:
			ss_bar14.animate({backgroundColor: "#b22532"}, {duration: 500, complete: runIt});
			break;
		case 9:
			ss_bar14.animate({backgroundColor: "#212d5b"}, {duration: 500, complete: runIt});
			break;
		case 10:
			ss_bar14.animate({width: "86px", height: "60px", top: "102px", left: "278px"}, {duration: 800});
			ss_25th.animate({opacity: "0", width: "26px", height: "30px", top: "20px", left: "30px"}, {duration: 800, complete: runIt});
			break;
		case 11:
			ss_bar14.animate({width: "86px", height: "19px", top: "377px", left: "492px"}, {duration:800, easing:"easeInOutSine", complete: runIt});
			break;
		case 12:
			ss_bar1.animate({left: "0px"}, {duration: 1200});
			ss_bar2.animate({left: "0px"}, {duration: 1400});
			ss_bar3.animate({left: "0px"}, {duration: 1100});
			ss_bar4.animate({left: "0px"}, {duration: 400});
			ss_bar5.animate({left: "0px"}, {duration: 2400});
			ss_bar6.animate({left: "0px"}, {duration: 1600});
			ss_bar7.animate({left: "0px"}, {duration: 1100});
			ss_bar8.animate({left: "0px"}, {duration: 2400});
			ss_bar9.animate({left: "0px"}, {duration: 1200});
			ss_bar10.animate({left: "0px"}, {duration: 1600});
			ss_bar11.animate({left: "0px"}, {duration: 1100});
			ss_bar12.animate({left: "0px"}, {duration: 500});
			ss_bar13.animate({left: "0px"}, {duration: 2100});
			ss_bar14.animate({left: "0px", width: "672px"}, {duration: 1600});
			ss_bar15.animate({left: "0px"}, {duration: 1100});
			ss_bar16.animate({left: "0px"}, {duration: 2000});
			ss_bar17.animate({left: "0px"}, {duration: 2800, complete: runIt});
			break;
		case 13:
			ss_panels.toggle();
			ss_bars.toggle();
			ss_panel_top.animate({height: "126px", width: "672px"}, {duration: 1000});
			ss_panel_bottom.animate({height: "133px", width: "672px"}, {duration: 1000, complete: runIt});
			break;
		case 14:
			ss_panel_top.delay(1200).animate({height: "247px", width: "672px"}, {duration: 600});
			ss_panel_bottom.delay(1200).animate({height: "207px", width: "672px"}, {duration: 600});
			ss_25_moments.delay(1200).fadeOut(800, runIt);
			break;
		case 15:
			ss_panels.fadeOut(9000);
			ss_slideshow.fadeIn(2000);
			ss_nav.fadeIn(2000);
			start_slideshow();
			break;

			

	}
	
	ss_i += 1;

}


function loadImages() {
	preload_logo.load();
	ss_anniversary.load();
	ss_25th_no_star.load();
	ss_25th.load();
	ss_25_moments.load();
	ss_panel_top.load();
	ss_panel_bottom.load();
	ss_slide1_preview.load();
	
	$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/ss-play.png';
	$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/ss-play-a.png';
	$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/ss-pause.png';
	$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/ss-pause-a.png';

	for (i = 1; i <=23; i++) {	
		$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/numbers/'+i+'.png';
		$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/numbers/'+i+'a.png';
	}
		
	for (i = 1; i <=23; i++) {
		$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/slides/'+i+'.jpg';
		$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/titles/'+i+'.png';
		$('<img/>')[0].src = 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/descriptions/'+i+'.png';

	}
}


function pause_slideshow() {
	$('#ss-slideshow').cycle('pause');
	ss_play.toggle();
	ss_pause.toggle();
}

function resume_slideshow() {
	$('#ss-slideshow').cycle('resume');
	ss_play.toggle();
	ss_pause.toggle();
}


function start_slideshow() {
			ss_pause.toggle();
			ss_next.toggle();
			ss_prev.toggle();
			ss_play.attr("src", 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/ss-play-a.png');
			ss_pause.attr("src", 'http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/ss-pause.png');
			$(function() {
    $('#ss-slideshow').before('<div id="ss-nav" class="ss-nav">').cycle({
        fx:     'fade',
		cleartype:  false, // disable cleartype corrections 
        speed:   1000,
        timeout: 5000,
        pager:  '#ss-nav',
		prev: '#ss-prev',
		next: '#ss-next',
        pagerAnchorBuilder: function(idx, slide) {
return '<li class="ss-nav-id-' + (idx + 1) + '"><a href="#" ><img src="http://www.fapeglobal.org/wp-content/themes/fape2/images/slideshow/spacer.gif" style="height: 20px" /></a></li>';
},
   		updateActivePagerLink: function(pager, currSlideIndex) {
$(pager).find('li').find('a').removeClass('active');
$(pager).find('li.ss-nav-id-'+(currSlideIndex+1)).find('a').addClass('active');
}


    });
});

}

(function($) {
	$.fn.customFadeIn = function(speed, callback) {
		$(this).fadeIn(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	$.fn.customFadeOut = function(speed, callback) {
		$(this).fadeOut(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
})(jQuery);


$(function() {
	loadImages();
    runIt();
});