Solved

Div toggle not working

Posted on 2014-02-20
4
252 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
Perfect - works great!  Thank you!
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
FTP File permissions 1 27
jQuery animation faster 1 16
How to add loader animation to a page ? 2 20
Link SQL table to Webpage 9 35
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

771 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now