/* 10/13/2009 © Fillster.com */
function userWrap() {

var imgStr = document.getElementById('imageInput').value;
var textStr = document.getElementById('textInput').value;
var alignStr = document.getElementById("alignInput").value;
var alignIndex = document.getElementById("alignInput").selectedIndex;

document.getElementById('imageshow').innerHTML = ('<img src="'+imgStr+'">');
document.getElementById('textshow').innerHTML = textStr;

// for IE
document.getElementById('imageshow').style.styleFloat = document.getElementById("alignInput").options[alignIndex].title;
// for Firefox
document.getElementById('imageshow').style.cssFloat = document.getElementById("alignInput").options[alignIndex].title;
// for All
document.getElementById('imageshow').style.padding = document.getElementById("alignInput").options[alignIndex].value;

if ( !imgStr ) {
document.getElementById('imageshow').innerHTML = ('<img src="/EXAMPLE.jpg">');
}
}


function codeWrap() {

var imgStr = document.getElementById('imageInput').value;
var textStr = document.getElementById('textInput').value;
var alignStr = document.getElementById("alignInput").value;
var alignIndex = document.getElementById("alignInput").selectedIndex;

if ( alignIndex == 0 ) {
document.getElementById('imagewrap').innerHTML = ('&lt;div style="text-align: left; margin: 10px 0px;"&gt;&lt;div style="float: left; margin: '+alignStr+';"&gt;&lt;img src="'+imgStr+'"&gt;&lt;/div&gt;&lt;span&gt;'+textStr+'&lt;/span&gt;&lt;span&gt;&lt;a href="http://www.fillster.com"&gt;&lt;img src="http://www.fillster.com/images/wrap-enabled.gif" border="0" alt="Myspace Layouts" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;');
}

if ( alignIndex == 1 ) {
document.getElementById('imagewrap').innerHTML = ('&lt;div style="text-align: left; margin: 10px 0px;"&gt;&lt;div style="float: right; margin: '+alignStr+';"&gt;&lt;img src="'+imgStr+'"&gt;&lt;/div&gt;&lt;span&gt;'+textStr+'&lt;/span&gt;&lt;span&gt;&lt;a href="http://www.fillster.com"&gt;&lt;img src="http://www.fillster.com/images/wrap-enabled.gif" border="0" alt="Myspace Layouts" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;');
}
}