function getTopBanners(callback){
	$.getJSON("http://93.175.178.192/tools/pricebutton?jsoncallback=?&template=smaakTopBanner", 
	function(data){
		var url = unscrambleString(data.url);
		//console.log(url);
		for (var i = 0; i < url.length; i++) {
			var append = '<a href="' + url[i][1][1] + '"><img class="top-banner-image" src="images/' + url[i][1][0] + '"/></a>';
			var a = document.createElement('a');
			var img = document.createElement('img');
			a.href = url[i][1][1];
			img.setAttribute('src', 'images/' + url[i][1][0]);
			img.className = 'top-banner-image';
			img.width = img.width;
			img.height = img.height;
			$(a).append(img);
			$("#top-banner").append(a);
		}
		topBanner.banners = $(".top-banner-image");
		callback();
	});
}

function getBottomBanners(){
	$.getJSON("http://93.175.178.192/tools/pricebutton?jsoncallback=?&template=smaakBottomBanner", 
	function(data){
		var url = unscrambleString(data.url);
		var switchSide;
		var side = "left";
		for (var i = 0; i < url.length; i++) {
			var bannerClass = url[i][0];
			var style = "";
			if (switchSide) {
				if (switchSide == i) {
					if (side == "left") 
						side = "right";
					else 
						side = "left";
					switchSide = null;
				}
			}
			
			if(bannerClass == "smallBanner"){
				bannerClass = "small-banner";
				if (!switchSide)
					switchSide = i + 2;
				if(switchSide == i+1)
					style = "style='margin-right:0;'";
			}
			else if (bannerClass == "wideBanner"){
				bannerClass = "wide-banner";
				if (!switchSide)
					switchSide = i + 1;
			}
			
			$("#action-banners-" + side).append('<div class="' + bannerClass + '"' + style + '><a href="' + url[i][1][1] + '"><img src="images/' + url[i][1][0] + '" /></a></div>');
		}
	});
}

var jsonObject = {
	
}

var topBannerTestString = "banner=plaatje.png,http://www.link.nl&banner=plaatje.png,http://www.link.nl";
var bottomBannerTestString = "smallBanner=plaatje.png&wideBanner=plaatje.png";
//banner=slideshow_slide_1kerst.png,http://mijn.smaak.nl/sk/RAPRD/ambachtelijke-kerststol-/BKS201.html&banner=slideshow_slide_2kerst.png,http://smaak.nl/kerst/?tab=hoofdgerecht&banner=slideshow_slide_3.png,http://mijn.smaak.nl/sk/RAPRL/Seizoen-paddenstoel-/880.html&banner=slideshow_slide_4.png,#

function unscrambleString(str){
	
	var newStr = str.split("&");
	for(var i = 0; i < newStr.length; i++) {
		newStr[i] = newStr[i].split("=");
		newStr[i][1] = newStr[i][1].split(",");
	}
	
	return newStr;
}