var type = 'small';
var prodTitle = ' Fleece Sleeping Bag/ Liner';
var imgSrc = 'http://www.outdooroutlet.com/pimages/fleece_bag_liners.gif';
var regPrice = '25.00';
var ourPrice = '14.99';
var savings = '10.01';
var percentage = '40';
var sku = '04654';

// IE seems to think it is already defined
if ( ! window.oo_ad )
 oo_ad = document.getElementById('oo_ad')

oo_ad.onclick = function() { window.open('http://www.outdooroutlet.com/shopping.php?pg=outrage&sku=' + sku ) }

oo_ad.style.fontFamily = "'Comic Sans MS','Century Gothic',Arial,Verdana,Helvetica,sans-serif"

if ( type == 'horiz' ) {
	leftDiv = document.createElement('div')
	leftDiv.style.cssFloat = 'left'
	leftDiv.style.styleFloat = 'left'
	leftDiv.style.width = '290px'
	leftDiv.style.textAlign = 'center'
	
	img = document.createElement('img')
	img.src = "http://www.outdooroutlet.com/logos/logo_290x88_t_g.png"
	leftDiv.appendChild(img)

	o = document.createElement('div')
	o.style.paddingBottom = '5px'
	o.style.fontSize = '14px'
	o.style.fontWeight = 'bold'
	o.style.color = '#FF0000'
	o.style.marginBottom = '5px';
	o.innerHTML = 'Outrageous deals on outdoor gear'
	leftDiv.appendChild(o)

	oo_ad.appendChild(leftDiv)
	
	rightDiv = document.createElement('div')
	rightDiv.style.margin = "5px 5px 0px 5px"
	rightDiv.style.cssFloat = 'left'
	rightDiv.style.styleFloat = 'left'
	rightDiv.style.width = '375px'
	rightDiv.style.backgroundColor = '#EEEEEE'
	rightDiv.style.padding = '10px'
	rightDiv.style.border = '1px solid #C0C0C0'
	rightDiv.style.textAlign = 'left'

	detail = document.createElement('div')
	detail.style.cssFloat = 'left'
	detail.style.rightFloat = 'left'
	detail.style.width = '57%'

	prodImgDiv = document.createElement('div')
	prodImg = document.createElement('img')
	prodImg.src = imgSrc
	prodImgDiv.appendChild(prodImg)
	detail.appendChild(prodImgDiv)

	price = document.createElement('div')
	price.style.cssFloat = 'left'
	price.style.styleFloat = 'left'
	price.style.width = '42%'
	
	prodRegPrice = document.createElement('div')
	prodRegPrice.style.fontSize = "14px"
	prodRegPrice.innerHTML = '<b>Regular Price:</b> $<span style="text-decoration: line-through;">' + regPrice + '</span>'
	price.appendChild(prodRegPrice)

	prodOurPrice = document.createElement('div')
	prodOurPrice.innerHTML = '<b>Our Price:</b> $<span style="color: #DD0000;">' + ourPrice + '</span>'
	price.appendChild(prodOurPrice)
	
	clearDiv = document.createElement('div')
	clearDiv.style.clear = "both"
	
	rightDiv.appendChild(detail)
	rightDiv.appendChild(price)
	rightDiv.appendChild(clearDiv)
	
	prodTitleDiv = document.createElement('div')
	prodTitleDiv.style.marginBottom = '5px'
	prodTitleDiv.style.fontSize = '18px'
	prodTitleDiv.innerHTML = prodTitle
	rightDiv.appendChild(prodTitleDiv)
	
	oo_ad.appendChild(rightDiv)
	
	clearDiv = document.createElement('div')
	clearDiv.style.clear = "both"
	oo_ad.appendChild(clearDiv)
	
	botDiv = document.createElement('div')
	botDiv.style.fontSize = '14px'
	botDiv.style.fontWeight = 'bold'
	botDiv.style.textAlign = 'center'
	botDiv.innerHTML = 'Outdoor gear at prices anyone can afford.<br>Get outside now!'
	oo_ad.appendChild(botDiv)
} else if ( type == 'small' ) {
	var table = document.createElement('table')
	table.className = "OO"
	var tbody = document.createElement('tbody')
	table.appendChild(tbody)
	
	var firstRow = tbody.insertRow(-1)
	
	var leftCell = firstRow.insertCell(0)
	leftCell.style.textAlign = 'center'
	leftCell.style.borderRight = '1px solid #C0C0C0'
	leftCell.style.padding = '2px'
	
	var logo = document.createElement('img')
	logo.src = "http://www.outdooroutlet.com/logos/logo_150x46_t_g.png"
	leftCell.appendChild(logo)

	var o = document.createElement('div')
	o.style.fontSize = '10px'
	o.style.fontWeight = 'bold'
	o.style.color = '#FF0000'
	o.innerHTML = 'Outrageous deals<br>on outdoor gear!'
	leftCell.appendChild(o)
	
	var middleCell = firstRow.insertCell(1)
	middleCell.style.verticalAlign = 'middle'
	middleCell.style.textAlign = 'center'
	middleCell.style.overflow = 'hidden'
	middleCell.style.width = '75px'
	middleCell.style.height = '75px'
	
	prodImg = document.createElement('img')
	prodImg.src = imgSrc
	middleCell.appendChild(prodImg)
	
	var rightCell = firstRow.insertCell(2)
	rightCell.style.textAlign = 'center'
	rightCell.style.verticalAlign = 'middle'
	
	prodTitleDiv = document.createElement('div')
	prodTitleDiv.style.fontSize = '14px'
	prodTitleDiv.style.fontWeight = 'bold'
	prodTitleDiv.style.overflow = 'hidden'
	//prodTitleDiv.style.borderBottom = '1px solid #C0C0C0'
	prodTitleDiv.innerHTML = prodTitle
	rightCell.appendChild(prodTitleDiv)
		
	prodPrice = document.createElement('div')
	prodPrice.innerHTML = '<span style="font-weight: bold;font-size:12px">Price: </span><span style="white-space: nowrap"><span style="font-size:10px; text-decoration: line-through;">$' + regPrice + '</span></span>' +
	                      '<span style="font-weight: bold;font-size:16px; color: #DD0000;"> $' + ourPrice + '</span></span>'
	                      //'<span style="font-size:10px; color: #DD0000;"> You Save: $' + savings + ' (' + percentage + '%)</span>'

	rightCell.appendChild(prodPrice)
	
	oo_ad.appendChild(table)
	
	if ( prodTitleDiv.scrollHeight > 40 ) 
		prodTitleDiv.style.height = '40px'
} else {
	img = document.createElement('img')
	img.src = "http://www.outdooroutlet.com/logos/logo_290x88_t_g.png"
	oo_ad.appendChild(img)

	o = document.createElement('div')
	o.style.paddingBottom = '5px'
	o.style.fontSize = '14px'
	o.style.fontWeight = 'bold'
	o.style.color = '#FF0000'
	o.style.marginBottom = '5px';
	o.innerHTML = 'Outrageous deals on outdoor gear'
	oo_ad.appendChild(o)

	detail = document.createElement('div')
	detail.style.fontSize = '18px'
	detail.style.backgroundColor = '#EEEEEE'
	detail.style.marginBottom = '5px'
	detail.style.borderBottom = '1px solid #C0C0C0'
	detail.style.borderTop = '1px solid #C0C0C0'
	detail.style.padding = '10px 0px'

	prodImgDiv = document.createElement('div')
	prodImg = document.createElement('img')
	prodImg.src = imgSrc
	prodImgDiv.appendChild(prodImg)
	detail.appendChild(prodImgDiv)

	prodTitleDiv = document.createElement('div')
	prodTitleDiv.style.marginBottom = '5px'
	prodTitleDiv.innerHTML = prodTitle
	detail.appendChild(prodTitleDiv)

	prodRegPrice = document.createElement('div')
	prodRegPrice.style.fontSize = "14px"
	prodRegPrice.innerHTML = '<b>Regular Price:</b> $<span style="text-decoration: line-through;">' + regPrice + '</span>'
	detail.appendChild(prodRegPrice)

	prodOurPrice = document.createElement('div')
	prodOurPrice.innerHTML = '<b>Our Price:</b> $<span style="color: #DD0000;">' + ourPrice + '</span>'
	detail.appendChild(prodOurPrice)

	oo_ad.appendChild(detail)

	botDiv = document.createElement('div')
	botDiv.style.fontSize = '14px'
	botDiv.style.marginTop = '5px'
	botDiv.style.fontWeight = 'bold'
	botDiv.style.paddingTop = '5px'
	botDiv.innerHTML = 'Outdoor gear at prices anyone can afford.<br>Get outside now!'
	oo_ad.appendChild(botDiv)
}