function StringBuffer()
{  
	this.buffer = [];
}  
  
StringBuffer.prototype.appened = function(string)
{
	this.buffer.push(string); 
	return this;  
}  
  
StringBuffer.prototype.toString = function()
{
	return this.buffer.join(""); 
}  

var strBuffer = new StringBuffer(); 
strBuffer.appened("<h2>Customer Showcase</h2>");
<!-- Showcase slides -->
strBuffer.appened("	<div id='showcaseslides'>");
<!-- Slide 1 -->
strBuffer.appened("		<div class='slide'>");
<!-- Top Left -->
strBuffer.appened("			<div class='slideitem topleft'>");
strBuffer.appened("				<img src='images/showcase_thb_nook.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("				<a href='#' class='more'>More</a>");
strBuffer.appened("				<div class='revealcontent'>");
strBuffer.appened("					<a href='customer_showcase_nook.html' class='title'><img src='images/showcase_thb_popup_nook.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("					<span>Barnes &amp; Noble <br />NOOK Simple Touch<span class='arrow'> </span></span></a>");
strBuffer.appened("					<a href='#' class='close'>Close</a>");
strBuffer.appened("				</div>");
strBuffer.appened("			</div>");
<!-- Top Right -->
strBuffer.appened("			<div class='slideitem topright'>");
strBuffer.appened("				<img src='images/showcase_thb_phosphor.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("				<a href='#' class='more'>More</a>");
strBuffer.appened("				<div class='revealcontent'>");
strBuffer.appened("					<a href='customer_showcase_phosphor.html' class='title'><img src='images/showcase_thb_popup_phosphor.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("					<span>Phosphor <br />World Time Watch<span class='arrow'> </span></span></a>");
strBuffer.appened("					<a href='#' class='close'>Close</a>");
strBuffer.appened("				</div>");
strBuffer.appened("			</div>>");
<!-- Bottom Left -->
strBuffer.appened("			<div class='slideitem bottomleft'>");
strBuffer.appened("				<img src='images/showcase_thb_mifi.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("				<a href='#' class='more'>More</a>");
strBuffer.appened("				<div class='revealcontent'>");
strBuffer.appened("					<a href='customer_showcase_novatel.html' class='title'><img src='images/showcase_thb_popup_mifi.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("					<span>Novatel <br />MiFi 4082 & MiFi 4510<span class='arrow'> </span></span></a>");
strBuffer.appened("					<a href='#' class='close'>Close</a>");
strBuffer.appened("				</div>");
strBuffer.appened("			</div>");
<!-- Bottom Right -->
strBuffer.appened("			<div class='slideitem bottomright'>");
strBuffer.appened("				<img src='images/showcase_thb_jetbook.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("				<a href='#' class='more'>More</a>");
strBuffer.appened("				<div class='revealcontent'>");
strBuffer.appened("					<a href='customer_showcase_jetbook_color.html' class='title'><img src='images/showcase_thb_popup_jetbook.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("					<span>Ectaco <br /> jetBook Color<span class='arrow'> </span></span></a>");
strBuffer.appened("					<a href='#' class='close'>Close</a>");
strBuffer.appened("				</div>");
strBuffer.appened("			</div>");
strBuffer.appened("		</div>");
strBuffer.appened("		<div id='showcaserevealslides'>");
strBuffer.appened("			<a href='#'>More Products</a>");
strBuffer.appened("		</div>");
<!-- Slide 2 -->
strBuffer.appened("		<div class='slide slide2'>");
<!-- Top Left -->
strBuffer.appened("			<div class='slideitem topleft'>");
strBuffer.appened("       <img src='images/showcase_thb_sony_wifi.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("       <a href='#' class='more'>More</a>");
strBuffer.appened("       <div class='revealcontent'>");
strBuffer.appened("         <a href='customer_showcase_sony_wifi.html' class='title'><img src='images/showcase_thb_popup_sony_wifi.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("         <span>Sony<br />Reader Wifi<span class='arrow'> </span></span></a>");
strBuffer.appened("         <a href='#' class='close'>Close</a>");
strBuffer.appened("       </div>");
strBuffer.appened("     </div>");
<!-- Top Right -->
strBuffer.appened("     <div class='slideitem topright'>");
strBuffer.appened("       <img src='images/showcase_thb_lexar.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("       <a href='#' class='more'>More</a>");
strBuffer.appened("       <div class='revealcontent'>");
strBuffer.appened("         <a href='customer_showcase_echo_mx.html' class='title'><img src='images/showcase_thb_popup_lexar.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("         <span>Lexar <br />Echo MX Backup Drive<span class='arrow'> </span></span></a>");
strBuffer.appened(" 	      <a href='#' class='close'>Close</a>");
strBuffer.appened("       </div>");
strBuffer.appened("     </div>");
<!-- Bottom Left -->
strBuffer.appened("     <div class='slideitem bottomleft'>");
strBuffer.appened("				<img src='images/showcase_thb_seiko.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("				<a href='#' class='more'>More</a>");
strBuffer.appened("				<div class='revealcontent'>");
strBuffer.appened("					<a href='customer_showcase_seikowatch.html' class='title'><img src='images/showcase_thb_popup_seiko.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("					<span>Seiko <br />Active Matrix Watch<span class='arrow'> </span></span></a>");
strBuffer.appened("					<a href='#' class='close'>Close</a>");
strBuffer.appened("				</div>");
strBuffer.appened("			</div>>");
<!-- Bottom Right -->
strBuffer.appened("     <div class='slideitem bottomright'>");
strBuffer.appened("				<img src='images/showcase_thb_kindle.jpg' width='138' height='97' alt='' class='thumbnail' />");
strBuffer.appened("				<a href='#' class='more'>More</a>");
strBuffer.appened("       <div class='revealcontent'>");
strBuffer.appened("					<a href='customer_showcase_kindle_touch.html' class='title'><img src='images/showcase_thb_popup_kindle.jpg' width='138' height='196' alt='' class='productimage' />");
strBuffer.appened("   		  <span>Amazon <br /> Kindle Touch <span class='arrow'> </span></span></a>");
strBuffer.appened("         <a href='#' class='close'>Close</a>");
strBuffer.appened("       </div>");
strBuffer.appened("			</div>");
strBuffer.appened("	</div>");
strBuffer.appened("	<div id='showcaseviewall'>");
strBuffer.appened("		<a href='customer_showcase.html'>View All</a>");
strBuffer.appened("	</div>");
strBuffer.appened("</div>");
var b = document.getElementById("customershowcasecallout");
b.innerHTML = strBuffer.toString();