<%@ Page Title="" Language="VB" MasterPageFile="~/SIG/Site.master" AutoEventWireup="false" Inherits="SGHweb.Bienvenida" Codebehind="Bienvenida.aspx.vb" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
<!-- jQuery library (served from Google) -->
<script src="../Scripts/jquery-1.8.2.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="../Scripts/bxslider/plugins/jquery.easing.1.3.js"></script>
<script src="../Scripts/bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="../Scripts/bxslider/jquery.bxslider.css" rel="stylesheet" />

<!-- Novedades Actualizaciones -->
<script type="text/javascript" src="../Scripts/novedades/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="../Scripts/novedades/jquery.mb.flipText.js"></script>
<script type="text/javascript" src="../Scripts/novedades/mbExtruder.js"></script>
<link href="../Scripts/novedades/css/mbExtruder.css" media="all" rel="stylesheet" type="text/css">

<style type="text/css">      
.extruder.left.a .flap{
    font-size:18px;
    color:white;
    top:0;
    padding:10px 0 10px 10px;
    background:#668DAC;
    width:30px;
    position:absolute;
    right:0;
    -moz-border-radius:0 10px 10px 0;
    -webkit-border-top-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-box-shadow:#666 2px 0px 3px;
    -webkit-box-shadow:#666 2px 0px 3px;
}

.extruder.left.a .content{
    border-right:3px solid #668DAC;
}


.extruder.left.a .flap .flapLabel{
    background:#668DAC;
}

<%--.extruder.right.a .flap{
    font-size:18px;
    color:white;
    top:0;
    padding:10px 0 10px 10px;
    background:#668DAC;
    width:30px;
    position:absolute;
    right:0;
    -moz-border-radius:0 10px 10px 0;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-box-shadow:#666 2px 0px 3px;
    -webkit-box-shadow:#666 2px 0px 3px;
}

.extruder.right.a .content{
    border-left:3px solid #668DAC;
}
.extruder.right.a .flap .flapLabel{
    background:#668DAC;
}--%>
 
</style>

<script type="text/javascript">
$(function () {


        $("#actualizaciones").buildMbExtruder({
            position: "left",
            width: 300,
            extruderOpacity: .8,
            hidePanelsOnClose: true,
            accordionPanels: true,
            onExtOpen: function () { },
            onExtContentLoad: function () { },
            onExtClose: function () { }
        });

        $("#novedades").buildMbExtruder({
            position: "left",
            width: 300,
            extruderOpacity: .8,
            onExtOpen: function () { },
            onExtContentLoad: function () { },
            onExtClose: function () { }
        });

        $("#calificanos").buildMbExtruder({
            position: "right",
            width: 500,
            extruderOpacity: .8,
            onExtOpen: function () { },
            onExtContentLoad: function () { },
            onExtClose: function () { }
        });
    });

</script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
   <center>
   <br /><br />
    <div style="width: 800px;">
            <img alt="" src="Resources/head.jpg" />
            <p>
                <asp:Label ID="lblcontenidohome" runat="server" Text=""></asp:Label>
            </p>
            <ul class="bxslider" style="height:100px;" id="slider" runat="server">
              
            </ul>
    </div>
   </center>
    <script>
        $('.bxslider').bxSlider({
            auto: true,
            autoControls: true,
            mode: 'fade',
            useCSS: false,
            infiniteLoop: true,
            hideControlOnEnd: true,
            easing: 'easeOutElastic',
            adaptiveHeight: true,
            speed: 2000
        });
    </script>


<div class="longText" style="position:relative;padding-left:50px">

        <div id="novedades" class="{title:'Novedades'}">
            <iframe src="frm_NovedadesHome.aspx" frameborder="0" height="830px" width="500px"></iframe>
        </div>
        <div id="actualizaciones" class="a {title:'Actualizaciones'}">
            <iframe src="frm_ActualizacionesHome.aspx" frameborder="0" height="830px" width="500px"></iframe>
        </div>
        <div id="calificanos" class="a {title:'Calificanos'}">
            <iframe src="frm_EncuestaEmbed.aspx?eid=110&hotel=888" frameborder="0" height="830px" width="500px"></iframe>
        </div>

</div>

</div>
</asp:Content>