Mini Kabibi Habibi
<%@ Control Language="vb" AutoEventWireup="true" CodeFile="Travel.ascx.vb" Inherits="Widgets_Travel" %>
<dx:ASPxDockPanel ID="TravelPanel" runat="server" ShowHeader="false" Width="240" Height="220" DragElement="Window"
ScrollBars="None" Border-BorderStyle="None" AllowedDockState="DockedOnly">
<Styles Content-Paddings-Padding="0" />
<ContentCollection>
<dx:PopupControlContentControl runat="server">
<div class="travelWidget animatedTabWidget">
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="TravelDataSource">
<ItemTemplate>
<div id='<%#GetTravelPageID(Eval("ID"))%>' class="page visible">
<img id="Img1" src="Images/1x1.gif" class="small" style='<%#GetBackgroundStyle(Eval("SmallImage"))%>' alt=""/>
<img id="Img2" src="Images/1x1.gif" class="medium" style='<%#GetBackgroundStyle(Eval("MiddleImage"))%>' alt=""/>
<img id="Img3" src="Images/1x1.gif" class="large" style='<%#GetBackgroundStyle(Eval("LargeImage"))%>' alt=""/>
<div class="item">
<div class="location">
<%#Eval("Location")%>
</div>
<div class="content">
<span class="amp">$</span>
<span class="price"><%#Eval("Price")%></span>/night
</div>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
<div class="tabs">
<dx:ASPxTabControl ID="TravelTabControl" runat="server" DataSourceID="TravelDataSource" RenderMode="Lightweight"
TabPosition="Bottom" TabAlign="Center" Width="100%" OnTabDataBound="TravelTabControl_TabDataBound"
OnCustomJSProperties="TravelTabControl_CustomJSProperties">
<ClientSideEvents Init="Widgets.AnimatedTabWidget.Init" ActiveTabChanging="Widgets.AnimatedTabWidget.ActiveTabChanging"
TabClick="Widgets.AnimatedTabWidget.TabClick" />
</dx:ASPxTabControl>
</div>
</div>
</dx:PopupControlContentControl>
</ContentCollection>
</dx:ASPxDockPanel>
<asp:XmlDataSource ID="TravelDataSource" runat="server" DataFile="~/App_Data/Travels.xml" XPath="/Travels/*" />