CodeThatXPBar - HTML code as items' text
var BarDef = { "style" : { "align" : "center", "color" : "#D8FEFF", "size" : [85, 85], "shadow" : { "color" : "#4669A3", "width" : 2 }, "border" : { "color" : "#96A5C2", "width" : 1 }, "imgspace" : 0, "itemoffset" : { "x" : 0, "y" : 0 }, "fixheight" : 425 }, "scroller" : { "style" : { "bgimg" : "", "align" : "center", "imgendon" : "", "imgendoff" : "", "size" : [85, 15], "border" : { "color" : "#285AA3", "width" : 2 } }, "styleover" : { "align" : "center" }, "up" : "img/arrow_up.gif", "down" : "img/arrow.gif", "step" : 5, "time" : 30, "len" : 60 }, "itemover" : { "border" : { "color" : "#DF9F09", "width" : 2 } }, "itemon" : { "border" : { "color" : "#DF9F09", "width" : 2 } }, "position" : { "absolute" : true, "pos" : [10, 10] }, "items" : [ { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%> ' + '<TR><TD align=center><img src="img/home.gif"> ' + '"</TD></TR>' + '<TR><TD align=center valign=middle>' + '<p class="center">Home' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#254C87", "border" : { "color" : "#254C87", "width" : 2 } }, "styleover" : { "bgcolor" : "#254C87" }, "styleon" : { "bgcolor" : "#254C87" } }, { "text" : '<table align=center cellspacing="0" cellpadding="0" ' + 'border="0" width=100%>' + '<TR><TD align=center><img src="img/things.gif"> ' + '</TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">Tools</TD></TR> ' + '<TR><TD align=center><img src="img/arrow.gif"> ' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#4271A9", "border" : { "color" : "#4271A9", "width" : 2 } }, "styleover" : { "bgcolor" : "#4271A9" }, "styleon" : { "bgcolor" : "#4271A9" }, "menu" : { "items" : [ { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%> ' + '<TR><TD align=center><img src="img/paint.gif"> ' + '</TD></TR> ' + '<TR><TD align=center valign=middle> ' + '<p class="center">Paint ' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#4271A9", "border" : { "color" : "#4271A9", "width" : 2 } }, "styleover" : { "bgcolor" : "#4271A9" }, "styleon" : { "bgcolor" : "#4271A9" } }, { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%> ' + '<TR><TD align=center><img src="img/photo.gif"> ' + ' </TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">Photo' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#4271A9", "border" : { "color" : "#4271A9", "width" : 2 } }, "styleover" : { "bgcolor" : "#4271A9" }, "styleon" : { "bgcolor" : "#4271A9" } }, { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%>' + '<TR><TD align=center><img src="img/media.gif"> ' + '</TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">Media' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#4271A9", "border" : { "color" : "#4271A9", "width" : 2 } }, "styleover" : { "bgcolor" : "#4271A9" }, "styleon" : { "bgcolor" : "#4271A9" } }, { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%>' + '<TR><TD align=center><img src="img/phone.gif"> ' + '</TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">Calc' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#4271A9", "border" : { "color" : "#4271A9", "width" : 2 } }, "styleover" : { "bgcolor" : "#4271A9" }, "styleon" : { "bgcolor" : "#4271A9" } } ] } }, { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%>' + '<TR><TD align=center><img src="img/apple.gif"> ' + '</TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">Apple' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#224A90", "border" : { "color" : "#224A90", "width" : 2 } }, "styleover" : { "bgcolor" : "#224A90" }, "styleon" : { "bgcolor" : "#224A90" } }, { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%> ' + '<TR><TD align=center><img src="img/mail.gif"> ' + '</TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">Mail' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#396FAB", "border" : { "color" : "#396FAB", "width" : 2 } }, "styleover" : { "bgcolor" : "#396FAB" }, "styleon" : { "bgcolor" : "#396FAB" } }, { "text" : '<table align=center cellspacing="0" ' + 'cellpadding="0" border="0" width=100%>' + '<TR><TD align=center><img src="img/icq.gif"> ' + '</TD></TR>' + '<TR><TD align=center valign=middle> ' + '<p class="center">ICQ' + '</TD></TR></TABLE>', "style" : { "align" : "center", "form" : true, "bgcolor" : "#285AA3", "border" : { "color" : "#285AA3", "width" : 2 } }, "styleover" : { "bgcolor" : "#285AA3" }, "styleon" : { "bgcolor" : "#285AA3" } } ] };