// banner.js

var i = 0;
var banner_img = ["banner01.jpg", 
				  "banner02.jpg",
				  "banner09.jpg",
				  "banner04.jpg",
				  "banner15.jpg",
				  "banner13.jpg",
				  "banner06.jpg",
				  "banner07.jpg",
				  "banner08.jpg",
				  "banner03.jpg",
				  "banner10.jpg",
				  "banner11.jpg",
				  "banner14.jpg"
				  ];

var banner_caption = ["Pennsylvania Ballet. Photo: Paul Kolnik",
					  "National Constitution Center. (Scott Frances LTD)",
					  "J&#233;r&#244;me Bel's <em>The show must go on</em>. Photo: Jacques-Jean Tiziou",
					  "Pig Iron Theatre Company. Photo: Pig Iron Theatre Company",
					  "Photo: National Aquarium in Baltimore",
					  "Photo: Carl Costas",
					  "Nichole Canuso Dance Company. Photo: Cylla von Tiedemann",
					  "Pennsylvania Ballet. Photo: Erin Baiano for Paul Kolnik",
					  "Philadelphia Theatre Company",
					  "Philadelphia Museum. Photo: Graydon Wood",
					  "J&#233;r&#244;me Bel's <em>The show must go on</em>. Photo: Jacques-Jean Tiziou",
					  "Photo: Carl Costas",					  
					  "Alonzo King's Lines Ballet. Photo: Marty Sohl"
					  ];

var banner_path = "/wp-content/themes/cdp/images/";

var banner_elements = [$('<img />').attr('src', banner_path + 'banner01.jpg'),
					   $('<img />').attr('src', banner_path + 'banner02.jpg'),
					   $('<img />').attr('src', banner_path + 'banner09.jpg'),
					   $('<img />').attr('src', banner_path + 'banner04.jpg'),
					   $('<img />').attr('src', banner_path + 'banner15.jpg'),
					   $('<img />').attr('src', banner_path + 'banner13.jpg'),
					   $('<img />').attr('src', banner_path + 'banner06.jpg'),
					   $('<img />').attr('src', banner_path + 'banner07.jpg'),
					   $('<img />').attr('src', banner_path + 'banner08.jpg'),
					   $('<img />').attr('src', banner_path + 'banner03.jpg'),
					   $('<img />').attr('src', banner_path + 'banner10.jpg'),
					   $('<img />').attr('src', banner_path + 'banner11.jpg'),
					   $('<img />').attr('src', banner_path + 'banner14.jpg')
					   ];

var banner_caption_elements = [$('<span id="photo-caption" />').html(banner_caption[0]),
							   $('<span id="photo-caption" />').html(banner_caption[1]),
							   $('<span id="photo-caption" />').html(banner_caption[2]),
							   $('<span id="photo-caption" />').html(banner_caption[3]),
							   $('<span id="photo-caption" />').html(banner_caption[4]),
							   $('<span id="photo-caption" />').html(banner_caption[5]),
							   $('<span id="photo-caption" />').html(banner_caption[6]),
							   $('<span id="photo-caption" />').html(banner_caption[7]),
							   $('<span id="photo-caption" />').html(banner_caption[8]),
							   $('<span id="photo-caption" />').html(banner_caption[9]),
							   $('<span id="photo-caption" />').html(banner_caption[10]),
							   $('<span id="photo-caption" />').html(banner_caption[11]),
							   $('<span id="photo-caption" />').html(banner_caption[12])
							   ];


var tid = -1;
var fadeIn_speed = 700;
var fadeOut_speed = 700;


function banner_init()
{
	tid = setInterval(cycle, 8000);
}

function emit_swf () {
	if (swfobject.hasFlashPlayerVersion("6.0.65")) {
		var expressInstall = "/wp-content/themes/cdp/_swf/expressInstall.swf";
		var flashvars = { };
		var params = { menu: "false", play: "true", scale: "noscale", wmode: "opaque", allowScriptAccess: "always" };
		var attributes =  { };
		swfobject.embedSWF("/wp-content/themes/cdp/swf/ntl_intro.swf", "flash", "720", "540", "9", expressInstall, flashvars, params, attributes);
		//swfobject.createCSS("#flash", "visibility:hidden;");
	}
}


function toggle_anim()
{	
	if($("object#flash").length == 0)
	{
		emit_swf();	
	}
	
    if ($("#animation-popup").css("visibility") == "hidden")
    {       
		clearInterval(tid);
		
		if($.browser.msie)
		{
			$("select").css("visibility", "hidden");
		}
		
        $("#animation-popup").css("visibility", "visible");
		$("#animation-popup").css("height", $(document).height());
		$("#animation-popup").css("width", $(window).width());
        $("#flash").css("visibility", "visible");

    } else
    {
		
        $("#animation-popup").css("visibility", "hidden");
		
		if($.browser.msie)
		{
			$("select").css("visibility", "visible");
		}
		
		tid = setInterval(cycle, 8000);
        $("object#flash").replaceWith("<div id=\"flash\"></div>");
        
    }
    return false;
}



function cycle()
{
	if(i == banner_elements.length - 1)
	{
		i = 0;		
	} else
	{
		i++;
	}
	
	$("#banner span#photo-caption").fadeTo(fadeOut_speed, 0, function() {
		$("#banner span#photo-caption").remove();	
		$("#banner").append(banner_caption_elements[i]);
		$("#banner span#photo-caption").css("opacity", 0);
		$("#banner span#photo-caption").fadeTo(fadeIn_speed, 1);	
	});
	
	$("#image-rotator img").fadeTo(fadeOut_speed, 0, function() {
		$("#image-rotator img").remove();
		$("#image-rotator").append(banner_elements[i]);
		$("#image-rotator img").css("opacity", 0);
		$("#image-rotator img").attr("alt", "Banner");
		$("#image-rotator img").fadeTo(fadeIn_speed, 1);							
	});	
}