<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PackageItenery.aspx.cs" Inherits="PackageItenery" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kerala Tourism</title>
<link rel="stylesheet" href="css/slider.css"  />
<style type="text/css">

.packagestest
    {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #018DDA;
	font-weight:bold;
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #006699;
}
a:visited {
	text-decoration: none;
	color: #006699;
}
a:hover {
	text-decoration: underline;
	color: #0033CC;
}
a:active {
	text-decoration: none;
	color: #006699;
}
.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF;
        height: 17px;
    }
.style21 {font-size: 10px}
.style23 {font-family: Verdana, Arial, Helvetica, sans-serif}
.x { font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px; color:#003366; }
.x a{ font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px; color:#003366; }
.x a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px; color:#333333; }

.y { font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px; color:#333333; }
.y a{ font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px; color:#333333; }
.y a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif ; font-size:11px; color:#900003; }
.Z { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006699; font-weight: bold;  }
.Z a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006699;   }
.Z a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #006699;  }
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
}
    .style24
    {
        width: 800px;
    }
    .style25
    {
        width: 139px;
    }
    .style26
    {
        height: 16px;
    }
    .style27
    {
        text-align: justify;
        font-size: 14px;
    }
    .newStyle1
    {
        color: #003399;
    }
    .style30
    {
        text-align: justify;
        font-size: small;
        height: 18px;
    }
    .style99
    {
        text-align: justify;
        font-size: 12px;
        height: 22px;
    }
-->
</style></head>

<body>
    <form id="form1" runat="server">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="44" background="images/kerala-tourism_01.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="318" valign="top" ><table width="956" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="2" colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2"><img src="images/kerala-tourism-inner_03.gif" alt="" width="956" height="52" border="0" usemap="#Map" /></td>
      </tr>
      <tr>
        <td width="599" valign="top"><!--<img src="images/kerala-tourism-inner_05.gif" width="599" height="267" alt="" /> -->
        <div class="main_view">
    <div class="window">
        <div class="image_reel" style="display:inline;">
            <a href="#"><img src="js-images/header_14.jpg" alt="" width="599" height="266" border="0" /></a>
            <a href="#"><img src="js-images/Header_15.jpg" alt="" border="0" width="599" height="266" /></a>
            <a href="#"><img src="js-images/Header_12.jpg" alt="" border="0"  width="599" height="266"/></a>
            <a href="#"><img src="js-images/header_19.jpg" alt="" border="0" width="599" height="266" /></a>
            <a href="#"><img src="js-images/Header_11.jpg" alt="" border="0" width="599" height="266"/></a>   
            
            <a href="#"><img src="js-images/header_20.jpg" alt="" border="0" width="599" height="266"/></a>       </div>
    </div>
    <div class="paging">
        <a href="#" rel="1">1</a>
        <a href="#" rel="2">2</a>
        <a href="#" rel="3">3</a>
        <a href="#" rel="4">4</a>
		<a href="#" rel="5">5</a>    </div>
</div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

<script type="text/javascript">



$(document).ready(function() {



	//Set Default State of each portfolio piece

	$(".paging").show();

	$(".paging a:first").addClass("active");

		

	//Get size of images, how many there are, then determin the size of the image reel.

	var imageWidth = $(".window").width();

	var imageSum = $(".image_reel img").size();

	var imageReelWidth = imageWidth * imageSum;

	

	//Adjust the image reel to its new size

	$(".image_reel").css({'width' : imageReelWidth});

	

	//Paging + Slider Function

	rotate = function(){	

		var triggerID = $active.attr("rel") - 1; //Get number of times to slide

		var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide



		$(".paging a").removeClass('active'); //Remove all active class

		$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

		

		//Slider Animation

		$(".image_reel").animate({ 

			left: -image_reelPosition

		}, 500 );

		

	}; 

	

	//Rotation + Timing Event

	rotateSwitch = function(){		

		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds

			$active = $('.paging a.active').next();

			if ( $active.length === 0) { //If paging reaches the end...

				$active = $('.paging a:first'); //go back to first

			}

			rotate(); //Trigger the paging and slider function

		}, 4500); //Timer speed in milliseconds (3 seconds)

	};

	

	rotateSwitch(); //Run function on launch

	

	//On Hover

	$(".image_reel a").hover(function() {

		clearInterval(play); //Stop the rotation

	}, function() {

		rotateSwitch(); //Resume rotation

	});	

	

	//On Click

	$(".paging a").click(function() {	

		$active = $(this); //Activate the clicked paging

		//Reset Timer

		clearInterval(play); //Stop the rotation

		rotate(); //Trigger rotation immediately

		rotateSwitch(); // Resume rotation

		return false; //Prevent browser jump to link anchor

	});	

	

});

</script>              </td>
        <td width="357"><img src="images/Header_123.jpg" width="357" height="267" border="0" usemap="#Map2" /></td>
      </tr>
    </table>
      <table width="956" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="2" colspan="2" valign="top"></td>
        </tr>
        <tr>
          <td valign="top" class="style25"><table width="183" border="0" cellspacing="0" cellpadding="0" style="border:#3397ef 1px solid;">
            <tr>
              <td height="24" bgcolor="#3397ef"><div align="center" class="style7">KERALA TOUR 
                  PACKAGES</div></td>
            </tr>
            <tr>
              <td height="58" valign="top"><table width="162" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="21" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest"> 
                      Honeymoon Tour Package </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Backwater Tour Package </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Beach Tour Package </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Wildlife Tour Package </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="http://www.tourpackagekerala.in/kerala-hillstation-packages.htm" class="packagestest">
                      Hillstation Tour Package </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="http://www.tourpackagekerala.in/kerala-houseboat-tour.htm" class="packagestest">
                      Kerala Houseboat Tour </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="http://www.tourpackagekerala.in/wonders-kerala.htm" class="packagestest">
                      Wonders Of Kerala </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="http://www.tourpackagekerala.in/enchanting-kerala-package.htm" class="packagestest">
                      Enchating Kerala Tour </a></td>
                </tr>
                <tr>
                  <td height="28"><div align="right"><a href="#"><img src="images/kerala-tourism-inner_20.gif" width="108" height="15" alt="" /></a></div></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="24" bgcolor="#3397ef"><div align="center" class="style7">HOTELS IN 
                  KERALA</div></td>
            </tr>
            <tr>
              <td height="323"><table width="162" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="106" ><div align="center"><img src="images/kerala-tourism-inner_25.gif" width="149" height="99" alt="" /></div></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Cochin Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Munnar Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Thekkady Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Kumarakom Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Alleppey Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Varkala Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#">
                      Kovalam Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Wayanad Hotels </a></td>
                </tr>
                <tr>
                  <td height="21" class="packagestest" style="border-bottom:#333333 1px dotted;"><a href="#" class="packagestest">
                      Trivandrum Hotels</a></td>
                </tr>
                <tr>
                  <td height="28"><div align="right"><a href="#"><img src="images/kerala-tourism-inner_20.gif" width="108" height="15" alt="" /></a></div></td>
                </tr>
              </table></td>
            </tr>
          </table></td>
          <td width="700" valign="top"><table height="577" border="0" align="center" 
                  cellpadding="0" cellspacing="0" style="border:#FF9900 1px solid; width: 773px;">
            <tr>
              <td height="575" valign="top" style="padding:5px;" class="style24">
                  <table width="100%" 
                      border="0" cellspacing="0" cellpadding="0" style="height: 49px">
                <tr>
                  <td height="20" valign="top" align="center" style="style16"><span class="style13">
                      KERALA AMAZING TOUR PACKAGES</span></td>
                </tr>
                <tr>
                  <td class="style26" valign="top" background="images/kerala-tourism-inner_11.gif"></td>
                </tr>
                <tr>
                  <td valign="top" class="style27">In Kerala you can experience everything like Hill 
                      station, backwaters, beaches, wild life etc. so it is undoubtedly Gods Own 
                      Country and has been selected as the one among the three Worlds most beautiful 
                      destinations. It is a tropical paradise far from the tourist trial at the 
                      southwestern peninsular tip, sandwiched between the tall mountains and the deep 
                      sea. Kerala is rich for its scenic beauty.</td>
                </tr>
                                
                <tr>
                  <td valign="top" class="style30"></td>
                </tr>
                                
                <tr>
                  <td valign="top" class="style99" background="images/kerala-tourism-inner_11.gif" 
                        align="center" style="color: #0000FF; font-weight: bold;">Detailed Package 
                      View</td>
                </tr>
     
                <tr>
                  <td valign="top">
</td>
                </tr>
                                
                <tr>
                  <td valign="top" class="style27">
                      <asp:ScriptManager ID="ScriptManager1" runat="server">
                      </asp:ScriptManager>
                    </td>
                </tr>
                                
                <tr>
                  <td valign="top" class="style27">
                      <asp:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="3" 
                          Height="230px" Width="756px" Visible="true">
                          <asp:TabPanel ID="TabPanel1" runat="server" HeaderText="Package OverView" ><ContentTemplate>
 ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn
                      
                      
                      </ContentTemplate>
                      

</asp:TabPanel>
                          <asp:TabPanel ID="TabPanel2" runat="server" HeaderText="Package Inclusions"></asp:TabPanel>
                          <asp:TabPanel ID="TabPanel3" runat="server" HeaderText="Package Itinerary"><ContentTemplate>
 ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn
                      
                      
                      </ContentTemplate>
                      

</asp:TabPanel>
                          <asp:TabPanel ID="TabPanel4" runat="server" HeaderText="Hotel Details"><ContentTemplate>
thiadLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat
                      
                      
                      </ContentTemplate>
                      

</asp:TabPanel>
                          <asp:TabPanel ID="TabPanel5" runat="server" HeaderText="Destination Details"><ContentTemplate>
<ul><li></li></ul><div ID="fragment-4"><p>First tab is active by default:</p><pre><code>$(&apos;#example&apos;).tabs();</code></pre></div>
                      
                      
                      </ContentTemplate>
                      

</asp:TabPanel>
                          <asp:TabPanel ID="TabPanel6" runat="server" HeaderText="Rates & Dates"><ContentTemplate>
 ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn
                      
                      
                      </ContentTemplate>
                      

</asp:TabPanel>
                      </asp:TabContainer>
                    </td>
                </tr>
                                
                </table></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td colspan="2" valign="top"><table width="956" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><table width="292" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="66" valign="top" background="images/kerala-tourism-inner_42.gif">
                    <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="28" height="25">&nbsp;</td>
                      <td height="25" colspan="2" valign="bottom" class="Z style21"> <a href="#">
                          Kochi-Munnar-Aleppey-Kochi 3Nights&amp;4 Days</a> </td>
                      </tr>
                    <tr>
                      <td height="20" colspan="3" valign="bottom"><table width="96" border="0" align="right" cellpadding="0" cellspacing="0">
                        <tr>
                          <td class="x"><a href="#">More Packages</a></td>
                        </tr>
                      </table></td>
                      </tr>
                    <tr>
                      <td height="22" colspan="3"><div align="center" class="style7">Beach &amp; Backwater 
                          Packages </div></td>
                      </tr>
                  </table></td>
                </tr>
              </table></td>
              <td><table width="292" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="66" valign="top" background="images/kerala-tourism-inner_42.gif"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="28" height="25">&nbsp;</td>
                        <td class="Z" height="25" colspan="2" valign="bottom" ><a href="#">
                            Cochin-Aleppey--Kumarakom-3Nights&amp;4Days</a></td>
                      </tr>
                      <tr>
                        <td height="20" colspan="3" valign="bottom"><table width="96" border="0" align="right" cellpadding="0" cellspacing="0">
                            <tr>
                              <td class="x"><a href="#">More Packages</a></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td class="Z" height="22" colspan="3"><div align="center" class="style7">Backwater &amp; 
                            Houseboat Packages</div></td>
                      </tr>
                  </table></td>
                </tr>
              </table></td>
              <td><table width="292" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="66" valign="top" background="images/kerala-tourism-inner_42.gif"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="28" height="25">&nbsp;</td>
                        <td class="Z" height="25" colspan="2" valign="bottom" ><a href="#">
                            Calicut-Wayanad-Calicut-- 2 Nights &amp; 3 Days</a></td>
                      </tr>
                      <tr>
                        <td height="20" colspan="3" valign="bottom"><table width="96" border="0" align="right" cellpadding="0" cellspacing="0">
                            <tr>
                              <td class="x"><a href="#">More Packages</a></td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td height="22" colspan="3"><div align="center" class="style7"> Clandestine 
                            Hillstation Packages</div></td>
                      </tr>
                  </table></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="10" colspan="3"></td>
              </tr>
          </table></td>
        </tr>
      </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="90" background="images/kerala-tourism-inner_47.gif"><table width="956" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td class="x"><strong><span class="style23"><a href="http://www.keralamate.com/">
                  Kerala Tourism</a>&nbsp; : -&nbsp;</span></strong><span class="style23">&nbsp;<a href="#">Kerala 
                  Holidays</a>&nbsp; |&nbsp;&nbsp;<a href="#">Hotels in Kerala&nbsp;</a>&nbsp;|&nbsp;&nbsp;<a href="#">Kerala Tour 
                  Packages</a>&nbsp; |&nbsp;&nbsp;<a href="#">Kerala Attractions</a>&nbsp;&nbsp; |&nbsp; &nbsp;&nbsp;<a href="#">Travel 
                  Directory</a>&nbsp; |&nbsp;&nbsp;<a href="#">Contact Us</a>&nbsp;<br />
                  <a href="#">Hotels In Kerala&nbsp;</a><strong>: -</strong>&nbsp;<a href="#">Hotels in 
                  Cochin</a>&nbsp;|&nbsp;<a href="#">Hotels in Kumarakom&nbsp;</a>|&nbsp;<a href="#">Hotels in 
                  Alleppey</a>&nbsp;|&nbsp;<a href="#">Hotels in Munnar</a>&nbsp;|&nbsp;<a href="#">Hotels in Thekkady</a>&nbsp;|&nbsp;<a href="#">Hotels 
                  in Vagamon</a><br />
                  <a href="#">Hotels in Kovalam</a>&nbsp;|&nbsp;<a href="#">Hotels in Varkala</a>&nbsp;|&nbsp;<a href="#">Hotels 
                  in Trivandrum&nbsp;</a>|&nbsp;<a href="#">Hotels in Wayanad&nbsp;</a>|&nbsp;<a href="#">Hotels in 
                  Poovar&nbsp;</a><br />
                  <br />
                  <strong><a href="#">Resorts in Kerala</a>&nbsp;: -</strong>&nbsp;&nbsp;<a href="#">Beach 
                  Resorts</a>&nbsp; |&nbsp;&nbsp;<a href="http://www.keralamate.com/kerala-backwater-resorts.html">Backwater 
                  Resorts</a>&nbsp; |&nbsp;&nbsp;<a href="#">Hill Station Resorts</a>&nbsp; |&nbsp;&nbsp;<a href="#">Ayurveda 
                  Resorts</a>&nbsp;&nbsp; |&nbsp;&nbsp;<a href="#">Forest Resorts</a><a href="#">&nbsp; |&nbsp; Home Stays in 
                  Kerala</a></span><br />                
                <br /></td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td height="40" background="images/kerala-tourism_01.gif"><div align="center"> <a href="http://www.keralatourism.biz">
              Copyright  2011-2020 Kerala Tourism.Biz</a> </div></td>
        </tr>
    </table></td>
  </tr>
</table>


<map name="Map" id="Map">
  <area shape="rect" coords="22, 24, 69, 40" href="index.html" /><area shape="rect" 
        coords="94, 26, 158, 41" href="AboutUs.html" /><area shape="rect" 
        coords="192, 26, 238, 38" href="Kerala.html" />
<area shape="rect" coords="278, 26, 358, 40" href="#" /><area shape="rect" 
        coords="378, 24, 421, 40" href="#" /><area shape="rect" 
        coords="452, 28, 516, 40" href="#" />
<area shape="rect" coords="551, 27, 628, 40" href="Contact.html" />
</map>

<map name="Map2" id="Map2"><area shape="rect" coords="260,225,339,245" href="#" />
<area shape="rect" coords="261,93,338,111" href="#" />
</map>
    </form>
</body>
</html>
