<!-- /* ======================  START - jquery based javascripts start here ====================== */ -->

$(function() {

<!-- /* --------------------------------------- START TABS CODE ----------------------------------------- */ -->

	<!-- /* START - Initial state of tabs */ -->
		$('#data_gen_info').show();
		$('#li_gen_info')
			.css('background-color', '#FFFFFF')
			.css('height', '21px')
			.css('position', 'absolute')
			.css('font-weight', 'bold');
		

		$('#data_pic_gall').hide();
		$('#li_pic_gall')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('height', '20px')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('left', $('#li_gen_info').width() + 5);
		
		$('#data_guest_ratings').hide();
		$('#li_guest_ratings')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('height', '20px')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('left', $('#li_pic_gall').width() + 6);
	<!-- /* END - Initial state of tabs */ -->
		

	<!-- /* START - Click function of #li_gen_info */ -->
	$('.tabs .tabNavigation #li_gen_info').click(function() {

		$('#data_gen_info').show();
		$('#li_gen_info')
			.css('background-color', '#FFFFFF')
			.css('height', '21px')
			.css('position', 'absolute')
			.css('font-weight', 'bold')
			.css('left', 0);
		

		$('#data_pic_gall').hide();
		$('#li_pic_gall')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('height', '20px')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('left', $('#li_gen_info').width() + 5);
		
		$('#data_guest_ratings').hide();
		$('#li_guest_ratings')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('height', '20px')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('left', $('#li_pic_gall').width() + 6);
		
	});
	<!-- /* END - Click function of #li_gen_info */ -->

	<!-- /* START - Click function of #li_pic_gall */ -->
	$('.tabs .tabNavigation #li_pic_gall').click(function() {
		
		$('#data_pic_gall').show();

		$('#li_pic_gall')
			.css('background-color', '#FFFFFF')
			.css('color', '#000000')
			.css('position', 'absolute')
			.css('height', '21px')
			.css('font-weight', 'bold')
			.css('left', $('#li_gen_info').width() + 5);
		
		
		$('#data_gen_info').hide();
		$('#li_gen_info')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('height', '20px');
		
		$('#data_guest_ratings').hide();
		$('#li_guest_ratings')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('height', '20px')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('left', $('#li_pic_gall').width() + 6);
	});
	<!-- /* END - Click function of #li_pic_gall */ -->

	<!-- /* START - Click function of #li_guest_ratings */ -->
	$('.tabs .tabNavigation #li_guest_ratings').click(function() {
															   
		$('#data_guest_ratings').show();
		$('#li_guest_ratings')
			.css('background-color', '#FFFFFF')
			.css('color', '#000000')
			.css('position', 'absolute')
			.css('font-weight', 'bold')
			.css('height', '21px')
			.css('left', $('#li_gen_info').width() + $('#li_pic_gall').width() + 10);
		
					
		$('#data_pic_gall').hide();
		$('#li_pic_gall')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('height', '20px')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('left', 1);
		
		$('#data_gen_info').hide();
		$('#li_gen_info')
			.css('background-color', '#EEEEEE')
			.css('color', '#000000')
			.css('position', 'relative')
			.css('font-weight', 'normal')
			.css('height', '20px');
			
	});
	<!-- /* END - Click function of #li_guest_ratings */ -->
<!-- /* --------------------------------------- END TABS CODE ----------------------------------------- */ -->

<!-- /* --------------------------------------- START Image hover to show big version ----------------------------------------- */	-->

	$('#data_pic_gall a').hover(function(e) {
		<!-- //mouse on -->
		var href = $(this).attr('href');
		
		$('<img id="large_img" src="' + href + '" alt="image name here">')
			.css('top', $(this).offset().top + $(this).height())
			.css('left', $(this).offset().left - 136)
			.appendTo('body');
	}, function(){
		<!-- //mouse off -->
		$('#large_img').remove();
	});
	
	$('#data_pic_gall a').click(function() {
		return false;									 
	});
	
<!-- /* --------------------------------------- END Image hover to show big version ----------------------------------------- */ -->


});

<!-- /* ======================  END - jquery based javascripts end here ====================== */ -->


<!-- /* ====================== START of simple javascript and it it out of main Ready function of jquery ====================== */ -->

<!-- /* START POPULATING COUNTRIES*/ -->
function populate_countries(){
	path=document.location.href;
	if (window.XMLHttpRequest)
	{<!-- // code for IE7+, Firefox, Chrome, Opera, Safari -->
		xmlhttp=new XMLHttpRequest();
	}
	else
	{<!-- // code for IE6, IE5 -->
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			
			<!-- /* document.getElementById("select_country").innerHTML=xmlhttp.responseText; */ -->
			<!-- /*document.forms['srch_frm'].elements['select_country'].innerHTML=xmlhttp.responseText; */ -->
			<!-- /*document.div['sidebar'].forms['srch_frm'].elements['select_country'].innerHTML=xmlhttp.responseText; */ -->
			
			<!-- /* document.getElementById("select_country").innerHTML=xmlhttp.responseText; */ -->

			document.getElementById("div_select_country").innerHTML=xmlhttp.responseText;
		}
	}
	newpath = path.replace("mainpage", "");
	xmlhttp.open("GET",newpath + "combo_countries/get_countries", true);
	xmlhttp.send();
}
<!-- /* END POPULATING COUNTRIES*/ -->

<!-- /* START POPULATING CITIES*/ -->
function populate_cities(country_code)
{
	path=document.location.href;
	if (country_code=="")
	{
		document.getElementById("div_select_city").innerHTML="";
		return;
	} 
	if (window.XMLHttpRequest)
	{<!-- // code for IE7+, Firefox, Chrome, Opera, Safari -->
		xmlhttp=new XMLHttpRequest();
	}
	else
	{<!-- // code for IE6, IE5 -->
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	  
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("div_select_city").innerHTML=xmlhttp.responseText;
		}
	}
	  
	newpath = path.replace("mainpage", "");
	xmlhttp.open("GET",newpath + "combo_countries/get_countries", true);

	
	xmlhttp.open("GET",newpath + "combo_countries/get_cities/" + country_code, true);
	xmlhttp.send();
}
<!-- /* END POPULATING CITIES*/ -->

<!-- /* ====================== END of simple javascript and it it out of main Ready function of jquery ====================== */ -->