<!--- > for outputting balloon graphics. < --->



<ensure variable="att.picwidth" value="64">
<ensure variable="att.imgstyle" value="">

<ensure variable="att.href" value="">
<ensure variable="att.class" value="">
<ensure variable="att.style" value="">
<ensure variable="att.title" value="">

<ensure variable="att.caption" value="">




<var _fg = "http://#this_domain#/file:/image-balloon_blue">
<var _bg = "http://#this_domain#/file:/icon-one_white_pixel">


<!--- foreground varies by color --->
<if isDefined("att.color") AND listFindNoCase("blue,red,green,yellow,purple",att.color) GT 0>
<var _fg = "http://#this_domain#/file:/image-balloon_#att.color#">
</if>

<!--- background varies by gutitle! --->
<if isDefined("att.bg") AND isValidGutitle(att.bg) EQ 1>
<var _bg = "http://#this_domain#/file:/balloon-#att.bg#">
</if>



<var _fg = _fg & "?&picwidth=#att.picwidth#">
<var _bg = _bg & "?&picwidth=#att.picwidth#">
<var _bg = _bg & "&f2=icon-38">


<span class="balloon"><if att.href NEQ ""><a href="#att.href#" class="#att.class#" style="#att.style#" title="#att.title#"></if><img src="#_fg#" style="background:url(#_bg#); #att.imgstyle#" border="0"><if att.caption NEQ ""><div class="balloon_caption"><small><small><b>#att.caption#</b></small></small></div></if><if att.href NEQ ""></a></if></span>