var availStories=new Array;
var availBanners=new Array;
var curBanner;
var numBanners=0;

function init(page){
	var curStoryID="";

	var theStory = storiesJSON.stories[storyID];
	
	preload_image = new Image(880,332); 
	preload_image.src = theStory.storyPhoto; 
   
	$('mainPhoto').update("<img src='" + theStory.storyPhoto + "' width='880' height='332' alt='' onLoad='kickOff()'>");
	var d = new SimpleDate(Date.parse(theStory.storyDate));
	$('teaserContentCopy').update(formatTeaserText(theStory));
	$('storyCopy').update(formatStoryText(theStory));
	$('story').style.height=theStory.storyHeight + "px";

	formatMediaArea(theStory);
}

function getMoreStories(){
	var curMonth="";
	var dateList="";
	getAvailableStories();
	availStories.reverse();
	storycnt = 0;
	for(var st in availStories){
		if (typeof availStories[st] != 'function') {
			storyRef = availStories[st];
			var dt = new SimpleDate(Date.parse(storyRef.storyDate));
			theMonth = dt.toFormattedString('~M');
			if (curMonth != theMonth) {
				if (curMonth != "") dateList = dateList + "</ul><div class='clear'></div><ul>";
				curMonth=theMonth;
				storycnt=0;
				dateList = dateList + "<li class='title'>"+ theMonth +"</li>";
			}
			dateList = dateList + "<li><a href='index.php?storyID="+storyRef.storyID+"'><img src='"+storyRef.storyThumbnail+"' alt='' width='131' height='89' /></a>"+storyRef.storyThumbnailCaption+"</li>";
			storycnt++;
			if (storycnt > 4) {
				dateList = dateList + "</ul><div class='clear'></div><ul>";
				storycnt=0;
			}

		}
	}
	document.write(dateList);
}


function getAvailableStories(){
	var today = new Date();

	for(var st=0; st<storiesJSON.stories.length; st++){
		var tmp = storiesJSON.stories[st].storyDate;
		var tdate = new Date(tmp);
		//alert(tdate+'..'+today+'...'+(tdate<=today));
		if (tdate <= today) {
			availStories[storiesJSON.stories[st].storyID]=storiesJSON.stories[st];
		}
	}
	
	availStories.sort(sortByDate);
}

function getAvailableBanners(){
	var today = new Date();

	for(var st=0; st<bannersJSON.banners.length; st++){
		var tmp = bannersJSON.banners[st].bannerOnDate;
		var tondate = new Date(tmp);
		var tmp = bannersJSON.banners[st].bannerOffDate;
		var toffdate = new Date(tmp);
		if ((tondate <= today) &&  (toffdate > today)){
			//alert(bannersJSON.banners[st].bannerDiv);
			availBanners[bannersJSON.banners[st].bannerID]=bannersJSON.banners[st];
		}
	}
	
	availBanners.sort(sortByBannerDate);
	numBanners =availBanners.length;

}


function sortByBannerDate(a, b) {
    var x = new Date(a.bannerOnDate);
    var y = new Date(b.bannerOnDate);
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function sortByDate(a, b) {
    var x = new Date(a.storyDate);
    var y = new Date(b.storyDate);
    return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

function showUpcomingEvents(){
	var x = new Effect.Morph('yellowBoxEvents',{style:'left: 720px;', duration:1.0});

}


function kickOff(){
	//fade the maon photo in
	new Effect.Appear('mainPhoto', {duration: .80, from:0.1, to:1.0, afterFinish:showTeaser });
	//set to 530px with Share Your Story and 650 without
	var x = new Effect.Morph('yellowBoxWrapper',{style:'left: 530px;', duration:1.0, afterFinish:showLower});
}

function showTeaser(){
	new Effect.Appear('teaserContent', {duration: 2.0, from:0.0, to: 0.7 } );
	new Effect.Appear('teaserContentCopy', {duration: 2.0, from:0.0, to: 0.9 } );
	new Effect.Appear('teaserBack', {duration: 3.0, from:0.0, to:0.3 } );
}

function showStory(){
	element = $('story');
	if(element.style.display == 'none') {
		new Effect.BlindDown(element, {duration: 0.5,  scaleX: false, afterFinish:showMedia });
		new Effect.Fade('teaserBack', {duration: 0.75, from:0.9, to:0.0} );
		new Effect.Fade('teaserContent', {duration: 1.0, from:0.9, to:0.0} );
		new Effect.Fade('teaserContentCopy', {duration: 1.0, from:0.9, to:0.0} );
	}
}

function showLower(){
	var bannerRef;
	getAvailableBanners();
	
	for(var st in availBanners){
		if (typeof availBanners[st] != 'function') {
			bannerRef = availBanners[st];
			if ( bannerRef.bannerDiv !=  curBanner) {
				curBanner = bannerRef.bannerDiv;
				break;
			}
		}
	}
	if (numBanners > 0 ) {
		var x = new Effect.Morph(curBanner,{ style:'left: 0px;', duration:1.0 });
	}
}


function updateBanners(){
	nextBanner = "";
	for(var st in availBanners){
		if (typeof availBanners[st] != 'function') {
			bannerRef = availBanners[st];
			if ( bannerRef.bannerDiv !=  curBanner) {
				nextBanner = bannerRef.bannerDiv;
				break;
			}
		}
	}
	
	if (nextBanner !="") {
		hideLower();
		curBanner=nextBanner;
		var x = new Effect.Morph(curBanner,{ style:'left: 0px;', duration:1.0 });
	}

}

bannerPE = new PeriodicalExecuter(updateBanners, bannerTimeout);

function hideLower(){
	var x = new Effect.Morph(curBanner,{ style:'left: -1000px;', duration:1.0 });
	//document.accessForm.email.focus();
}

function hideStory(){
	$('media').hide();
	element = $('story');
	new Effect.BlindUp(element, {duration: 1.0,  scaleX: false, afterFinish:showMedia });
	new Effect.ScrollTo('wrapper');
	showTeaser();	
}


function showMedia(){
	new Effect.Appear('media', {duration: 1.0, from:0.0, to: 1.0 } );
}

function mediaPlayer(contentType,mfile,mimg,mwidth,mheight) {
	switch (contentType){
		case "flash":
			var so = new SWFObject("./assets/swf/mediaplayer.swf","single",mwidth,mheight,"7");
			so.addVariable("file",mfile);
			so.addParam("width",mwidth);
			so.addParam("height",mheight);
			so.addVariable("image",mimg);
			so.addVariable('autostart','true');
			so.addParam('allowfullscreen','true');
			so.addParam('allowscriptaccess','always');
			so.useExpressInstall('./assets/swf/expressinstall.swf');
			so.write("flvplayer");				
			break;
		default:
	}
}

function formatTeaserText(storyRef){
	var teaserHTML = "";
	var dt = new SimpleDate(Date.parse(storyRef.storyDate));

	teaserHTML = "<span class='teaser_date'>" + dt.toFormattedString('~M ~d, ~Y') + "</span><span class='teaser_quote'>&#8220;"+ storyRef.storyTeaserQuote+"&#8221;</span><span class='teaser_byline'>"+ storyRef.storyTeaserByLine+"</span><p class='teaser_leadin'>"+ storyRef.storyTeaserLeadin+"..</p><a href='javascript:showStory()'>Read More</a>";
	
	return teaserHTML;
}

function formatStoryText(storyRef){
	var storyHTML = "";
	var dt = new SimpleDate(Date.parse(storyRef.storyDate));

	storyHTML = "<span class='teaser_date'>" + dt.toFormattedString('~M ~d, ~Y') + "</span><span class='teaser_quote'>&#8220;"+ storyRef.storyTeaserQuote + "&#8221;</span><span class='teaser_byline'>" + storyRef.storyTeaserByLine + "</span><p class='teaser_leadin'>" + storyRef.storyTeaserLeadin+"</p><p>" + storyRef.storyText + "</p><!--<span class='haveStory'>Have you received an opportunity from McDonald's? <a href='http://tmsroom.com/365black/index.html' class='lightwindow page-options' params='lightwindow_width=750,lightwindow_height=500' title='Share your story' >Share your story.</a></span> --> <a href='javascript:hideStory();' class='closeButton'>X Close</a>";

	return storyHTML;
}

function formatMediaArea(storyRef){
	var mediaHTML = "";
	var mediaType = storyRef.storyMediaType;
	var mediaWidth = storyRef.storyMediaWidth;
	var mediaHeight = storyRef.storyMediaHeight;
	
	switch( mediaType ){
		case "video":
			mediaHTML = storyRef.storyMediaCaption +"<div id='flvplayer'><p><a href='http://www.macromedia.com/go/getflashplayer'><img src='http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif' alt='Get macromedia Flash Player' style='border: none;' /></a></p></div>";

			break;
		case "imageGallery":
			mediaHTML = storyRef.storyMediaCaption + "<br><br><div id='gallery'><table border=0 cellpadding=20 cellspacing=20>";
			var tmpArray = storyRef.storyMediaList.split(",");
			for (lcv=0; lcv< tmpArray.length; lcv=lcv+2){
			//<a href="gallery/0-sushi.jpg" class="lightwindow" rel="/\\:;*?<>'Ó|¨ª©&#[Sushi]" title="Left Behind" caption="Look's super tasty!" author="Unknown">image #1</a>
				lwopts="hidden";
				if (lcv==0) lwopts="page-options";
				lwopts="";
				mediaHTML = mediaHTML + '<tr><td><a href="' + tmpArray[lcv] + '.jpg" class="lightview" rel="gallery[myset]"><img src="' + tmpArray[lcv] + '_thumb.jpg" width='+ mediaWidth + '  height='+ mediaHeight + '></a></td><td><a href="' + tmpArray[lcv+1] + '.jpg" class="lightview" rel="gallery[myset]"><img src="' + tmpArray[lcv+1] + '_thumb.jpg" width='+ mediaWidth + '  height='+ mediaHeight + '></a></td></tr>';
				//mediaHTML = mediaHTML + '<tr><td><a href="' + tmpArray[lcv] + '.jpg" target="_blank"><img src="' + tmpArray[lcv] + '_thumb.jpg" width='+ mediaWidth + '  height='+ mediaHeight + ' border="0"></a></td><td><a href="' + tmpArray[lcv+1] + '.jpg" target="_blank"><img src="' + tmpArray[lcv+1] + '_thumb.jpg" width='+ mediaWidth + '  height='+ mediaHeight + ' border="0"></a></td></tr>';
			}
			mediaHTML = mediaHTML + "</table></div>";
			mediaHTML = mediaHTML + "<script type='text/javascript'>Lightview.updateViews()</script>";
			break;
	}
	$('media').update(mediaHTML);
	if ( mediaType == "video" ) {
		mediaPlayer("flash",storyRef.storyMediaList,storyRef.storyMediaPoster,storyRef.storyMediaWidth,storyRef.storyMediaHeight);
		$('flvplayer').style.height=mediaHeight + "px";
	}
}