//<![CDATA[
$(document).ready(function () {
	$('#showme').click(function(){
		var bannersize = $(".bannersize").val();
		var sizes = bannersize.split("x");
		var size = sizes[0]+"x"+sizes[1];
		var s = sizes[0]*sizes[1];
		if(isNaN(s)){
			alert("Invalid Size, please enter 'widthxheight'. eg. 100x100");
		}else{
			var display = '<div style="width:'+sizes[0]+'px; height:'+sizes[1]+'px; background:#e7e7e7; border:1px solid #000; padding:0px; font-weight:bold; margin:40px; text-align:center;line-height:'+sizes[1]+'px;">';
			display += size+'</div>'; 
			new Boxy(display, {title: size});
		}
	});
	$("[id*='showmeimg-']").click(function(){
		var bannersize = this.id;
		bannersize = bannersize.split("-");
		bannersize = bannersize[1];
		var sizes = bannersize.split("x");
		var size = sizes[0]+"x"+sizes[1];
		var s = sizes[0]*sizes[1];
		if(isNaN(s)){
			alert("Invalid Size, please enter 'widthxheight'. eg. 100x100");
		}else{
			var display = '<div style="width:'+sizes[0]+'px; height:'+sizes[1]+'px; background:#e7e7e7; border:1px solid #000; padding:0px; font-weight:bold; margin:40px; text-align:center;line-height:'+sizes[1]+'px;">';
			display += size+'</div>'; 
			new Boxy(display, {title: size});
		}
	});
}); //END $(document).ready(function () {
//]]>