Solved

Div toggle not working

Posted on 2014-02-20
4
256 Views
Last Modified: 2014-02-20
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:

<!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 &amp; 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">&nbsp;</td>
        </tr>
        <tr>
        <td width="30">&nbsp;</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&nbsp;|&nbsp;<a href="dashboard.asp?view=messages" class="loggedin"><font color="RED">45&nbsp;Unread Messages</font></a>&nbsp;|&nbsp;<a href="dashboard.asp" class="loggedin">My Dashboard</a>&nbsp;|&nbsp;<a href="_admin/admin.asp" class="loggedin">Admin</a>&nbsp;|&nbsp;<a href="http://www.villasdirect.com?testmode=no" class="loggedinred">TEST ON</a>&nbsp;|&nbsp;<a href="javascript:popWindow('../logoff.asp','300','100')" class="loggedin">Log Out</a></span>

</td>
</tr>
</table>
</td>
                  <td width="16">&nbsp;</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&nbsp;</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">&nbsp;</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">&nbsp;(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">&nbsp;</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">&nbsp;</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>&nbsp;<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&amp;region=Balaton&amp;proptype=rentals" class="parablueh">Balaton (17)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Balaton&amp;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&amp;region=Baranya&amp;proptype=rentals" class="parablueh">Baranya (1)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Baranya&amp;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&amp;region=Budapest&amp;proptype=rentals" class="parablueh">Budapest (26)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Budapest&amp;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&amp;region=Lake Tisza&amp;proptype=rentals" class="parablueh">Lake Tisza (5)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Lake+Tisza&amp;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&amp;region=Puszta&amp;proptype=rentals" class="parablueh">Puszta (13)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Puszta&amp;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&amp;region=Thermal&amp;proptype=rentals" class="parablueh">Thermal (41)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Thermal&amp;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&amp;region=West Hungary&amp;proptype=rentals" class="parablueh">West Hungary (18)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=West+Hungary&amp;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">&nbsp;</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;">&nbsp;</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">&nbsp;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 />&#128;253&nbsp; &pound;210&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</a></td></tr>
</table></td></tr></tbody></table>
</td>
		  <td width="18">&nbsp;</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">&nbsp;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 />&#128;537&nbsp; &pound;445&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</a></td></tr>
</table></td></tr></tbody></table>
</td>
          <td width="15">&nbsp;</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">&nbsp;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 />&#128;940&nbsp; &pound;779&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</a></td></tr>
</table></td></tr></tbody></table>
</td>
          <td width="15">&nbsp;</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">&nbsp;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 />&#128;468&nbsp; &pound;388&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</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 />&nbsp;<br />
<span class="copyright">&copy; Copyright VillasDirect Limited 1998 - 2014 All Rights Reserved&nbsp;-&nbsp;Registered in the UK: 07929131&nbsp;|&nbsp;<a href="privacy.asp">Your Privacy | Terms &amp; Conditions</a><!--&nbsp;|&nbsp;<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>-->

Open in new window


Thanks in advance!
0
Comment
Question by:Nico2011
  • 2
  • 2
4 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 39873872
Try "on" instead of "live".

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('#hideshow').on('click', function() {        
         jQuery('#content').toggle('show');
    });
});
</script>

Or "click"

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('#hideshow').click(function() {        
         jQuery('#content').toggle('show');
    });
});
</script>
0
 

Author Comment

by:Nico2011
ID: 39873919
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?):
<!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 &amp; 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">&nbsp;</td>
        </tr>
        <tr>
        <td width="30">&nbsp;</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&nbsp;|&nbsp;<a href="dashboard.asp?view=messages" class="loggedin"><font color="RED">45&nbsp;Unread Messages</font></a>&nbsp;|&nbsp;<a href="dashboard.asp" class="loggedin">My Dashboard</a>&nbsp;|&nbsp;<a href="_admin/admin.asp" class="loggedin">Admin</a>&nbsp;|&nbsp;<a href="http://www.villasdirect.com?testmode=no" class="loggedinred">TEST ON</a>&nbsp;|&nbsp;<a href="javascript:popWindow('../logoff.asp','300','100')" class="loggedin">Log Out</a></span>

</td>
</tr>
</table>
</td>
                  <td width="16">&nbsp;</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&nbsp;</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">&nbsp;</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">&nbsp;(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">&nbsp;</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">&nbsp;</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>&nbsp;<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&amp;region=Balaton&amp;proptype=rentals" class="parablueh">Balaton (17)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Balaton&amp;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&amp;region=Baranya&amp;proptype=rentals" class="parablueh">Baranya (1)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Baranya&amp;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&amp;region=Budapest&amp;proptype=rentals" class="parablueh">Budapest (26)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Budapest&amp;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&amp;region=Lake Tisza&amp;proptype=rentals" class="parablueh">Lake Tisza (5)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Lake+Tisza&amp;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&amp;region=Puszta&amp;proptype=rentals" class="parablueh">Puszta (13)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Puszta&amp;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&amp;region=Thermal&amp;proptype=rentals" class="parablueh">Thermal (41)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=Thermal&amp;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&amp;region=West Hungary&amp;proptype=rentals" class="parablueh">West Hungary (18)</a>&nbsp;<a href="javascript:popWindow('deps/normalize_names.asp?country=Hungary&amp;newname=West+Hungary&amp;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">&nbsp;</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;">&nbsp;</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">&nbsp;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 />&#128;411&nbsp; &pound;341&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</a></td></tr>
</table></td></tr></tbody></table>
</td>
		  <td width="18">&nbsp;</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">&nbsp;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 />&#128;787&nbsp; &pound;652&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</a></td></tr>
</table></td></tr></tbody></table>
</td>
          <td width="15">&nbsp;</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">&nbsp;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 />&#128;722&nbsp; &pound;598&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</a></td></tr>
</table></td></tr></tbody></table>
</td>
          <td width="15">&nbsp;</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">&nbsp;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 />&#128;940&nbsp; &pound;779&nbsp;&nbsp;&#36;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">&nbsp;&nbsp;VIEW PROPERTY&nbsp;&nbsp;</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 />&nbsp;<br />
<span class="copyright">&copy; Copyright VillasDirect Limited 1998 - 2014 All Rights Reserved&nbsp;-&nbsp;Registered in the UK: 07929131&nbsp;|&nbsp;<a href="privacy.asp">Your Privacy | Terms &amp; Conditions</a><!--&nbsp;|&nbsp;<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>-->

Open in new window

0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 39874017
You cannot have multiple elements on the same page with the same id. You either give the open and close inputs different ids and different click handlers or just take out the ids for those inputs and use the name attribute ...

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("input[name='hideshow']").click(function() {        
         jQuery('#content').toggle('show');
    });
});
</script>

...or, change the "id" attribute to "class" for both inputs then use this:

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('.hideshow').click(function() {        
         jQuery('#content').toggle('show');
    });
});
</script>
0
 

Author Closing Comment

by:Nico2011
ID: 39874799
Perfect - works great!  Thank you!
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

837 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question