
function Slide () {
	this.title = "HEADLINES";
	this.headline = "";
	this.summary = "";
	this.image = "";
	this.link = "";
	
	this.preloadedImage = null;
}

Slide.prototype.setValues = function (map) {
	if (map.title) {
		this.title = map.title;
	}
	this.headline = map.headline;
	this.summary = map.summary;
	this.image = map.image;
	this.link = map.link;
};

Slide.prototype.preLoad = function () {
	this.preloadedImage = new Image ();
	this.preloadedImage.src = this.imageUrl;
};

Slide.prototype.toHTML = function () {
	
	var slideNode = document.createElement ("div");
	
	// Heading + Summary
	var headingContainer = document.createElement ("div");
	headingContainer.className = "slider-heading-container";

	var title = document.createElement ("h1");
	title.className = "news";
	title.innerHTML = this.title;
	
	headingContainer.appendChild (title);

	var heading = document.createElement ("h2");
	heading.className = "news-item-heading";
	
	var headingLink = document.createElement ("a");
	headingLink.href = this.link;
	headingLink.innerHTML = this.headline;
	
	heading.appendChild (headingLink);
	
	headingContainer.appendChild (heading);
	
	var summary = document.createElement ("h3");
	summary.className = "news-item-summary";
	
	var summaryLink = document.createElement ("a");
	summaryLink.href = this.link;
	summaryLink.innerHTML = this.summary;
	
	summary.appendChild (summaryLink);
	
	headingContainer.appendChild (summary);
	
	slideNode.appendChild (headingContainer);
	
	// Link + Image
	var imageContainer = document.createElement ("div");
	imageContainer.className = "slider-image-container";
	
	var link = document.createElement ("a");
	link.href = this.link;
	
	var image = document.createElement ("img");
	image.src = this.image;
	
	link.appendChild (image);
	imageContainer.appendChild (link);
	
	slideNode.appendChild (imageContainer);
	
	return slideNode;
}
