var Banner = function(selector,json){
	var _b = this,
	wrap = $(selector),
	controls = document.createElement("div"),
	slides = [],
	links = [],
	curSlide = 0;
	this.makeSlide = function(data){
		var slide = document.createElement("div"),
		img = "<img src='" + data.image + "' />",
		title = "<h1><a href='" + data.link + "'>" + data.title + "</a></h1>",
		date = "<span class='date'>" + data.date + "</span>"
		text = "<p>" + data.text,
		link = "<a href='" + data.link + "' class='styledLink'>Read more &raquo;</a>",
		navLink = document.createElement("a");
		
		text += link + "</p>";
		slide.setAttribute(classAttribute,"slide");
		slide.innerHTML = img + '<div class="text">' + title + date + text + '</div>';
		slides.push(slide);
		links.push(navLink);
		navLink.innerHTML = slides.length;
		navLink.title = data.title;
		navLink.onclick = function(){
			var idx = (links.indexOf  && links.indexOf(this)) || indexOfArray(this,links);
			_b.showSlide(idx);
		};
		wrap.append(slide);
		controls.appendChild(navLink);
	};
	controls.setAttribute("id","bannerControls");
	wrap.append(controls);
	this.showSlide = function(i){
		$(slides[curSlide]).stop().animate({"opacity":"0"},function(){
			this.style.display = "none";
		});
		$(slides[i]).stop().css("display","block").animate({"opacity":"1"});
		links[curSlide].removeAttribute(classAttribute)
		links[i].setAttribute(classAttribute,"on");
		curSlide = i;
	};
	for(var x in json) {
		json.hasOwnProperty(x) && this.makeSlide(json[x]);
	};
	slides[0] && this.showSlide(0);
},
indexOfArray = function(name,array) {
	var i = 0;
	for(var x in array) {
		if(array[x] === name) { return i; };
		i++;
	};
	return -1;
};

// -- twitter 

$("#twitter2").twitter("Localis");