var $j = jQuery.noConflict();

$j(function() {
	$j("#accordion").accordion({
		active: false,
		autoHeight: false,
		icons: {
			header: "ui-icon-circle-arrow-e",
  			headerSelected: "ui-icon-circle-arrow-s"
		},
		changestart: function(event, ui){
			var clickedId = $j(this).find('.ui-state-active').attr('id');
			
			if (clickedId) {
				var id = clickedId.substring(4);	
				$j.cookie('accordion_locality', id, {path: '/'});
				
				if ($j(this).find('.ui-state-active').next().is('div')) {
					if (!$j(this).find('.ui-state-active').next().children().length) {
						$j(this).find('.ui-state-active').find('.progress_img').show();
						$j.ajax({
							url: 'http://www.rovoyage.com/tourist-zone/ajax-get-locality-by-accordion/code_tourist_zone/' + id,
							dataType: 'json',
							success: function(data) {
								var resultHtml = "";
								for (var i = 0; i < data.length; i++) {
									if ($j('#accordion').find("#tzl_" + data[i]['parent']).next().is('div')) { 

// id=\"" + data[i]['id'] + "\" it's deleted from the next <a>..</a>
										resultHtml += "<a style=\"margin: 10px\" href=\"" + data[i]['href'] + "\"><img alt=\"" + data[i]['title'] +"\" src=\"http://www.rovoyage.com/images/arrow.png\"/>&nbsp;" + data[i]['title'] + "</a><br/>"; 
										$j('#accordion').find("#tzl_" + data[i]['parent']).next().html(resultHtml);
									}
									$j('#accordion').find("#tzl_" + data[i]['parent']).find('.progress_img').hide();
								}
							}
						});	
					}
				}
			}
		}
	});
	var selectedAccordion = $j.cookie('accordion_locality');
	
	if (IsNumeric(selectedAccordion)) {
		$j("#accordion").accordion('activate', selectedAccordion - 1);
	}
});

function IsNumeric(sText) {
	if (!sText) {
		return false;
	}
	var ValidChars = "0123456789";
	var IsNumber=true;
	var Char;
 
	for (i = 0; i < sText.length && IsNumber == true; i++) { 
		Char = sText.charAt(i); 
		if (ValidChars.indexOf(Char) == -1) {
			IsNumber = false;
		}
	}
	return IsNumber;
}