//you could eval json here instead
	var Data = {
		//tier #1
		0 : {"name" : "v1.0 | Leaderboard (728x90 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_leaderboard_728_x_90.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		1 : {"name" : "v1.0 | Vertical Tower (160x600 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_vertical-tower_160_x_600.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		2 : {"name" : "v1.0 | Skyscraper (120x600 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_skyscraper_120_x_600.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		3 : {"name" : "v1.0 | Full Banner (468x60 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_full-banner_468_x_60.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		4 : {"name" : "v1.0 | Full Banner (392x72 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_full-banner_392_x_72.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		5 : {"name" : "v1.0 | Button (120x90 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_button_120_x_90.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		6 : {"name" : "v1.0 | Button (120x60 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_button_120_x_60.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		7 : {"name" : "v1.0 | Large Rectangle (336x280 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_large_rectangle_336_x_280.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		8 : {"name" : "v1.0 | Rectangle (180x150 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_rectangle_180_x_150.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		9 : {"name" : "v1.0 | Half Banner (234x60 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_half-banner_234_x_60.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		10 : {"name" : "v1.0 | Square (125x125 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_square_125_x_125.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		11 : {"name" : "v1.0 | Vertical (120x240 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_vertical_120_x_240.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		12 : {"name" : "v1.0 | Micro (88x31 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_micro_88_x_31.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		
		//tier #2
		13 : {"name" : "v1.0 | Large Leaderboard (720x300 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_large-leaderboard_720_x_300.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		14 : {"name" : "v1.0 | Half Page Ad (300x600 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_half-page-ad_300_x_600.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		15 : {"name" : "v1.0 | Vertical Rectangle (240x400 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_vertical-rectangle_240_x_400.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		16 : {"name" : "v1.0 | Medium Rectangle (300x250 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_medium-rectangle_300_x_250.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		17 : {"name" : "v1.0 | 3:1 Rectangle (300x100 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_3-1-rectangle_300_x_100.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		
		//tier #3
		18 : {"name" : "v1.0 | Large Leaderboard (728x210 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_large-leaderboard_728_x_210.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		19 : {"name" : "v1.0 | Extra Large Rectangle (425x600 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_extra-large-rectangle_425_x_600.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		20 : {"name" : "v1.0 | Extra Large Rectangle (425x500 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_extra-large-rectangle_425_x_500.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		21 : {"name" : "v1.0 | Extra Large Square (425x425 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_extra-large-square_425_x_425.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		22 : {"name" : "v1.0 | Extra Large Pop-Up (550x480 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_extra-large-pop-up_550_x_480.jpg", "href" : "http://www.natureshealingnutrition.com/"},
		23 : {"name" : "v1.0 | Large Rectangle Pop-Up (500x350 pixels)", "src" : "http://www.natureshealingnutrition.com/_BANNERS/v1_large-rectangle-pop-up_500_x_350.jpg", "href" : "http://www.natureshealingnutrition.com/"}
	};
	
	//create new dropdown
	var NewDD = document.createElement("select");
	
	//set id
	NewDD.setAttribute("id", "banner_dd");
	
	//add stub option
	var StubOption = document.createElement("option");
	StubOption.innerHTML = "----- Select a Banner -----";
	NewDD.appendChild(StubOption);
	
	//build dropdown
	for(Item in Data){
		var ThisOption = Data[Item];
		var NewOpt = document.createElement("option");
		NewOpt.setAttribute("value", ThisOption.src);
		NewOpt.setAttribute("data-href", ThisOption.href);
		NewOpt.innerHTML = ThisOption.name;
		
		//add option
		NewDD.appendChild(NewOpt);
	}
	
	//get existing
	var ExistingDD = document.getElementById("banner_dd");

	//add new dropdown
	ExistingDD.parentNode.appendChild(NewDD);
	
	//remove existing
	ExistingDD.parentNode.removeChild(ExistingDD);
	
	//add on change event
	NewDD.onchange = function(){
		//get the drop down
		var ThisDD = document.getElementById("banner_dd");
		
		//empty option
		if(ThisDD.selectedIndex != 0) {
			//build the source code
			var tmpSourceCode = "";
			tmpSourceCode = "<!--banner_code-->\n";
			tmpSourceCode += "<a href=\""+ ThisDD[ThisDD.selectedIndex].getAttribute("data-href") +"\" target=\"_blank\"><img src=\""+ ThisDD.value +"\" /></a>\n";
			tmpSourceCode += "<!--/banner_code-->";
			
			//fill in source code
			document.getElementById("banner_src").value = tmpSourceCode;
			
			//show preview
			document.getElementById("banner_preview_container").innerHTML = "<img id=\"banner_preview\" src=\"\" size=\"50\" />";
			document.getElementById("banner_preview").src = ThisDD.value;
		}
		else {
			//fill in source code
			document.getElementById("banner_src").value = "";
			//show preview
			document.getElementById("banner_preview_container").innerHTML = "*no banner selected*"
		}
	}
	
	//replace previw w/ coming soon message on first load
	document.getElementById("banner_preview_container").innerHTML = "*no banner selected*"
	
	//clear the source code on first load
	document.getElementById("banner_src").value = "";