Div toggle not working
Hello,
I have a page with a pop up div to show a user additional text in the div when there is more to view, however the code doesn't work...
here's the source code of the page:
Thanks in advance!
I have a page with a pop up div to show a user additional text in the div when there is more to view, however the code doesn't work...
here's the source code of the page:
<!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>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/ico" href="/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>VillasDirect.com | Holiday Rentals in Hungary in Hungary</title>
<meta name="Keywords" content="holiday rentals, villas, apartments, cottages, holiday lettings, accommodation, home away, holidays, cheap holidays, family holiday accommodation, holiday homes, book direct, owner" />
<meta name="Description" content="Best Prices & No Booking Fee. 49,514 verified holiday properties for Rent Worldwide. Rent your home away with the owner direct." />
<meta name="revisit-after" content="2 days" />
<meta name="Distribution" content="Global" />
<meta name="Rating" content="General" />
<meta name="copyright" content="(c)Copyright 2014 VillasDirect Limited. All rights reserved." />
<meta name="rights" content="Copyright by VillasDirect Limited. Some content and links are trademarks and/or copyrights by others and property of respective owners" />
<meta name="category" content="Top: Recreation: Travel: Rental: Real Estate: Rental" />
<meta http-equiv="expires" content="never" />
<meta name="content-language" content="EN" />
<meta name="ROBOTS" content="NOYDIR" />
<meta name="ROBOTS" content="NOODP" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="google" content="notranslate" />
<meta http-equiv="Content-Language" content="en" />
<meta name="msvalidate.01" content="93A2BBBC7A9A9B5F3849AE706E870F6C" />
<meta name="google-translate-customization" content="1bb199f66d09b701-f8d02e4a8a893b7b-g2c974e446001e019-14"></meta>
<script type="text/javascript" src="//use.typekit.net/svp8evc.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link href="villasdirect.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-decoration:none;
#map_canvas { height: 100% }
}
</style>
<style>
#containerhead
{
height:30px;
width:650px;
position:relative;
}
#transhead
{
height:30px;
width:650px;
position:relative;
left:53px;
top:40px;
width:650px;
background-color:#FFFFFF;
filter:alpha(opacity=60);
opacity:.6;
}
#texthead
{
z-index:100;
position:absolute;
color:white;
font-size:27px;
font-weight:bold;
font-family:futura-pt;
text-align:right;
left:53px;
top:-20px;
width:650px;
font-shadow: #FFF, 0px, 0.3px, 0.3px;
-webkit-text-stroke: 0.3px;
}
</style>
<script>
function ChangePic(a, b)
{
document.getElementById(b).src = a;
}
</script>
<script src="js/googleanalytics.js"></script>
<script language="javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="JSCal2/src/js/jscal2.js"></script>
<script src="JSCal2/src/js/lang/en.js"></script>
<link rel="stylesheet" type="text/css" href="JSCal2/src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="JSCal2/src/css/border-radius.css" />
<!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
_atrk_opts = { atrk_acct:"5+v5i1acVE008Z", domain:"villasdirect.com",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#hideshow').live('click', function(event) {
jQuery('#content').toggle('show');
});
});
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=5+v5i1acVE008Z" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript -->
<!--include file="deps/pageloading.asp"-->
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" background="images/headbkg_ns_ntxt_142px.jpg" class="tableshadowallsides" style="background-repeat:no-repeat;">
<tr>
<td width="265" align="left" valign="top">
<!--table to position logo-->
<table height="142">
<tr>
<td height="40" colspan="2"> </td>
</tr>
<tr>
<td width="30"> </td><td><a href="index.asp" title="Return to Home Page"><img src="images/villas-direct-logo.gif" alt="Villas Direct Logo" border="0"/></a></td>
</tr>
</table>
</td>
<td width="715" height="142" valign="top" align="right">
<table width="715" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="715" height="51" align="right" valign="bottom" class="menu">
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<table width="715" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="24" colspan="2" valign="top"><script>
// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
//var theURL = '../logoff.asp';
//var width = 300;
//var height = 100;
function popWindow(theURL, width, height) {
newWindow = window.open(theURL,'newWindow','toolbar=no,menubar=no,resizable=no,scrollbars=no,status=no,location=no,width='+width+',height='+height);
}
</script>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-decoration:none;
}
</style>
<table height="22" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="25" align="right" valign="middle" nowrap="nowrap">
<span class="loggedin">lg@nicoco.eu | <a href="dashboard.asp?view=messages" class="loggedin"><font color="RED">45 Unread Messages</font></a> | <a href="dashboard.asp" class="loggedin">My Dashboard</a> | <a href="_admin/admin.asp" class="loggedin">Admin</a> | <a href="http://www.villasdirect.com?testmode=no" class="loggedinred">TEST ON</a> | <a href="javascript:popWindow('../logoff.asp','300','100')" class="loggedin">Log Out</a></span>
</td>
</tr>
</table>
</td>
<td width="16"> </td>
</tr>
<tr>
<td height="26" align="right" valign="bottom" colspan="2">
<ul class="drop" id="nav" name="nav">
<li><a href="index.asp">HOME</a></li>
<li><a href="index.asp">SEARCH</a></li>
<li><a href="about_villas_direct.asp">ABOUT US</a></li>
<li><a href="rentals_renters.asp">HOW TO RENT</a>
<ul>
<li class="dir"><a href="rentals_owners.asp">HOME OWNER</a></li>
<li class="dir"><a href="rentals_renters.asp">HOLIDAY MAKER</a></li>
</ul>
</li>
<!--<li><a href="sell_your_property.asp">HOW TO SELL</a></li>-->
<li><a href="sales_rental_agents.asp">AGENTS</a></li>
<li><a href="support.asp">HELP</a></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div id="transhead">
</div>
<div id="containerhead">
<p id="texthead"><span style="color:#68a72c; filter:alpha(opacity=100); opacity:1;">VILLAS FOR RENT </span> <span style="color:#68a72c; filter:alpha(opacity=100); opacity:1;"><!--CAR HIRE--></span> <span style="color:#2b6488; filter:alpha(opacity=100); opacity:1;"><!--SEARCH--> AROUND <!--COMPARE--> THE <!--BOOK--> WORLD </span></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="sticky/jquery.sticky.js"></script>
<script>
jQuery(function($) {
$("#searchbar").sticky({topSpacing:0});
});
</script>
<style>
#container
{
height:356px;
width:980px;
position:relative;
}
#image
{
position:absolute;
left:0;
top:0;
}
#text
{
z-index:100;
position:absolute;
color:#FFFFFF;
font-size:50px;
font-weight:bold;
font-family:futura-pt;
text-align:right;
left:170px;
top:-50px;
width:800px;
}
</style>
<tr>
<td colspan="2">
<div id="container">
<img id="image" src="images/top-dest-generic.jpg" title="Photo of Hungary" alt="Photo of Photo of Hungary"/>
<p id="text">
Hungary
</p>
</div>
</td>
</tr>
<tr>
<td style="width:980px; height:43px; text-align:left; vertical-align:top; background:url(images/index_search_bkg_ns.jpg" colspan="2">
<div id="searchbar" style="z-index:1100; height:43px; background:url(images/index_search_bkg_ns.jpg); vertical-align:top">
<form id="form1" class="refno" name="form1" method="post" action="">
<table width="980" border="0" align="left" cellpadding="1" cellspacing="0" background="images/index_search_bkg_ns.jpg">
<tr>
<td style="height:14px; width:23px"> </td>
<td class="para14whitesh" style="height:14px; width:363px; vertical-align:bottom;">Where would you like to go?</td>
<td class="para14whitesh" style="height:14px; wdith:128px; vertical-align:bottom;">Arriving<span class="para11white"> (optional)</span></td>
<td nowrap="nowrap" class="para14whitesh" style="height:14px; width:107px; vertical-align:bottom;">Flexible By</td>
<td style="height:14px; width:89px; vertical-align:bottom;" class="para14whitesh">Duration</td>
<td class="para14whitesh" style="height:14px; width:72px; vertical-align:bottom;">Sleeps</td>
<td style="width:182px;" align="left" valign="top" rowspan="2"><br />
<input name="searchlocationsrentals" id="searchlocationsrentals" type="submit" class="bindexbuyrent-long" value="SEARCH NOW" align="top" onmouseover="this.style.cursor='pointer'"/><!--<img src="images/index_rent_button.jpg" width="90" height="37" />--></td>
<!--<td width="92" align="left" valign="top" rowspan="2"><br />
<input name="searchlocationssales" id="searchlocationssales" type="submit" class="bindexbuyrent" value="BUY" align="top" onmouseover="this.style.cursor='pointer'"/></td>-->
</tr>
<tr>
<td height="29" width="23"> </td>
<td style="vertical-align:top;" class="srsearchfields80"><link rel="stylesheet" href="deps/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script>
$(function() {
function split( val ) {
return val.split( /,\s*/ );
}
function extractLast( term ) {
return split( term ).pop();
}
$( "#location" )
// don't navigate away from the field on tab when selecting an item
.bind( "keydown", function( event )
{
if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "ui-autocomplete" ).menu.active )
{
event.preventDefault();
}
})
.autocomplete({
source: function( request, response ) {
$("#fb").val(request.term);
$.ajax({
url: "DDData.php",
dataType: "json",
data: {
term : request.term,
country : $("#country").val(),
region : $("#region").val(),
beach : $("#beach").val(),
ski : $("#ski").val(),
golf : $("#golf").val(),
luxury : $("#luxury").val(),
exclusive : $("#exclusive").val(),
rental : $("#rental").val(),
sale : $("#sale").val()
},
type: "GET",
success: function(data){
response($.map(data, function(item){
var itemText = "";
if(item.country != "" && item.country != null) {
itemText = item.country;
}
if(item.region != "" && item.region != null ) {
if(itemText != "") itemText = itemText + ", "
itemText = itemText + item.region
}
if( item.location != "" && item.location != null) {
if(itemText != "") itemText = itemText + ", "
itemText = itemText + item.location
}
return {
value: item.ID,
label: itemText
}
}))
}
});
},
search: function() {
// custom minLength
var term = extractLast( this.value );
if ( term.length < 1 ) {
return false;
}
},
focus: function() {
// prevent value inserted on focus
return false; },
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.label );
// add placeholder to get the comma-and-space at the end
//terms.push( "" );
this.value = ui.item.label;
$("#fb").val(ui.item.value);
return false;
}
});
});
</script>
<input name="searchtermtext" class="indextextbox" id="location" onfocus="if (this.value=='Start By Typing a Location Name or Property No.') this.value = ''"
onblur="if (this.value=='') this.value = 'Start By Typing a Location Name or Property No.'" value="Start By Typing a Location Name or Property No." style="width: 350px;">
<input id="fb" name="fb" value="-1" style="left:" type="hidden" />
<input id="country" name="country" value="Hungary" type="hidden" />
<input id="region" name="region" value="" type="hidden" />
<input id="beach" name="beach" value="" type="hidden" />
<input id="ski" name="ski" value="" type="hidden" />
<input id="golf" name="golf" value="" type="hidden" />
<input id="luxury" name="luxury" value="" type="hidden" />
<input id="exclusive" name="exclusive" value="" type="hidden" />
<input id="rental" name="rental" value="" type="hidden" />
<input id="sale" name="sale" value="" type="hidden" />
</td>
<td style="vertical-align:top;" nowrap="nowrap">
<input name="f_date1" class="indextextbox" id="f_date1" value="" size="10" maxlength="11" style="width: 89px;"/>
<button id="f_btn1" class="calendarindex"> </button>
<script type="text/javascript">//<![CDATA[
Calendar.setup({
inputField : "f_date1",
trigger : "f_btn1",
// onSelect : function() { this.hide(); document.forms['form1'].submit() },
onSelect : function() { this.hide()}, //showTime : 12,
min: 20140220,
max: 20150707,
fdow: 6,
dateFormat : "%d-%b-%Y"
});
//]]></script></td>
<td style="vertical-align:top; width:107px;"><select name="plusminus" size="1" id="plusminus" class="indextextbox" style="width:98px;">
<option value="0">0 Days</option>
<option value="7" selected="selected">+/-7 Days</option>
<option value="14">+/-14 Days</option>
<option value="21">+/-21 Days</option>
<option value="28">+/-28 Days</option>
</select></td>
<td style="vertical-align:top; width:89px;"><select name="staydays" size="1" id="staydays" class="indextextbox" style="width:80px;">
<!--<option value="1" >1 day</option>-->
<option value="2" >2 nights</option>
<option value="3" >3 nights</option>
<option value="4" >4 nights</option>
<option value="5" >5 nights</option>
<option value="6" >6 nights</option>
<option value="7" selected="selected">7 nights</option>
<option value="8" >8 nights</option>
<option value="9" >9 nights</option>
<option value="10" >10 nights</option>
<option value="11" >11 nights</option>
<option value="12" >12 nights</option>
<option value="13" >13 nights</option>
<option value="14" >14 nights</option>
<option value="15" >15 nights</option>
<option value="16" >16 nights</option>
<option value="17" >17 nights</option>
<option value="18" >18 nights</option>
<option value="19" >19 nights</option>
<option value="20" >20 nights</option>
<option value="21" >21 nights</option>
<option value="22" >22 nights</option>
<option value="23" >23 nights</option>
<option value="24" >24 nights</option>
<option value="25" >25 nights</option>
<option value="26" >26 nights</option>
<option value="27" >27 nights</option>
<option value="28" >28 nights</option>
<option value="29" >29 nights</option>
<option value="30" >30 nights</option>
<option value="31" >31 nights</option>
<option value="32" >32 nights</option>
<option value="33" >33 nights</option>
<option value="34" >34 nights</option>
<option value="35" >35 nights</option>
<option value="36" >36 nights</option>
<option value="37" >37 nights</option>
<option value="38" >38 nights</option>
<option value="39" >39 nights</option>
<option value="40" >40 nights</option>
<option value="41" >41 nights</option>
<option value="42" >42 nights</option>
<option value="43" >43 nights</option>
<option value="44" >44 nights</option>
<option value="45" >45 nights</option>
<option value="46" >46 nights</option>
<option value="47" >47 nights</option>
<option value="48" >48 nights</option>
<option value="49" >49 nights</option>
<option value="50" >50 nights</option>
<option value="51" >51 nights</option>
<option value="52" >52 nights</option>
<option value="53" >53 nights</option>
<option value="54" >54 nights</option>
<option value="55" >55 nights</option>
<option value="56" >56 nights</option>
<!--<option value="mid" >Mid-Term Rentals</option>
<option value="long" >Long Term Rentals</option>-->
</select></td>
<td style="vertical-align:top; width:72px;"><select name="people" id="people" class="indextextbox" style="width:60px;">
<option value="Any">Any</option>
<option value="2">2-4</option>
<option value="4">4-6</option>
<option value="6">6-8</option>
<option value="8">8-10</option>
<option value="10+">10+</option>
</select>
</td>
</tr>
</table>
</form>
</div></td>
</tr>
<tr>
<td colspan="10">
<table style="width:980px;" border="0">
<tr>
<td style="width:10px;"></td>
<td style="width:470px; text-align:left" valign="top">
<table style="width:490px;" border="0"><tr><td align="left" colspan="3" class="indexspecialtitles"><span class="indexspecialtitleslightblue">REGIONS IN </span><span class="indexspecialtitles">HUNGARY</span> <a href="javascript:popWindow('deps/top-destinations-data.asp?country=Hungary','550','775')"><img src="images/pencil.gif"></a></td></tr><tr><td align="left" style="width:33%;"><a id='Marker_1' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Balaton&proptype=rentals" class="parablueh">Balaton (17)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Balaton&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;"><a id='Marker_2' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Baranya&proptype=rentals" class="parablueh">Baranya (1)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Baranya&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;" class="parablue"><a id='Marker_3' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Budapest&proptype=rentals" class="parablueh">Budapest (26)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Budapest&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td></tr><tr><td align="left" style="width:33%;"><a id='Marker_4' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Lake Tisza&proptype=rentals" class="parablueh">Lake Tisza (5)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Lake+Tisza&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;"><a id='Marker_5' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Puszta&proptype=rentals" class="parablueh">Puszta (13)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Puszta&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;" class="parablue"><a id='Marker_6' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Thermal&proptype=rentals" class="parablueh">Thermal (41)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Thermal&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td></tr><tr><td align="left" style="width:33%;"><a id='Marker_7' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=West Hungary&proptype=rentals" class="parablueh">West Hungary (18)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=West+Hungary&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td></td><td></td></tr></table>
<table style="width:490px;" align="center">
<tr><td align="left" valign="bottom" class="indexspecialtitleslightblue">
INFORMATION <span class="indexspecialtitles">ABOUT</span> HUNGARY
</td>
</tr>
<tr>
<td class="parablue" style="text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia<input name="hideshow" class="parablueh" id="hideshow" onMouseOver="this.style.cursor='pointer'" value="read more..." size="20" align="middle" /></td>
</tr>
</table>
</td>
<td style="vertical-align:top;">
<table style="width:470px;vertical-align:top;">
<tr>
<td style="height:5px;" colspan="2"></td><td></td></tr>
<tr><td style="vertical-align:top;"><script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<div id="map" style="width: 450px; height: 450px;"></div>
<form onsubmit="showAddress(); return false" id="form2" name="form2" action="">
<input id="search" type="hidden" value=", HUNGARY" />
</form>
<div id="message"></div>
<noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
However, it seems JavaScript is either disabled or not supported by your browser.
To view Google Maps, enable JavaScript by changing your browser options, and then
try again.
</noscript>
<script type="text/javascript">
var gMarkers = [];
var myOptions = {
zoom: 8,
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
// ====== Create a Client Geocoder ======
var geo = new google.maps.Geocoder();
geo.geocode({'address': document.getElementById("search").value}, function (results, status) {
var ne = results[0].geometry.viewport.getNorthEast();
var sw = results[0].geometry.viewport.getSouthWest();
ParseLocation(results[0].geometry.location);
map.fitBounds(results[0].geometry.viewport);
placeMarkers();
var listener = google.maps.event.addListener(map, "idle", function() {
var mapautozoom = map.getZoom() + 1;
map.setZoom(mapautozoom);
google.maps.event.removeListener(listener);
});
});
function ParseLocation(location) {
var autolat = location.lat().toString().substr(0, 12);
var autolng = location.lng().toString().substr(0, 12);
//document.getElementById("autolng").value = autolng;
//document.getElementById("autolat").value = autolat;
}
var xmlsource = '<markers><marker region="Balaton" country="Hungary" lat="46.8302679" lng="17.7340438" URL="http://www.villasdirect.com" title = "Hungary, Balaton" typery = "country" type="green"/><marker region="Baranya" country="Hungary" lat="46.0484585" lng="18.2719173" URL="http://www.villasdirect.com" title = "Hungary, Baranya" typery = "country" type="green"/><marker region="Budapest" country="Hungary" lat="47.497912" lng="19.040235" URL="http://www.villasdirect.com" title = "Hungary, Budapest" typery = "country" type="green"/><marker region="Lake Tisza" country="Hungary" lat="47.5678161" lng="20.6292652" URL="http://www.villasdirect.com" title = "Hungary, Lake Tisza" typery = "country" type="green"/><marker region="Puszta" country="Hungary" lat="47.584776" lng="17.746421" URL="http://www.villasdirect.com" title = "Hungary, Puszta" typery = "country" type="green"/><marker region="Thermal" country="Hungary" lat="46.6794277" lng="21.1092253" URL="http://www.villasdirect.com" title = "Hungary, Thermal" typery = "country" type="green"/><marker region="West Hungary" country="Hungary" lat="47.162494" lng="19.503304" URL="http://www.villasdirect.com" title = "Hungary, West Hungary" typery = "country" type="green"/></markers>'
var infoWindow = new google.maps.InfoWindow;
$( $.parseXML( xmlsource ) ).find("marker").each(function() {
var lng = $(this).attr('lng');
var lat = $(this).attr('lat');
marker = new google.maps.Marker({
map:map,
draggable:true,
animation: google.maps.Animation.DROP,
//position: new google.maps.LatLng(59.32522, 18.07002)
});
});
google.maps.event.addListener(marker, 'click');
function placeMarkers(){
var xmlList = $.parseXML(xmlsource);
var markers = $(xmlList).find('marker');
for (var i = 0; i < markers.length; i++) {
var latlng = new google.maps.LatLng(parseFloat($(markers[i]).attr("lat")),
parseFloat($(markers[i]).attr("lng")));
var type = $(markers[i]).attr("type");
var url = $(markers[i]).attr("url");
var title = $(markers[i]).attr("title");
var region = $(markers[i]).attr("region");
var country = $(markers[i]).attr("country");
var typery = $(markers[i]).attr("typery");
var imgnam = "";
if(type == "green") {
imgnam = "http://www.villasdirect.com/images/region_marker_blue.gif";
}else{
imgnam = "http://www.villasdirect.com/images/mapmarker_green.gif";
}
var img = new google.maps.MarkerImage(
imgnam,
new google.maps.Size(30,35),
new google.maps.Point(0,0),
new google.maps.Point(15,35)
);
//add a link to your xml that can be inserted here where I have http://www.google.com
var html = "<div class = 'MarkerPopUp' style='width: 150px; height: 25px;'><a href='" + $(markers[i]).attr('url') + "' Title=' + $(markers[i]).attr('Title') + '>" + $(markers[i]).attr('region') + "</a></div>";
var marker = new google.maps.Marker({position: latlng, map:map, icon:img, html:html, url:url, title:title, region:region, country:country, typery:typery});
// marker.set("id", region.replace(' ','_') + '_Marker');
// var infowindow1 = new google.maps.InfoWindow();
// google.maps.event.addListener(marker, 'mouseover', function() {
// infowindow1.setContent(this.html);
// infowindow1.open(map, this);
// });
google.maps.event.addListener(marker, 'click', function() {
// document.getElementById("region").value = this.region;
// document.getElementById("country").value = this.country;
// document.getElementById("location").value = this.title;
// document.getElementById("fb").value = this.title;
// document.getElementById("typery").value = this.typery;
// document.getElementById("form1").submit();
window.location.href = marker.url;
});
var regionmarker = "Marker_"+(i+1);//region.replace(/ /g,"").replace(/\-/g,"").replace(/'/g,"").replace(/\&/g,"").replace(/\//g,"");
var element1= document.getElementById(regionmarker);
gMarkers[i] = marker;
element1.setAttribute("onmouseover","gMarkers["+i+"].setIcon(\'/images/region_marker_red.gif\')");
element1.setAttribute("onmouseout","gMarkers["+i+"].setIcon('"+imgnam+"')");
}
}
</script></td><td style="width:10px;"></td></tr>
<tr><td style="height:5px;"></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table><br />
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" class="tableshadowallsides">
<tr>
<td height="323" align="center" valign="top"><table width="963" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10"> </td>
<td style="height:33px; text-align:left; valign:middle;" class="indexspecialtitleslightblue">FEATURED <span class="indexspecialtitles">HOLIDAY RENTAL</span> PROPERTIES</td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width:8px;"> </td>
<td width="220" height="268" align="left" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68768"><img src="../villa/68768/SMHU8330.110a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68768" border="0" alt="Property for Rent in Heviz - Thermal, Thermal, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68768/SMHU8330.110a_s.jpg','Villa68768');"><img src="../villa/68768/TMHU8330.110a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Heviz - Thermal, Thermal, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68768/SMHU8330.110b_s.jpg','Villa68768');"><img src="../villa/68768/TMHU8330.110b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Heviz - Thermal, Thermal, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68768/SMHU8330.110c_s.jpg','Villa68768');"><img src="../villa/68768/TMHU8330.110c_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Heviz - Thermal, Thermal, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Heviz - Thermal</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 2 People" title="Sleeps 2 People"/></td>
<td width="42" class="para18white" align="left"> 2</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="1 bedrooms" title="1 bedrooms"/></td>
<td width="23" class="para18white">1</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="1 baths/showers" title="1 baths/showers"/></td>
<td width="20"><span class="para18white">1</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€253 £210 $342</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68768" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
<td width="18"> </td>
<td width="220" align="center" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68730"><img src="../villa/68730/SMHU8229.900a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68730" border="0" alt="Property for Rent in Balatonfured/Csopak, Lake Balaton - North Shore, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68730/SMHU8229.900a_s.jpg','Villa68730');"><img src="../villa/68730/TMHU8229.900a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Balatonfured/Csopak, Lake Balaton - North Shore, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68730/SMHU8229.900b_s.jpg','Villa68730');"><img src="../villa/68730/TMHU8229.900b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Balatonfured/Csopak, Lake Balaton - North Shore, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68730/SMHU8229.900.2a_s.jpg','Villa68730');"><img src="../villa/68730/TMHU8229.900.2a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Balatonfured/Csopak, Lake Balaton - North Shore, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Balatonfured/Csopak</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 4 People" title="Sleeps 4 People"/></td>
<td width="42" class="para18white" align="left"> 4</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="3 bedrooms" title="3 bedrooms"/></td>
<td width="23" class="para18white">3</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="2 baths/showers" title="2 baths/showers"/></td>
<td width="20"><span class="para18white">2</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€537 £445 $725</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68730" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
<td width="15"> </td>
<td width="220" align="center" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68982"><img src="../villa/68982/SMHU8784.100a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68982" border="0" alt="Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68982/SMHU8784.100a_s.jpg','Villa68982');"><img src="../villa/68982/TMHU8784.100a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68982/SMHU8784.100b_s.jpg','Villa68982');"><img src="../villa/68982/TMHU8784.100b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68982/SMHU8784.100c_s.jpg','Villa68982');"><img src="../villa/68982/TMHU8784.100c_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Kehidakustany</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 7 People" title="Sleeps 7 People"/></td>
<td width="42" class="para18white" align="left"> 7</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="2 bedrooms" title="2 bedrooms"/></td>
<td width="23" class="para18white">2</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="2 baths/showers" title="2 baths/showers"/></td>
<td width="20"><span class="para18white">2</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€940 £779 $1268</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68982" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
<td width="15"> </td>
<td width="220" align="right" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68748"><img src="../villa/68748/SMHU8245.950a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68748" border="0" alt="Property for Rent in Balatonfured/Vaszoly, Lake Balaton - North Shore, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68748/SMHU8245.950a_s.jpg','Villa68748');"><img src="../villa/68748/TMHU8245.950a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Balatonfured/Vaszoly, Lake Balaton - North Shore, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68748/SMHU8245.950b_s.jpg','Villa68748');"><img src="../villa/68748/TMHU8245.950b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Balatonfured/Vaszoly, Lake Balaton - North Shore, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68748/SMHU8245.950c_s.jpg','Villa68748');"><img src="../villa/68748/TMHU8245.950c_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Balatonfured/Vaszoly, Lake Balaton - North Shore, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Balatonfured/Vaszoly</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 6 People" title="Sleeps 6 People"/></td>
<td width="42" class="para18white" align="left"> 6</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="2 bedrooms" title="2 bedrooms"/></td>
<td width="23" class="para18white">2</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="1 baths/showers" title="1 baths/showers"/></td>
<td width="20"><span class="para18white">1</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€468 £388 $632</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68748" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
</tr>
</table></td>
</tr>
<tr><td style="height:25px;"></td></tr>
</table>
<DIV id="content" style="position:fixed; font-family:arial; font-size:29; left:50%; top:50%; height:510px; width:610px; margin-left:-305px; margin-top:-300px; z-index:1110; display:none"><br />
<table style="width:580px; height:480px; background-color:#FFF;" align="center" class="tableshadowallsides">
<tr style="height:25px;"><td align="left" valign="bottom" class="indexspecialtitleslightblue">INFORMATION <span class="indexspecialtitles">ABOUT</span> HUNGARY</td>
</tr>
<tr>
<td class="parablue" style="text-align:justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiu</td>
</tr>
<tr><td><input name="hideshow" class="buttonbluesh" id="hideshow" onMouseOver="this.style.cursor='pointer'" value="CLOSE" size="10" align="middle" /></td></tr>
</table>
</DIV>
<br /> <br />
<span class="copyright">© Copyright VillasDirect Limited 1998 - 2014 All Rights Reserved - Registered in the UK: 07929131 | <a href="privacy.asp">Your Privacy | Terms & Conditions</a><!-- | <img src="images/index_visa_icons.jpg" width="220" height="24" />--><div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-34898521-1'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</span>
</body>
</html>
<!--<span class="copyright"><br />
Use of this website constitutes acceptance of the TERMS OF USE, BOOKING TERMS and PRIVACY POLICY <br />
</span>-->Thanks in advance!
ASKER
Thanks very much - both versions work, but the 'read more' button works to open and close the div now, but the close button in the div doesn't...!
Here's the new code (if you prefer I will open a new question?):
Here's the new code (if you prefer I will open a new question?):
<!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>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/ico" href="/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>VillasDirect.com | Holiday Rentals in Hungary in Hungary</title>
<meta name="Keywords" content="holiday rentals, villas, apartments, cottages, holiday lettings, accommodation, home away, holidays, cheap holidays, family holiday accommodation, holiday homes, book direct, owner" />
<meta name="Description" content="Best Prices & No Booking Fee. 49,514 verified holiday properties for Rent Worldwide. Rent your home away with the owner direct." />
<meta name="revisit-after" content="2 days" />
<meta name="Distribution" content="Global" />
<meta name="Rating" content="General" />
<meta name="copyright" content="(c)Copyright 2014 VillasDirect Limited. All rights reserved." />
<meta name="rights" content="Copyright by VillasDirect Limited. Some content and links are trademarks and/or copyrights by others and property of respective owners" />
<meta name="category" content="Top: Recreation: Travel: Rental: Real Estate: Rental" />
<meta http-equiv="expires" content="never" />
<meta name="content-language" content="EN" />
<meta name="ROBOTS" content="NOYDIR" />
<meta name="ROBOTS" content="NOODP" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="google" content="notranslate" />
<meta http-equiv="Content-Language" content="en" />
<meta name="msvalidate.01" content="93A2BBBC7A9A9B5F3849AE706E870F6C" />
<meta name="google-translate-customization" content="1bb199f66d09b701-f8d02e4a8a893b7b-g2c974e446001e019-14"></meta>
<script type="text/javascript" src="//use.typekit.net/svp8evc.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link href="villasdirect.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-decoration:none;
#map_canvas { height: 100% }
}
</style>
<style>
#containerhead
{
height:30px;
width:650px;
position:relative;
}
#transhead
{
height:30px;
width:650px;
position:relative;
left:53px;
top:40px;
width:650px;
background-color:#FFFFFF;
filter:alpha(opacity=60);
opacity:.6;
}
#texthead
{
z-index:100;
position:absolute;
color:white;
font-size:27px;
font-weight:bold;
font-family:futura-pt;
text-align:right;
left:53px;
top:-20px;
width:650px;
font-shadow: #FFF, 0px, 0.3px, 0.3px;
-webkit-text-stroke: 0.3px;
}
</style>
<script>
function ChangePic(a, b)
{
document.getElementById(b).src = a;
}
</script>
<script src="js/googleanalytics.js"></script>
<script language="javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="JSCal2/src/js/jscal2.js"></script>
<script src="JSCal2/src/js/lang/en.js"></script>
<link rel="stylesheet" type="text/css" href="JSCal2/src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="JSCal2/src/css/border-radius.css" />
<!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
_atrk_opts = { atrk_acct:"5+v5i1acVE008Z", domain:"villasdirect.com",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#hideshow').click(function() {
jQuery('#content').toggle('show');
});
});
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=5+v5i1acVE008Z" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript -->
<!--include file="deps/pageloading.asp"-->
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" background="images/headbkg_ns_ntxt_142px.jpg" class="tableshadowallsides" style="background-repeat:no-repeat;">
<tr>
<td width="265" align="left" valign="top">
<!--table to position logo-->
<table height="142">
<tr>
<td height="40" colspan="2"> </td>
</tr>
<tr>
<td width="30"> </td><td><a href="index.asp" title="Return to Home Page"><img src="images/villas-direct-logo.gif" alt="Villas Direct Logo" border="0"/></a></td>
</tr>
</table>
</td>
<td width="715" height="142" valign="top" align="right">
<table width="715" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="715" height="51" align="right" valign="bottom" class="menu">
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<table width="715" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="24" colspan="2" valign="top"><script>
// (C) 2001 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
//var theURL = '../logoff.asp';
//var width = 300;
//var height = 100;
function popWindow(theURL, width, height) {
newWindow = window.open(theURL,'newWindow','toolbar=no,menubar=no,resizable=no,scrollbars=no,status=no,location=no,width='+width+',height='+height);
}
</script>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-decoration:none;
}
</style>
<table height="22" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="25" align="right" valign="middle" nowrap="nowrap">
<span class="loggedin">lg@nicoco.eu | <a href="dashboard.asp?view=messages" class="loggedin"><font color="RED">45 Unread Messages</font></a> | <a href="dashboard.asp" class="loggedin">My Dashboard</a> | <a href="_admin/admin.asp" class="loggedin">Admin</a> | <a href="http://www.villasdirect.com?testmode=no" class="loggedinred">TEST ON</a> | <a href="javascript:popWindow('../logoff.asp','300','100')" class="loggedin">Log Out</a></span>
</td>
</tr>
</table>
</td>
<td width="16"> </td>
</tr>
<tr>
<td height="26" align="right" valign="bottom" colspan="2">
<ul class="drop" id="nav" name="nav">
<li><a href="index.asp">HOME</a></li>
<li><a href="index.asp">SEARCH</a></li>
<li><a href="about_villas_direct.asp">ABOUT US</a></li>
<li><a href="rentals_renters.asp">HOW TO RENT</a>
<ul>
<li class="dir"><a href="rentals_owners.asp">HOME OWNER</a></li>
<li class="dir"><a href="rentals_renters.asp">HOLIDAY MAKER</a></li>
</ul>
</li>
<!--<li><a href="sell_your_property.asp">HOW TO SELL</a></li>-->
<li><a href="sales_rental_agents.asp">AGENTS</a></li>
<li><a href="support.asp">HELP</a></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div id="transhead">
</div>
<div id="containerhead">
<p id="texthead"><span style="color:#68a72c; filter:alpha(opacity=100); opacity:1;">VILLAS FOR RENT </span> <span style="color:#68a72c; filter:alpha(opacity=100); opacity:1;"><!--CAR HIRE--></span> <span style="color:#2b6488; filter:alpha(opacity=100); opacity:1;"><!--SEARCH--> AROUND <!--COMPARE--> THE <!--BOOK--> WORLD </span></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="sticky/jquery.sticky.js"></script>
<script>
jQuery(function($) {
$("#searchbar").sticky({topSpacing:0});
});
</script>
<style>
#container
{
height:356px;
width:980px;
position:relative;
}
#image
{
position:absolute;
left:0;
top:0;
}
#text
{
z-index:100;
position:absolute;
color:#FFFFFF;
font-size:50px;
font-weight:bold;
font-family:futura-pt;
text-align:right;
left:170px;
top:-50px;
width:800px;
}
</style>
<tr>
<td colspan="2">
<div id="container">
<img id="image" src="images/top-dest-generic.jpg" title="Photo of Hungary" alt="Photo of Photo of Hungary"/>
<p id="text">
Hungary
</p>
</div>
</td>
</tr>
<tr>
<td style="width:980px; height:43px; text-align:left; vertical-align:top; background:url(images/index_search_bkg_ns.jpg" colspan="2">
<div id="searchbar" style="z-index:1100; height:43px; background:url(images/index_search_bkg_ns.jpg); vertical-align:top">
<form id="form1" class="refno" name="form1" method="post" action="">
<table width="980" border="0" align="left" cellpadding="1" cellspacing="0" background="images/index_search_bkg_ns.jpg">
<tr>
<td style="height:14px; width:23px"> </td>
<td class="para14whitesh" style="height:14px; width:363px; vertical-align:bottom;">Where would you like to go?</td>
<td class="para14whitesh" style="height:14px; wdith:128px; vertical-align:bottom;">Arriving<span class="para11white"> (optional)</span></td>
<td nowrap="nowrap" class="para14whitesh" style="height:14px; width:107px; vertical-align:bottom;">Flexible By</td>
<td style="height:14px; width:89px; vertical-align:bottom;" class="para14whitesh">Duration</td>
<td class="para14whitesh" style="height:14px; width:72px; vertical-align:bottom;">Sleeps</td>
<td style="width:182px;" align="left" valign="top" rowspan="2"><br />
<input name="searchlocationsrentals" id="searchlocationsrentals" type="submit" class="bindexbuyrent-long" value="SEARCH NOW" align="top" onmouseover="this.style.cursor='pointer'"/><!--<img src="images/index_rent_button.jpg" width="90" height="37" />--></td>
<!--<td width="92" align="left" valign="top" rowspan="2"><br />
<input name="searchlocationssales" id="searchlocationssales" type="submit" class="bindexbuyrent" value="BUY" align="top" onmouseover="this.style.cursor='pointer'"/></td>-->
</tr>
<tr>
<td height="29" width="23"> </td>
<td style="vertical-align:top;" class="srsearchfields80"><link rel="stylesheet" href="deps/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script>
$(function() {
function split( val ) {
return val.split( /,\s*/ );
}
function extractLast( term ) {
return split( term ).pop();
}
$( "#location" )
// don't navigate away from the field on tab when selecting an item
.bind( "keydown", function( event )
{
if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "ui-autocomplete" ).menu.active )
{
event.preventDefault();
}
})
.autocomplete({
source: function( request, response ) {
$("#fb").val(request.term);
$.ajax({
url: "DDData.php",
dataType: "json",
data: {
term : request.term,
country : $("#country").val(),
region : $("#region").val(),
beach : $("#beach").val(),
ski : $("#ski").val(),
golf : $("#golf").val(),
luxury : $("#luxury").val(),
exclusive : $("#exclusive").val(),
rental : $("#rental").val(),
sale : $("#sale").val()
},
type: "GET",
success: function(data){
response($.map(data, function(item){
var itemText = "";
if(item.country != "" && item.country != null) {
itemText = item.country;
}
if(item.region != "" && item.region != null ) {
if(itemText != "") itemText = itemText + ", "
itemText = itemText + item.region
}
if( item.location != "" && item.location != null) {
if(itemText != "") itemText = itemText + ", "
itemText = itemText + item.location
}
return {
value: item.ID,
label: itemText
}
}))
}
});
},
search: function() {
// custom minLength
var term = extractLast( this.value );
if ( term.length < 1 ) {
return false;
}
},
focus: function() {
// prevent value inserted on focus
return false; },
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.label );
// add placeholder to get the comma-and-space at the end
//terms.push( "" );
this.value = ui.item.label;
$("#fb").val(ui.item.value);
return false;
}
});
});
</script>
<input name="searchtermtext" class="indextextbox" id="location" onfocus="if (this.value=='Start By Typing a Location Name or Property No.') this.value = ''"
onblur="if (this.value=='') this.value = 'Start By Typing a Location Name or Property No.'" value="Start By Typing a Location Name or Property No." style="width: 350px;">
<input id="fb" name="fb" value="-1" style="left:" type="hidden" />
<input id="country" name="country" value="Hungary" type="hidden" />
<input id="region" name="region" value="" type="hidden" />
<input id="beach" name="beach" value="" type="hidden" />
<input id="ski" name="ski" value="" type="hidden" />
<input id="golf" name="golf" value="" type="hidden" />
<input id="luxury" name="luxury" value="" type="hidden" />
<input id="exclusive" name="exclusive" value="" type="hidden" />
<input id="rental" name="rental" value="" type="hidden" />
<input id="sale" name="sale" value="" type="hidden" />
</td>
<td style="vertical-align:top;" nowrap="nowrap">
<input name="f_date1" class="indextextbox" id="f_date1" value="" size="10" maxlength="11" style="width: 89px;"/>
<button id="f_btn1" class="calendarindex"> </button>
<script type="text/javascript">//<![CDATA[
Calendar.setup({
inputField : "f_date1",
trigger : "f_btn1",
// onSelect : function() { this.hide(); document.forms['form1'].submit() },
onSelect : function() { this.hide()}, //showTime : 12,
min: 20140220,
max: 20150707,
fdow: 6,
dateFormat : "%d-%b-%Y"
});
//]]></script></td>
<td style="vertical-align:top; width:107px;"><select name="plusminus" size="1" id="plusminus" class="indextextbox" style="width:98px;">
<option value="0">0 Days</option>
<option value="7" selected="selected">+/-7 Days</option>
<option value="14">+/-14 Days</option>
<option value="21">+/-21 Days</option>
<option value="28">+/-28 Days</option>
</select></td>
<td style="vertical-align:top; width:89px;"><select name="staydays" size="1" id="staydays" class="indextextbox" style="width:80px;">
<!--<option value="1" >1 day</option>-->
<option value="2" >2 nights</option>
<option value="3" >3 nights</option>
<option value="4" >4 nights</option>
<option value="5" >5 nights</option>
<option value="6" >6 nights</option>
<option value="7" selected="selected">7 nights</option>
<option value="8" >8 nights</option>
<option value="9" >9 nights</option>
<option value="10" >10 nights</option>
<option value="11" >11 nights</option>
<option value="12" >12 nights</option>
<option value="13" >13 nights</option>
<option value="14" >14 nights</option>
<option value="15" >15 nights</option>
<option value="16" >16 nights</option>
<option value="17" >17 nights</option>
<option value="18" >18 nights</option>
<option value="19" >19 nights</option>
<option value="20" >20 nights</option>
<option value="21" >21 nights</option>
<option value="22" >22 nights</option>
<option value="23" >23 nights</option>
<option value="24" >24 nights</option>
<option value="25" >25 nights</option>
<option value="26" >26 nights</option>
<option value="27" >27 nights</option>
<option value="28" >28 nights</option>
<option value="29" >29 nights</option>
<option value="30" >30 nights</option>
<option value="31" >31 nights</option>
<option value="32" >32 nights</option>
<option value="33" >33 nights</option>
<option value="34" >34 nights</option>
<option value="35" >35 nights</option>
<option value="36" >36 nights</option>
<option value="37" >37 nights</option>
<option value="38" >38 nights</option>
<option value="39" >39 nights</option>
<option value="40" >40 nights</option>
<option value="41" >41 nights</option>
<option value="42" >42 nights</option>
<option value="43" >43 nights</option>
<option value="44" >44 nights</option>
<option value="45" >45 nights</option>
<option value="46" >46 nights</option>
<option value="47" >47 nights</option>
<option value="48" >48 nights</option>
<option value="49" >49 nights</option>
<option value="50" >50 nights</option>
<option value="51" >51 nights</option>
<option value="52" >52 nights</option>
<option value="53" >53 nights</option>
<option value="54" >54 nights</option>
<option value="55" >55 nights</option>
<option value="56" >56 nights</option>
<!--<option value="mid" >Mid-Term Rentals</option>
<option value="long" >Long Term Rentals</option>-->
</select></td>
<td style="vertical-align:top; width:72px;"><select name="people" id="people" class="indextextbox" style="width:60px;">
<option value="Any">Any</option>
<option value="2">2-4</option>
<option value="4">4-6</option>
<option value="6">6-8</option>
<option value="8">8-10</option>
<option value="10+">10+</option>
</select>
</td>
</tr>
</table>
</form>
</div></td>
</tr>
<tr>
<td colspan="10">
<table style="width:980px;" border="0">
<tr>
<td style="width:10px;"></td>
<td style="width:470px; text-align:left" valign="top">
<table style="width:490px;" border="0"><tr><td align="left" colspan="3" class="indexspecialtitles"><span class="indexspecialtitleslightblue">REGIONS IN </span><span class="indexspecialtitles">HUNGARY</span> <a href="javascript:popWindow('deps/top-destinations-data.asp?country=Hungary','550','775')"><img src="images/pencil.gif"></a></td></tr><tr><td align="left" style="width:33%;"><a id='Marker_1' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Balaton&proptype=rentals" class="parablueh">Balaton (17)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Balaton&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;"><a id='Marker_2' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Baranya&proptype=rentals" class="parablueh">Baranya (1)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Baranya&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;" class="parablue"><a id='Marker_3' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Budapest&proptype=rentals" class="parablueh">Budapest (26)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Budapest&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td></tr><tr><td align="left" style="width:33%;"><a id='Marker_4' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Lake Tisza&proptype=rentals" class="parablueh">Lake Tisza (5)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Lake+Tisza&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;"><a id='Marker_5' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Puszta&proptype=rentals" class="parablueh">Puszta (13)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Puszta&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td align="left" style="width:33%;" class="parablue"><a id='Marker_6' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=Thermal&proptype=rentals" class="parablueh">Thermal (41)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=Thermal&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td></tr><tr><td align="left" style="width:33%;"><a id='Marker_7' href="http://www.villasdirect.com/top_destinations.asp?country=Hungary&region=West Hungary&proptype=rentals" class="parablueh">West Hungary (18)</a> <a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&newname=West+Hungary&typer=2','550','300')"><img src="images/pencil.gif" border="0"></a></td><td></td><td></td></tr></table>
<table style="width:490px;" align="center">
<tr><td align="left" valign="bottom" class="indexspecialtitleslightblue">
INFORMATION <span class="indexspecialtitles">ABOUT</span> HUNGARY
</td>
</tr>
<tr>
<td class="parablue" style="text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia<input name="hideshow" class="parablueh" id="hideshow" onMouseOver="this.style.cursor='pointer'" value="read more..." size="20" align="middle" /></td>
</tr>
</table>
</td>
<td style="vertical-align:top;">
<table style="width:470px;vertical-align:top;">
<tr>
<td style="height:5px;" colspan="2"></td><td></td></tr>
<tr><td style="vertical-align:top;"><script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<div id="map" style="width: 450px; height: 450px;"></div>
<form onsubmit="showAddress(); return false" id="form2" name="form2" action="">
<input id="search" type="hidden" value=", HUNGARY" />
</form>
<div id="message"></div>
<noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b>
However, it seems JavaScript is either disabled or not supported by your browser.
To view Google Maps, enable JavaScript by changing your browser options, and then
try again.
</noscript>
<script type="text/javascript">
var gMarkers = [];
var myOptions = {
zoom: 8,
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
// ====== Create a Client Geocoder ======
var geo = new google.maps.Geocoder();
geo.geocode({'address': document.getElementById("search").value}, function (results, status) {
var ne = results[0].geometry.viewport.getNorthEast();
var sw = results[0].geometry.viewport.getSouthWest();
ParseLocation(results[0].geometry.location);
map.fitBounds(results[0].geometry.viewport);
placeMarkers();
var listener = google.maps.event.addListener(map, "idle", function() {
var mapautozoom = map.getZoom() + 1;
map.setZoom(mapautozoom);
google.maps.event.removeListener(listener);
});
});
function ParseLocation(location) {
var autolat = location.lat().toString().substr(0, 12);
var autolng = location.lng().toString().substr(0, 12);
//document.getElementById("autolng").value = autolng;
//document.getElementById("autolat").value = autolat;
}
var xmlsource = '<markers><marker region="Balaton" country="Hungary" lat="46.8302679" lng="17.7340438" URL="http://www.villasdirect.com" title = "Hungary, Balaton" typery = "country" type="green"/><marker region="Baranya" country="Hungary" lat="46.0484585" lng="18.2719173" URL="http://www.villasdirect.com" title = "Hungary, Baranya" typery = "country" type="green"/><marker region="Budapest" country="Hungary" lat="47.497912" lng="19.040235" URL="http://www.villasdirect.com" title = "Hungary, Budapest" typery = "country" type="green"/><marker region="Lake Tisza" country="Hungary" lat="47.5678161" lng="20.6292652" URL="http://www.villasdirect.com" title = "Hungary, Lake Tisza" typery = "country" type="green"/><marker region="Puszta" country="Hungary" lat="47.584776" lng="17.746421" URL="http://www.villasdirect.com" title = "Hungary, Puszta" typery = "country" type="green"/><marker region="Thermal" country="Hungary" lat="46.6794277" lng="21.1092253" URL="http://www.villasdirect.com" title = "Hungary, Thermal" typery = "country" type="green"/><marker region="West Hungary" country="Hungary" lat="47.162494" lng="19.503304" URL="http://www.villasdirect.com" title = "Hungary, West Hungary" typery = "country" type="green"/></markers>'
var infoWindow = new google.maps.InfoWindow;
$( $.parseXML( xmlsource ) ).find("marker").each(function() {
var lng = $(this).attr('lng');
var lat = $(this).attr('lat');
marker = new google.maps.Marker({
map:map,
draggable:true,
animation: google.maps.Animation.DROP,
//position: new google.maps.LatLng(59.32522, 18.07002)
});
});
google.maps.event.addListener(marker, 'click');
function placeMarkers(){
var xmlList = $.parseXML(xmlsource);
var markers = $(xmlList).find('marker');
for (var i = 0; i < markers.length; i++) {
var latlng = new google.maps.LatLng(parseFloat($(markers[i]).attr("lat")),
parseFloat($(markers[i]).attr("lng")));
var type = $(markers[i]).attr("type");
var url = $(markers[i]).attr("url");
var title = $(markers[i]).attr("title");
var region = $(markers[i]).attr("region");
var country = $(markers[i]).attr("country");
var typery = $(markers[i]).attr("typery");
var imgnam = "";
if(type == "green") {
imgnam = "http://www.villasdirect.com/images/region_marker_blue.gif";
}else{
imgnam = "http://www.villasdirect.com/images/mapmarker_green.gif";
}
var img = new google.maps.MarkerImage(
imgnam,
new google.maps.Size(30,35),
new google.maps.Point(0,0),
new google.maps.Point(15,35)
);
//add a link to your xml that can be inserted here where I have http://www.google.com
var html = "<div class = 'MarkerPopUp' style='width: 150px; height: 25px;'><a href='" + $(markers[i]).attr('url') + "' Title=' + $(markers[i]).attr('Title') + '>" + $(markers[i]).attr('region') + "</a></div>";
var marker = new google.maps.Marker({position: latlng, map:map, icon:img, html:html, url:url, title:title, region:region, country:country, typery:typery});
// marker.set("id", region.replace(' ','_') + '_Marker');
// var infowindow1 = new google.maps.InfoWindow();
// google.maps.event.addListener(marker, 'mouseover', function() {
// infowindow1.setContent(this.html);
// infowindow1.open(map, this);
// });
google.maps.event.addListener(marker, 'click', function() {
// document.getElementById("region").value = this.region;
// document.getElementById("country").value = this.country;
// document.getElementById("location").value = this.title;
// document.getElementById("fb").value = this.title;
// document.getElementById("typery").value = this.typery;
// document.getElementById("form1").submit();
window.location.href = marker.url;
});
var regionmarker = "Marker_"+(i+1);//region.replace(/ /g,"").replace(/\-/g,"").replace(/'/g,"").replace(/\&/g,"").replace(/\//g,"");
var element1= document.getElementById(regionmarker);
gMarkers[i] = marker;
element1.setAttribute("onmouseover","gMarkers["+i+"].setIcon(\'/images/region_marker_red.gif\')");
element1.setAttribute("onmouseout","gMarkers["+i+"].setIcon('"+imgnam+"')");
}
}
</script></td><td style="width:10px;"></td></tr>
<tr><td style="height:5px;"></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table><br />
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" class="tableshadowallsides">
<tr>
<td height="323" align="center" valign="top"><table width="963" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10"> </td>
<td style="height:33px; text-align:left; valign:middle;" class="indexspecialtitleslightblue">FEATURED <span class="indexspecialtitles">HOLIDAY RENTAL</span> PROPERTIES</td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width:8px;"> </td>
<td width="220" height="268" align="left" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68649"><img src="../villa/68649/SMHU1000.137a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68649" border="0" alt="Property for Rent in Budapest, Budapest, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68649/SMHU1000.137a_s.jpg','Villa68649');"><img src="../villa/68649/TMHU1000.137a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Budapest, Budapest, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68649/SMHU1000.137b_s.jpg','Villa68649');"><img src="../villa/68649/TMHU1000.137b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Budapest, Budapest, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68649/SMHU1000.137.1a_s.jpg','Villa68649');"><img src="../villa/68649/TMHU1000.137.1a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Budapest, Budapest, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Budapest</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 5 People" title="Sleeps 5 People"/></td>
<td width="42" class="para18white" align="left"> 5</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="2 bedrooms" title="2 bedrooms"/></td>
<td width="23" class="para18white">2</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="2 baths/showers" title="2 baths/showers"/></td>
<td width="20"><span class="para18white">2</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€411 £341 $555</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68649" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
<td width="18"> </td>
<td width="220" align="center" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68691"><img src="../villa/68691/SMHU8175.173a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68691" border="0" alt="Property for Rent in Balatonalmadi/Balatonfuzfo, Lake Balaton - North Shore, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68691/SMHU8175.173a_s.jpg','Villa68691');"><img src="../villa/68691/TMHU8175.173a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Balatonalmadi/Balatonfuzfo, Lake Balaton - North Shore, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68691/SMHU8175.173b_s.jpg','Villa68691');"><img src="../villa/68691/TMHU8175.173b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Balatonalmadi/Balatonfuzfo, Lake Balaton - North Shore, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68691/SMHU8175.173c_s.jpg','Villa68691');"><img src="../villa/68691/TMHU8175.173c_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Balatonalmadi/Balatonfuzfo, Lake Balaton - North Shore, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Balatonalmadi/Balatonfuzfo</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 6 People" title="Sleeps 6 People"/></td>
<td width="42" class="para18white" align="left"> 6</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="3 bedrooms" title="3 bedrooms"/></td>
<td width="23" class="para18white">3</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="1 baths/showers" title="1 baths/showers"/></td>
<td width="20"><span class="para18white">1</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€787 £652 $1062</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68691" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
<td width="15"> </td>
<td width="220" align="center" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68897"><img src="../villa/68897/SMHU8646.100a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68897" border="0" alt="Property for Rent in Balatonfenyves, Lake Balaton - South Shore, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68897/SMHU8646.100a_s.jpg','Villa68897');"><img src="../villa/68897/TMHU8646.100a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Balatonfenyves, Lake Balaton - South Shore, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68897/SMHU8646.100b_s.jpg','Villa68897');"><img src="../villa/68897/TMHU8646.100b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Balatonfenyves, Lake Balaton - South Shore, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68897/SMHU8646.100c_s.jpg','Villa68897');"><img src="../villa/68897/TMHU8646.100c_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Balatonfenyves, Lake Balaton - South Shore, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Balatonfenyves</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 3 Star Accomodation" title="Property Is Rated As 3 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 8 People" title="Sleeps 8 People"/></td>
<td width="42" class="para18white" align="left"> 8</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="4 bedrooms" title="4 bedrooms"/></td>
<td width="23" class="para18white">4</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="2 baths/showers" title="2 baths/showers"/></td>
<td width="20"><span class="para18white">2</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€722 £598 $974</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68897" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
<td width="15"> </td>
<td width="220" align="right" valign="bottom">
<table width="200" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td width="200" height="132" align="left" valign="top">
<a href="http://www.villasdirect.com/68983"><img src="../villa/68983/SMHU8784.100a_s.jpg" name="" width="200" height="129" align="absmiddle" id="Villa68983" border="0" alt="Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td></tr>
<tr><td height="42" valign="top">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68983/SMHU8784.100a_s.jpg','Villa68983');"><img src="../villa/68983/TMHU8784.100a_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="First Photo of Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td>
<td width="66" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68983/SMHU8784.100b_s.jpg','Villa68983');"><img src="../villa/68983/TMHU8784.100b_s.jpg" width="66" height="40" align="absmiddle" border="0" alt="Second Photo of Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td>
<td width="67" height="40" valign="bottom">
<td width="67" height="40" valign="bottom">
<a href="#" onmouseover="ChangePic('../villa/68983/SMHU8784.100c_s.jpg','Villa68983');"><img src="../villa/68983/TMHU8784.100c_s.jpg" width="67" height="40" align="absmiddle" border="0" alt="Third Photo of Property for Rent in Kehidakustany, Thermal, Hungary"/></a></td>
</tr></tbody></table></td></tr>
<tr><td height="86" align="center" valign="top" class="indexfeatpropbkg">
<table width="200" border="0" cellspacing="0" cellpadding="0" class="indexfeatpropbkg">
<tr><td height="27" align="center" valign="bottom"><strong class="parablue14">Kehidakustany</strong><br /><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"><img src="images/star-white-invisible-bg.gif" alt="Property Is Rated As 4 Star Accomodation" title="Property Is Rated As 4 Star Accomodation" border="0"></td></tr>
<tr><td height="39" valign="bottom"><table width="200" border="0" cellspacing="0" cellpadding="0">
<tr><td width="35" align="right"><img src="images/people_wh.png" width="26" height="25" alt="Sleeps 6 People" title="Sleeps 6 People"/></td>
<td width="42" class="para18white" align="left"> 6</td>
<td width="45"><img src="images/beds.png" width="41" height="25" alt="2 bedrooms" title="2 bedrooms"/></td>
<td width="23" class="para18white">2</td>
<td width="35"><img src="images/showers.png" width="31" height="30" alt="2 baths/showers" title="2 baths/showers"/></td>
<td width="20"><span class="para18white">2</span></td></tr>
</table></td></tr>
<tr><td height="33" align="center" valign="top" class="para12white">price per week from<br />€940 £779 $1268</td>
</tr></table></td></tr><tr><td height="5"></td></tr>
<tr><td><table width="200" border="0" cellpadding="0" cellspacing="0">
<tr><td height="36" align="center" valign="bottom"><a href="http://www.villasdirect.com/68983" class="buttongrsresults"> VIEW PROPERTY </a></td></tr>
</table></td></tr></tbody></table>
</td>
</tr>
</table></td>
</tr>
<tr><td style="height:25px;"></td></tr>
</table>
<DIV id="content" style="position:fixed; font-family:arial; font-size:29; left:50%; top:50%; height:510px; width:610px; margin-left:-305px; margin-top:-300px; z-index:1110; display:none"><br />
<table style="width:580px; height:480px; background-color:#FFF;" align="center" class="tableshadowallsides">
<tr style="height:25px;"><td align="left" valign="bottom" class="indexspecialtitleslightblue">INFORMATION <span class="indexspecialtitles">ABOUT</span> HUNGARY</td>
</tr>
<tr>
<td class="parablue" style="text-align:justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiu</td>
</tr>
<tr><td><input name="hideshow" class="buttonbluesh" id="hideshow" onMouseOver="this.style.cursor='pointer'" value="CLOSE" size="10" align="middle" />
</td></tr>
</table>
</DIV>
<br /> <br />
<span class="copyright">© Copyright VillasDirect Limited 1998 - 2014 All Rights Reserved - Registered in the UK: 07929131 | <a href="privacy.asp">Your Privacy | Terms & Conditions</a><!-- | <img src="images/index_visa_icons.jpg" width="220" height="24" />--><div id="google_translate_element"></div><script type="text/javascript">function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-34898521-1'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</span>
</body>
</html>
<!--<span class="copyright"><br />
Use of this website constitutes acceptance of the TERMS OF USE, BOOKING TERMS and PRIVACY POLICY <br />
</span>-->ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Perfect - works great! Thank you!
<script type="text/javascript">
jQuery(document).ready(fun
jQuery('#hideshow').on('click', function() {
jQuery('#content').toggle(
});
});
</script>
Or "click"
<script type="text/javascript">
jQuery(document).ready(fun
jQuery('#hideshow').click(function() {
jQuery('#content').toggle(
});
});
</script>