// Constants
var ajax_addr = web_addr + 'ajax/';
var result_per_page = 10;
var map_mode = 0;
var tag_class;
var marker_ids = new Array();
//HIGHLIGHT MAP START-------------------------------------------------------------------------------------------------
function highlight_map(area_id) {
	tag_class = $('t_' + area_id).className;
	if((tag_class) == "zero_result") {
		$('t_' + area_id).className = "zero_color";
	}
	else {
		$('t_'+area_id).className = "nonzero_color";
//		$('a_'+area_id).href = "javascript: set_search( "+area_id+", 'area',true)";
	}s
	var total_map = $('map_total').childNodes;
	var map_id = 'area_'+area_id;
	$('map_dflt').className = "div_hidden";
	if(area_id == 0) {
		$('map_all').className = "";
	}
	else {
		for(var i=0; i<total_map.length; i++) {
			if(total_map[i].id == map_id)
				$(map_id).className = "";
			}
		}
	}

function unhighlight_map(area_id) {
	$('t_'+area_id).className = tag_class;
	var total_map = $('map_total').childNodes;
	for(var i=0; i<total_map.length; i++) {
		if(total_map[i].id == "map_dflt") total_map[i].className = "";
		else total_map[i].className = "div_hidden";
	}
}

//HIGHLIGHT MAP END----------------------------------------------------
// Toggle display: visible and not-visible
function toggle_visibility(containerId) {
	if($(containerId).style.display == 'none' || $(containerId).style.display == '') {
		$(containerId).style.display = 'block';
	}
	else {
		$(containerId).style.display = 'none';
	}
}

function hide_element(containerId) {
	try {
		$(containerId).style.display = 'none';
	}
	catch(e) {}
}

function show_element(containerId) {
	try {
		$(containerId).style.display = 'block';
	}
	catch(e) {}
}

//set office area in contac us - lease office

function set_office_area(areavalue) {
	$('total_size_text').value = areavalue;
	$('contact_us_select_0').value = 'sqmG';
	show_info('area_info_help','area_info'); //Close the info box
}

//get last opened info box id
var show_info_id = null;
function show_info(type,id,mode,value) {
	var selectlist = $$('select[id*=contact_us_select]');
	if(show_info_id == id) {

		switch(id) {
			//IE BUG
			case 'location_info':
			case 'area_info':
			selectlist.each(function(num,index){$(''+selectlist[index].id+'').show();});
			break;
			default:break;
		}
		$('unit_info_box').hide();
		show_info_id = null;
	}
	else {
		show_info_id = id;
		$('unit_info_box').innerHTML = '';
		var coordinates = $(''+id+'').viewportOffset();
		if(mode) $('unit_info_box').style.left = ( coordinates[0] - 60 ) +'px';
		else $('unit_info_box').style.left = 230 +'px';
	  $('unit_info_box').style.top = ( coordinates[1]  + 15  + getScrollXY('y') )+'px';

	  new Ajax.Updater('unit_info_box',ajax_addr+'ajax_infotab.php',{
			parameters: {t:type,v:value},
			onComplete: function(resp) {

				switch(id) {
					//IE BUG
					case 'location_info':
						selectlist.each(function(num,index){$(''+selectlist[index].id+'').hide();});
						$('unit_info_box').style.width = 300 +'px';
						break;
					case 'area_info':
					selectlist.each(function(num,index){$(''+selectlist[index].id+'').hide();});

					//$('contact_us_select_1').hide();
					//$('contact_us_select_2').hide();
					$('unit_info_box').style.width = 600 + 'px';break;
					default:
					$('unit_info_box').style.width = 300 +'px';
					break;
				}
				show_element('unit_info_box');
				if(mode) {
					setTimeout('hide_element(\'unit_info_box\')',10000);
				}
			}
		});
	}
}

function show_refer() {
	toggle_visibility('refer_box');
          new Ajax.Updater('refer_box',ajax_addr+'ajax_referform.php');

}

function show_quick_search() {
	$('search4_box').style.display = 'block';
	$('result_box').style.display = 'none';
	hide_element('search4');
}

function reset_search(searchType, searchMode) {
	hide_element('search'+searchType+'_box');
	new Ajax.Updater('search'+searchType+'_bar', ajax_addr+'set_search.php', {
		parameters: {v:0, t:searchType, m:searchMode},
		onComplete: function(resp) {
			update_search(searchType, searchMode);
		}
	});
}

function set_search(searchVal, searchType, searchMode) {
	hide_element('search'+searchType+'_box');
	new Ajax.Updater('search'+searchType+'_bar', ajax_addr+'set_search.php', {
		parameters: {v: searchVal, t: searchType, m: searchMode},
		onComplete: function(resp) {
			switch(searchMode) {
				case 1:
					search_unit(searchMode);
					switch(searchType) {
						case 1:
							update_search(2, 1);
							update_search(3, 1);
							break;
						case 2:
							update_search(1, 1);
							update_search(3, 1);
							break;
						case 3:
							update_search(1, 1);
							update_search(2, 1);
							break;
						case 4:
							reset_search(1, 1);
							reset_search(2, 1);
							reset_search(3, 1);
							break;
						case 5:
							reset_search(1, 1);
							reset_search(2, 1);
							reset_search(3, 1);
							break;
					}
					break;
				case 2:
					search_unit(searchMode);
					switch(searchType) {
						case 1:
							update_search(2, 2);
							break;
						case 2:
							update_search(1, 2);
							break;
						case 4:
							reset_search(1, 2);
							reset_search(2, 2);
							break;

						case 5:
							reset_search(1, 2);
							reset_search(2, 2);
							break;
					}
					break;
				case 3:
					search_compound();
					switch(searchType) {
						case 1:
							update_search(2, 3);
							break;
						case 2:
							update_search(1, 3);
							break;
						case 4:
							reset_search(1, 3);
							reset_search(2, 3);
							break;

						case 5:
							reset_search(1, 3);
							reset_search(2, 3);
							break;
					}
					break;
			}
		}
	});
}

//Search complex name of compound
function complex_search() {
	if($('compound_name').value.length > 2) {
		// Show the compound result box
		show_element('compound_results');
		$('compound_results').className = "compound_result_box";
		new Ajax.Updater('compound_results', ajax_addr+'complex_search.php', {
			parameters: {cmpnd_name: $('compound_name').value}
		});
	}
	else if ($('compound_name').value.length < 1) {
		hide_element('compound_results');
	}
}

function search_unit(searchMode) {
	//alert(mapLoadType);
	new Ajax.Request(ajax_addr+'search_results.php', {
		onComplete: function(resp) {
			//~ alert(resp.responseText);
			try {
				json = resp.responseText.evalJSON();
				show_element('result_box');
				show_element('search4');
				hide_element('search4_box');
//--------------------------------------------------CHANGE MARKERS COLOR AND CONTENT
				for(var k = 0; k < marker_ids.length; k++ ) {
					if(gmarkers[marker_ids[k]] != null) {
						gmarkers[marker_ids[k]].setImage("images/map/" + (mapLoadType == 3 ? 'c2.gif':'r2.gif'));
						complex_window_change( marker_ids[k], searchMode );
					}
				}
//--------------------------------------------------CHANGE MARKERS COLOR AND CONTENT
				if(map_mode) {
					format_results_map(json, 0);
				}
				else {
					format_results(json, 0);
				}
			}
			catch(e) {}
		}
	});
}

function search_compound() {
	//alert(mapLoadType);
	new Ajax.Request(ajax_addr+'search_results.php', {
		onComplete: function(resp) {
			try {
				json = resp.responseText.evalJSON();
				show_element('result_box');
				show_element('search4');
				hide_element('search4_box');
//--------------------------------------------------CHANGE MARKERS COLOR AND CONTENT
				for(var k = 0; k < marker_ids.length; k++ ) {
					if(gmarkers[marker_ids[k]] != null) {
						gmarkers[marker_ids[k]].setImage("images/map/" + (mapLoadType == 3 ? 'c2.gif':'r2.gif'));
					}
				}
//--------------------------------------------------CHANGE MARKERS COLOR AND CONTENT
				if(map_mode) {
					format_compound_results_map(json, 0);
				}
				else {
					format_compound_results(json, 0);
				}
			}
			catch(e) {}
		}
	});
}

function format_compound_results(compounds, page, compoundId) {
	var output = "";
	var i = page * result_per_page;
	if((page+1)*result_per_page < compounds.length) {
		var limit = (page+1)*result_per_page;
	}
	else {
		var limit = compounds.length;
	}
	for(i; i<limit; i++) {
		output += '<div class="result_wrapper">';
		if(compoundId == compounds[i].id) {
			output += '<div class="result selected">';
		}
		else {
			output += '<div class="result">';
		}
		output += '<div class="result_inner">';
		output += '<div class="result_details">';
		output += '<p><a href="'+web_addr+'office-info.php?cid='+compounds[i].id+'">'+compounds[i].line1+'</a></p>';
		output += '<p><a href="'+web_addr+'office-info.php?cid='+compounds[i].id+'">'+compounds[i].line2+'</a></p>';
		output += '<p><a href="'+web_addr+'office-info.php?cid='+compounds[i].id+'">'+compounds[i].line3+'</a></p>';
		output += '</div>';
		output += '<div class="result_thumb">';
		output += '<img src="'+compounds[i].photo_src+'" alt=""/>';
		output += '</div>';
		output += '<div style="clear:both"></div>';
		output += '</div>';
		output += '</div>';
		output += '</div>';
	}

	if((compounds.length/result_per_page - Math.floor(compounds.length/result_per_page)) > 0) {
		max_page = Math.floor(compounds.length/result_per_page) + 1;
	}
	else {
		max_page = Math.floor(compounds.length/result_per_page);
	}
	var page_str = "<ul>";
	for(page_num = 0; page_num < max_page; page_num++) {
		var page_min = (page_num*10)+1;
		if((page_num+1)*10 > compounds.length) {
			var page_max = compounds.length;
		}
		else {
			var page_max = (page_num+1)*10;
		}
		if(page == page_num) {
			page_str += '<li class="selected">'+page_min+'-'+page_max+'</li>';
		}
		else {
			page_str += '<li><a href="javascript: void(0)" onclick="results_jumpto2('+page_num+')">'+page_min+'-'+page_max+'</a></li>';
		}
	}
	page_str += "</ul>";
	$("result_page_top").innerHTML = page_str;
	$("search_results").innerHTML = output;
	$("result_page_bottom").innerHTML = page_str;
}

function format_compound_results_map(compounds, page) {
	//alert(mapLoadType);
	var output = "";
	var i = page * result_per_page;
	if((page+1)*result_per_page < compounds.length) {
		var limit = (page+1)*result_per_page;
	}
	else {
		var limit = compounds.length;
	}

	for(i; i<limit; i++) {
		output += '<div class="result_wrapper">';
		output += '<div class="result">';
		output += '<div class="result_inner">';
		output += '<div class="result_details">';
		output += '<p><a href="javascript: void(0)" onclick="complex_window_com('+compounds[i].id+')">'+compounds[i].line1+'</a></p>';
		output += '<p><a href="javascript: void(0)" onclick="complex_window_com('+compounds[i].id+')">'+compounds[i].line2+'</a></p>';
		output += '<p><a href="javascript: void(0)" onclick="complex_window_com('+compounds[i].id+')">'+compounds[i].line3+'</a></p>';
		output += '</div>';
		output += '<div class="result_thumb">';
		output += '<img src="'+compounds[i].photo_src+'" alt=""/>';
		output += '</div>';
		output += '<div style="clear:both"></div>';
		output += '</div>';
		output += '</div>';
		output += '</div>';
	}
	if((compounds.length/result_per_page - Math.floor(compounds.length/result_per_page)) > 0) {
		max_page = Math.floor(compounds.length/result_per_page) + 1;
	}
	else {
		max_page = Math.floor(compounds.length/result_per_page);
	}
	var page_str = "<ul>";
	for(page_num = 0; page_num < max_page; page_num++) {
		var page_min = (page_num*10)+1;
		if((page_num+1)*10 > compounds.length) {
			var page_max = compounds.length;
		}
		else {
			var page_max = (page_num+1)*10;
		}
		if(page == page_num) {
			page_str += '<li class="selected">'+page_min+'-'+page_max+'</li>';
		}
		else {
			page_str += '<li><a href="javascript: void(0)" onclick="results_jumpto2('+page_num+')">'+page_min+'-'+page_max+'</a></li>';
		}
	}
	page_str += "</ul>";
	$("result_page_top").innerHTML = page_str;
	$("search_results").innerHTML = output;
	$("result_page_bottom").innerHTML = page_str;
	//----------------------------------------------GOOGLE MAP MARKER CHANGE START

	for(var j = 0; j< compounds.length; j++) {
		marker_ids[j] = compounds[j].id;
		if(gmarkers[compounds[j].id]) {
			gmarkers[compounds[j].id].setImage("images/map/"+ (mapLoadType == 3 ? 'c1.gif':'r1.gif'));
			//GEvent.removeListener(handler[compounds[j].id]);
			//complex_window_com(compounds[j].id);
		}
	}

	//----------------------------------------------GOOGLE MAP MARKER CHANGE END

}

// Update search box
function update_search(searchType, searchMode) {
	$('search'+searchType+'_box').innerHTML = '<img src="images/www/wait.gif"/> Loading...';
	new Ajax.Updater('search'+searchType+'_box', ajax_addr+'update_search_box.php', {
		parameters: {t: searchType, m: searchMode}
	});
}

// Format search result to HTML
function format_results(units, page, unitId) {
	var output = "";
	var i = page * result_per_page;
	if((page+1)*result_per_page < units.length) {
		var limit = (page+1)*result_per_page;
	}
	else {
		var limit = units.length;
	}
	for(i; i<limit; i++) {
		output += '<div class="result_wrapper">';
		output += '<div id="resultunit'+units[i].id+'" class="';
		if(unitId == units[i].id) {
			output += 'result selected';
		}
		else {
			output += 'result';
		}
		output += '">';
		output += '<div class="result_inner">';
		output += '<div class="result_details">';
		output += '<p><a href="'+web_addr+'unit-info.php?uid='+units[i].id+'">'+units[i].line1+'</a></p>';
		output += '<p><a href="'+web_addr+'unit-info.php?uid='+units[i].id+'">'+units[i].line2+'</a></p>';
		output += '<p><a href="'+web_addr+'unit-info.php?uid='+units[i].id+'">'+units[i].line3+'</a></p>';
		output += '</div>';
		output += '<div class="result_thumb">';
		output += '<img src="'+units[i].photo_src+'" alt=""/>';
		output += '</div>';
		output += '<div style="clear:both"></div>';
		output += '</div>';
		output += '</div>';
		output += '</div>';
	}
	if((units.length/result_per_page - Math.floor(units.length/result_per_page)) > 0) {
		max_page = Math.floor(units.length/result_per_page) + 1;
	}
	else {
		max_page = Math.floor(units.length/result_per_page);
	}
	var page_str = "<ul>";
	for(page_num = 0; page_num < max_page; page_num++) {
		var page_min = (page_num*10)+1;
		if((page_num+1)*10 > units.length) {
			var page_max = units.length;
		}
		else {
			var page_max = (page_num+1)*10;
		}
		if(page == page_num) {
			page_str += '<li class="selected">'+page_min+'-'+page_max+'</li>';
		}
		else {
			page_str += '<li><a href="javascript: void(0)" onclick="results_jumpto('+page_num+', '+unitId+')">'+page_min+'-'+page_max+'</a></li>';
		}
	}
	page_str += "</ul>";
	$("result_page_top").innerHTML = page_str;
	$("search_results").innerHTML = output;
	$("result_page_bottom").innerHTML = page_str;
}

// Format search result to HTML
function format_results_map(units, page, unitId) {

	var output = "";
	var i = page * result_per_page;
	if((page+1)*result_per_page < units.length) {
		var limit = (page+1)*result_per_page;
	}
	else {
		var limit = units.length;
	}
	for(i; i<limit; i++) {
		output += '<div class="result_wrapper">';
		output += '<div id="resultunit'+units[i].id+'" class="';
		if(unitId == units[i].id) {
			output += 'result selected';
		}
		else {
			output += 'result';
		}
		output += '">';
		output += '<div class="result_inner">';
		output += '<div class="result_details">';
		output += '<p><a href="javascript: void(0)" onclick="unit_window('+units[i].compound_id+', '+units[i].id+')">'+units[i].line1+'</a></p>';
		output += '<p><a href="javascript: void(0)" onclick="unit_window('+units[i].compound_id+', '+units[i].id+')">'+units[i].line2+'</a></p>';
		output += '<p><a href="javascript: void(0)" onclick="unit_window('+units[i].compound_id+', '+units[i].id+')">'+units[i].line3+'</a></p>';
		output += '</div>';
		output += '<div class="result_thumb">';
		output += '<img src="'+units[i].photo_src+'" alt=""/>';
		output += '</div>';
		output += '<div style="clear:both"></div>';
		output += '</div>';
		output += '</div>';
		output += '</div>';
	}

	if((units.length/result_per_page - Math.floor(units.length/result_per_page)) > 0) {
		max_page = Math.floor(units.length/result_per_page) + 1;
	}
	else {
		max_page = Math.floor(units.length/result_per_page);
	}
	var page_str = "<ul>";
	for(page_num = 0; page_num < max_page; page_num++) {
		var page_min = (page_num*10)+1;
		if((page_num+1)*10 > units.length) {
			var page_max = units.length;
		}
		else {
			var page_max = (page_num+1)*10;
		}
		if(page == page_num) {
			page_str += '<li class="selected">'+page_min+'-'+page_max+'</li>';
		}
		else {
			page_str += '<li><a href="javascript:results_jumpto('+page_num+','+unitId+')">'+page_min+'-'+page_max+'</a></li>';
		}
	}
	page_str += "</ul>";
	$("result_page_top").innerHTML = page_str;
	$("search_results").innerHTML = output;
	$("result_page_bottom").innerHTML = page_str;
	//----------------------------------------------GOOGLE MAP MARKER CHANGE START
	for(var j = 0; j< units.length; j++) {
		marker_ids[j] = units[j].compound_id;
		if(gmarkers[units[j].compound_id]) {
			gmarkers[units[j].compound_id].setImage("images/map/" + (mapLoadType == 3 ? 'c1.gif':'r1.gif'));
			//GEvent.removeListener(handler[units[j].compound_id]);
			//unit_window_change(units[j].compound_id, units[j].id);
		}
	}

	//----------------------------------------------GOOGLE MAP MARKER CHANGE END
}

// Results are formated into serveral pages
// This function will show results based on the page
function results_jumpto(page, unitId) {
	if(map_mode) {
		format_results_map(json, page, unitId);
	}
	else {
		format_results(json, page, unitId);
	}
}

function results_jumpto2(page, compoundId) {
	if(map_mode) {
		format_compound_results_map(json, page);
	}
	else {
		format_compound_results(json, page, compoundId);
	}
}

function photo_results_jumpto(page,photo,unitid){
	new Ajax.Updater('result_page_photo_sidebar', ajax_addr+'ajax_photo_menu.php', {
		parameters: {t:'result_page_photo_sidebar',page: page, photo: photo,unitid:unitid}
	});
	}
	
function fetch_to_main_area(photoid,unitid){
	new Ajax.Updater('main_photo',ajax_addr+'ajax_photo_menu.php',{
		parameters:{t:'main_photo_area',photoid:photoid,unitid:unitid}
		});
	}

function refresh_photo(topnum,endnum,unitid){
	new Ajax.Updater('photo_on_showbar',ajax_addr+'ajax_photo_menu.php',{
	parameters:{t:'photo_on_showbar',topnum:topnum,endnum:endnum,unitid:unitid}
	});
	}

function init1(unitId) {
	new Ajax.Request(ajax_addr+'search_results.php', {
		onComplete: function(resp) {
			// Check if this calls return any results or not
			try {
				json = resp.responseText.evalJSON();
				show_element('search4');
				show_element('result_box');
				var page = which_results_page(json, unitId);
				format_results(json, page, unitId);
			}
			catch(e) {
				show_element('search4_box');
			}
		}
	});
}

function init2(unitId) {
	new Ajax.Request(ajax_addr+'search_results.php', {
		onComplete: function(resp) {
			// Check if this calls return any results or not
			try {
				json = resp.responseText.evalJSON();
				show_element('search4');
				show_element('result_box');
				var page = which_results_page(json, unitId);
				format_results(json, page, unitId);
			}
			catch(e) {
				show_element('search4_box');
			}
		}
	});
}

function init3(compoundId) {
	new Ajax.Request(ajax_addr+'search_results.php', {
		onComplete: function(resp) {
			// Check if this calls return any results or not
			try {
				json = resp.responseText.evalJSON();
				show_element('search4');
				show_element('result_box');
				var page = which_results_page(json, compoundId);
				format_compound_results(json, page, compoundId);
			}
			catch(e) {
				show_element('search4_box');
			}
		}
	});
}


// Counts which page is this ID at
function which_results_page(json, someId) {
	for(var i=0; i<json.length; i++) {
		if(json[i].id == someId) {
			return Math.floor(i / result_per_page);
		}
	}
	return 0;
}

// Show section in unit_info.php and compound_info.php
// Details, (Floorplan), Photos, Map
function show_section(typeId) {
	hide_element('unit_info_box');
	var tag = new Array();
	var arrayCounter = 0;
	for(var i=0; i<$('info_tab').childNodes.length; i++) {
		if($('info_tab').childNodes[i].nodeType == 1) {
			tag[arrayCounter] = i;
			arrayCounter++;
		}
	}

	for(var i=0; i<tag.length; i++) {
		$('info_tab').childNodes[tag[i]].className = "";
	}
	$('info_tab').childNodes[tag[(typeId-1)]].className = "selected";
	var tag = new Array();
	var arrayCounter = 0;
	for(var i=0; i<$('center_content').childNodes.length; i++) {
		if($('center_content').childNodes[i].nodeType == 1) {
			tag[arrayCounter] = i;
			arrayCounter++;
		}
	}
	for(var i=0; i<tag.length; i++) {
		$('center_content').childNodes[tag[i]].style.display = "none";
	}
	$('center_content').childNodes[tag[(typeId-1)]].style.display = "block";
}

function fetch_photo(photoId) {
	$('photo_showcase').getElementsByTagName('img')[0].src = web_addr +'images/www/wait_photo.gif';
	var tempImg = new Image();
	tempImg.src = web_addr + 'photos/web/web_'+photoId+'.jpg';
	tempImg.onload = function() {$('photo_showcase').getElementsByTagName('img')[0].src = tempImg.src;}
}

function search_map(loadType) {
	$('search_tab').className = '';
	$('map_tab').className = 'selected';
	if($('client_tab')) $('client_tab').className = '';
	hide_element('info_tab');
	map_mode = 1;
/////////////////////////////////////////////////////////MOVE LOAD MAP TO HERE
	load_map(loadType);
/////////////////////////////////////////////////////////MOVE LOAD MAP TO HERE
	new Ajax.Request(ajax_addr+'search_results.php', {
		onComplete: function(resp) {
			// Check if this calls return any results or not
			try {
				json = resp.responseText.evalJSON();
				if(loadType == 3) {
					format_compound_results_map(json, 0);
				}
				else {
					format_results_map(json, 0);
				}
			}
			catch(e) {
				// Silent Error
			}
		}
	});
}

//MAP ONLY when clicking result unit in leftcol the left part become red
var selectedUnit = 0;
function hightlight_selected_unit(unitId) {
	if(selectedUnit != unitId) {
		if($('resultunit'+selectedUnit) && selectedUnit) $('resultunit'+selectedUnit).className = 'result';
		if($('resultunit'+unitId)) {
			$('resultunit'+unitId).className = 'result selected';
			selectedUnit = unitId;
		}
		else selectedUnit = 0;

	}

}

function popup_link(type, fullscreen, value) {
	$('unit_info_box').hide();
	var url;
	switch(type) {
		case 'facebook':
		url = 'http://www.facebook.com/sharer.php?u='+window.location;break;
		case 'google':
		url = 'http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+window.location+'&title='+value;break;
	}
	if(fullscreen) {
		window.open(url);
	}
	else {
		window.open(url, '', 'width=800, height=600');
	}
}

function tell_friend() {
	if(validate(2))
	{
		new Ajax.Request(ajax_addr+'refer.php', {
		parameters: 't=refer&'+$('refer_form').serialize(),
		onComplete: function(resp) {
			//Clear the form
			$('refer_form').reset();
			//Hide the form
			hide_element('refer_box');
			//Notice user
			alert(resp.responseText);
			}
		});
	}
}
//For validate form on submit ------------------------------------------------------//
function validateForm(submitid,type) {
	if( type == 'ask_question' ) { var id = 'ask_a_question'; var ext = 'ask_'; }
	else { var id = $(''+submitid+'').form.id; var ext = ''; };
	var data = $(''+id+'').serialize();
	formeffect(id);
	new Ajax.Request (ajax_addr + 'ajax_validateform.php',{
		method:'post',
		parameters: 'tp='+type+'&'+data,
		onComplete: function(resp) {
			var errormsg = resp.responseText.evalJSON();
			if( resp.responseText == 0 ) {
				if( type == 'ask_question' ) {
					new Ajax.Updater('upper_div',ajax_addr+'ajax_formtab.php',{
						parameters:{t:'thank_you'},
						onComplete:function(resp) {
//							setTimeout('close_element(\'upper_div\')',1000);
						}
					});
				}
				else window.location = web_addr + 'thankyou.php';
			}
			else {
				formeffect(id);
				if($('captchacode')) {
					$('captchacode').value = '';
					randomcaptcha();
				}
				for ( a = 0; a < errormsg.length; a++ ) {
				if (errormsg[a].cause) {
					if($(''+errormsg[a].element+'_warning')) {
					$(ext+'global_warning').innerHTML = '* please enter the information';
					$(ext+'global_warning').className = 'warning';
					$(ext+'global_warning').style.display= 'block';
					$(''+errormsg[a].element+'').style.color = '#B22222';
					$(''+errormsg[a].element+'_warning').innerHTML = errormsg[a].cause;
					$(''+errormsg[a].element+'_warning').style.display = 'block';
					}
					else continue;
				}
				else  {
					if($(''+errormsg[a].element+'_warning')) {
					$(''+errormsg[a].element+'').style.color ='black';
					$(''+errormsg[a].element+'_warning').style.display = 'none';
					}
					else continue;
				}
				}

			}

		}
	});
}

function focus_first_form_element(id) {
	$(''+id+'').focusFirstElement();
}
///FAQ CONTENT
function faqcontent(choosefaq) {
//	var faq_array = $$('div[class~="faq_content"]');
//	for ( a = 0; a < faq_array.length;a++) {
//		if( (a+1) == choosefaq ) {
//			toggle_visibility('faq_'+choosefaq);
//		}
//		else {
//			$(faq_array[a].id).hide();
//			$('faq_link_'+(a+1)).innerHTML = '<img src="images/www/show.gif" />';
//		}
//	}
	toggle_visibility('faq_'+choosefaq);


	var display = $('faq_'+choosefaq).style.display;

	if ( display == 'none' || display == '') {
		$('faq_link_'+choosefaq).innerHTML = '<img src="images/www/show.gif" />';
	}
	else {
		$('faq_link_'+choosefaq).innerHTML = '<img src="images/www/hide.gif" />';
//		alert($$('div[id^="faq_"]');
//		$('faq_'+choosefaq).scrollIntoView();

//		var place = $('faq_link_'+id).viewportOffset();
//		window.scrollTop = place[1];

	}

}

var selecttotal;
function show_top_layer(type,width,height) {
	var selectlist = $$('select[id*=contact_us_select]');
	selectlist.each(function(num,index){$(''+selectlist[index].id+'').hide();});

	$('transparent_layer').style.width = ( getFullWH('w') + 200 ) +'px';
	$('transparent_layer').style.height = ( getFullWH('h') +getSizeWH('h') ) +'px';
	$('transparent_layer').style.display = 'block';
	document.documentElement.style.overflow = "hidden";

	var positiontop = ( getSizeWH('h') / 2 + getScrollXY('y')) - ( height/2 ) - 50;
	var positionleft = ( getSizeWH('w') / 2 ) - (width/2);
	$('upper_div').style.top = positiontop + 'px';
	$('upper_div').style.left = positionleft + 'px';
	//$('upper_div').style.height = height + 'px';
	$('upper_div').style.width = width + 'px';
	$('upper_div').style.display = 'block';

	new Ajax.Updater('upper_div',ajax_addr+'ajax_formtab.php',{
		parameters: {t:type},
		onComplete: function(resp) {
			$('ask_a_question').focusFirstElement();
//			randomcaptcha();

		}
	});

}

function close_element(id) {
	$('transparent_layer').style.display = 'none';
	$('upper_div').style.display = 'none';
	if(document.forms[0])focus_first_form_element(document.forms[0].id);
	if(userbrowser == 'ie')document.documentElement.style.overflow = "scroll";
	else document.documentElement.style.overflow = "visible";
	var selectlist = $$('select[id*=contact_us_select]');
	selectlist.each(function(num,index){$(''+selectlist[index].id+'').show();});
}

function randomcaptcha() {

var d = new Date();
new Ajax.Request(ajax_addr+'ajax_formtab.php', {
	method: 'post',
	parameters:{t:'recaptcha'},
	onComplete: function(resp) {
		$('captchaimage').innerHTML =
		'<img src="'+web_addr+'includes/captchaimage.php?ran='+d.getTime()+'" onclick="randomcaptcha()" />';
	}
});

}

var win;
function open_childwindow(picid) {
	if(win && win.open){ win.close(); }
	win = window.open(web_addr+'popup.php','','resizable=no,height=550,width=550,scroll:no');
//'height: 300px; width: 400px; edge: Sunken; center: Yes; help:No; resizable: No; status: no;scroll:no'
//	var text = '<a href="javascript:window.close()">Click me</a>';

	new Ajax.Request(ajax_addr+'ajax_popupwindow.php', {
		method: 'post',
		parameters: 't=picturedetail&v='+picid,
		onComplete: function(resp) {
			var text = resp.responseText;
				win.document.open();
				win.document.write(text);
				win.document.close();
				win.document.title = document.title;
		}
	});

	win.focus();



}

function formTextArea(elem,textmode) {
	if(textmode) {
		if(!elem.value) {
			elem.setStyle({
				color:'gray'
			});
			switch(textmode) {
				case 1:
				elem.value = 'decor, your work location, children\'s age, school, pets or any questions';
				break;
				case 2:
				elem.value = 'space use, technical specs, amenities or any questions';
				break;
				default:
				break;
			}
		}
	}
	else {
		if(elem.style.color == 'gray') {
			elem.setStyle({
				color:'black'
			});
			elem.value = '';
		}
	}



}

function resetCalendar(mode) {
	var today = new Date();
	var todaydate = today.getDate();
	var todaymonth = today.getMonth() + 1;
	var todayyear = today.getFullYear();
	var choosedate = $('contact_us_select_date').value;
	var choosemonth = $('contact_us_select_month').value;
	var chooseyear = $('contact_us_select_year').value;
	switch(mode) {
		case '100':
		var getDays = daysInMonth(choosemonth ,chooseyear);

		if($('contact_us_select_date').length > getDays ) {
			var todelete = $('contact_us_select_date').length - getDays;
			for(var dr = 0; dr < todelete; dr++ ) {
				var length = $('contact_us_select_date').length - 1;
				$('contact_us_select_date').remove(length);
			}
		}
		else if ($('contact_us_select_date').length < getDays) {
			for(var da = $('contact_us_select_date').length; da < getDays; da++ ) {
				var dateadd = new Option();
				dateadd.value = da + 1;
				dateadd.text = da + 1;
				$('contact_us_select_date').options.add(dateadd);
			}
		}

		if(chooseyear == todayyear) {
			if(choosemonth > todaymonth) {
				for(var opt = 0; opt < $('contact_us_select_date').length; opt++) {
					$('contact_us_select_date').options[opt].disabled = false;
				}
			}
			else if(choosemonth == todaymonth) {
				if(choosedate < todaydate) $('contact_us_select_date').value = todaydate;
				for(var opt = 0; opt < $('contact_us_select_date').length; opt++) {
					if(opt < todaydate - 1) $('contact_us_select_date').options[opt].disabled = true;
					else $('contact_us_select_date').options[opt].disabled = false;
				}
			}
		}
		else {
			for(var opt = 0; opt < $('contact_us_select_date').length; opt++) {
				$('contact_us_select_date').options[opt].disabled = false;
			}
		}

		break;
		case '001':
		if(chooseyear == todayyear) {
			if(choosemonth < todaymonth) {
				$('contact_us_select_month').value = todaymonth;
				if(choosedate < todaydate) $('contact_us_select_date').value = todaydate;
			}


			for(var opt = 0; opt < $('contact_us_select_date').length; opt++) {
				if(opt < todaydate) $('contact_us_select_date').options[opt].disabled = true;
				else $('contact_us_select_date').options[opt].disabled = false;
			}

			for(var opt = 0; opt < $('contact_us_select_month').length; opt++) {
				if(opt < todaymonth) $('contact_us_select_month').options[opt].disabled = true;
				else $('contact_us_select_month').options[opt].disabled = false;
			}
			resetCalendar('100');
		}
		else {
			for(var opt = 0; opt < $('contact_us_select_date').length; opt++) {
				$('contact_us_select_date').options[opt].disabled = false;
			}
			for(var opt = 0; opt < $('contact_us_select_month').length; opt++) {
				$('contact_us_select_month').options[opt].disabled = false;
			}
		}
		break;
		default:
		break;
	}

}

function daysInMonth(  monthNum,  yearNum ){

	if( monthNum==undefined && yearNum==undefined )
	{
		now = new Date();
		monthNum = now.getMonth()+1;
		yearNum = now.getFullYear();
	}
	else if( monthNum || yearNum || monthNum=="" || yearNum == "" )
	{
		now = new Date();
		if( monthNum==undefined || monthNum=="" )
			monthNum = now.getMonth()+1;
		if( yearNum==undefined || yearNum=="" )
			yearNum = now.getFullYear();
	}
	// turn 01 into 1
	monthNum = Number(monthNum);
	yearNum = Number(yearNum);

	// check if monthNum and yearNum are numbers and whole numbers and monthNum is between 1 and 12
	if( isNaN(monthNum) || isNaN(yearNum) || monthNum%1!=0 || yearNum%1!=0 || monthNum<1 || monthNum>12 ){
		return false;
	}
	// create date
	var d = new Date(yearNum, monthNum, 0);
	return d.getDate();
}


function closeallchild() {
	win.close();
}