var train = document.getElementById("train");
var trainHeight = train.offsetHeight;
var cars = [];
var carsWidth = 0;
var posts = tumblr_api_read['posts'];
for(var post in posts){
	post = posts[post];
	var newCar = newWindow(train);
	var contents = "";
	var type = post['type'];
	switch(type){
		case 'regular':
			contents = '<div class="post post_text"><p><a href="'+post['url']+'">';
			if(post['regular-title']){
				contents += '<span class="posttitle">'+post['regular-title']+'</span>';
			}else{
				contents += '<span class="posttitle">'+post['date']+'</span>';
			}
			contents += '</a>';
			contents += post['regular-body']+'</p></div>';
			break;
		case 'link':
			contents = '<div class="post post_link"><p><a href="'+post['link-url']+'"><span class="posttitle">'+post['link-text']+'</span></a></p></div>';
			break;
		case 'quote':
			contents = '<div class="post post_quote"><p><a href="'+post['url']+'"><span class="posttitle">'+post['date']+'</span></a><br />'+post['quote-text']+'<br />-'+post['quote-source']+'</p></div>';
			break;
		case 'conversation':
			contents = '<div class="post post_conversation"><p><a href="'+post['url']+'">';
			if(post['conversation-title']){
				contents += '<span class="posttitle">'+post['conversation-title']+'</span>';
			}else{
				contents += '<span class="posttitle">'+post['date']+'</span>';
			}
			contents += '</a></p>';
			contents += '<p>'
			var convo = post['conversation'];
			var names = [];
			var name;
			var nameFound;
			var speakerNumber = 0;
			for(var line in convo){
				line = convo[line];
				name = line['name'];
				if(name == ''){
					nameFound = true;
				}else{
					nameFound = false;
					for(var n in names){
						if(names[n] == name){
							nameFound = true;
							speakerNumber = n;
						}
					}
					if(!nameFound){
						speakerNumber = names.length;
						names.push(name);
					}
				}
				contents += '<span class="chat'+speakerNumber+'">';
				if(name !== ''){
					contents += '<span class="chatname">'+name+': </span>';
				}
				contents += line['phrase']+'</span><br />';
			}
			contents += '</p></div>';
			//convo = convo.replace(/\n/gi,'<br />');
			//contents += '<p>'+convo+'</p></div>';
			//contents += '<p>'+post['conversation-text']+'</p></div>';
			break;
		case 'video':
			contents = '<div class="post post_video"><center>'+post['video-player']+'</center><div class="caption">'+post['video-caption']+'</div><a href="'+post['url']+'"><div class="view_link"></div></a></div>';
			break;
		case 'audio':
			contents = '<div class="post post_audio"><center>'+post['audio-player']+'</center><p>'+post['audio-caption']+'</p><a href="'+post['url']+'"><div class="view_link"></div></a></div>';
			break;
		case 'photo':
			var width = post['width'];
			var height = post['height'];
			if(width>500){
				height = height*(500/width);
				width = 500;
			}
			if(height>=trainHeight-50){
				width = width*((trainHeight-50)/height);
				height = trainHeight-50;
			}
			contents = '<div class="post post_photo"><a href="'+post['photo-url-1280']+'"><img width="'+width+'" height="'+height+'" src="'+post['photo-url-500']+'"></img></a><div class="caption">'+post['photo-caption']+'</div><a href="'+post['url']+'"><div class="view_link"></div></a></div>';
			break;
		default:
			contents += post['url'];
	}
	newCar.setContents(contents);
	newCar.setPos(carsWidth,trainHeight/2-newCar.getHeight()/2);
	carsWidth += newCar.getWidth();
	train.style.width = (carsWidth+800)+"px";
	cars.push(newCar);
}
train.style.width = carsWidth+"px";
var windowWidth = document.documentElement.clientWidth;
train.style.marginLeft = ((-cars[0].getWidth()/2)+(windowWidth/2))+"px";
train.style.paddingRight = ((-cars[cars.length-1].getWidth()/2)+(windowWidth/2))+"px";