$(document).ready(function(){
	//btns - add span only once
	if ( $('.btn .icon').length == 0 ) { 
		$('.btn-arrow-right').append('<span class="icon icon-arrow-right"></span>');
		$('.btn-arrow-down').append('<span class="icon icon-arrow-down"></span>');
		$('.btn-print').prepend('<span class="icon icon-printer"></span>');
		$('.btn-share').prepend('<span class="icon icon-share"></span>');
		$('.btn-plus').prepend('<span class="icon icon-plus-minus"></span>');
		$('.btn-minus').prepend('<span class="icon icon-plus-minus"></span>');
	}
	
	//expand-collapse
	if ( $('.expand-collapse-trigger span').length == 0 ) { 
		$('.expand-collapse-trigger').prepend('<span />');
	}
	$('.expand-collapse-trigger').click( function() {
		el = $(this);
		if ( !el.hasClass('on') ) {
			$('.expand-collapse-trigger').removeClass('on').next().slideUp('fast');
			el.toggleClass('on').next().slideToggle('fast');
		} else {
			el.removeClass('on').next().slideUp('fast');
		}
	});
        loadCities = function(state, city) {
            if ($("#select-region").val() != "" || state != "") {
                    $("#input-locality").html("");
                    $.ajax({
                            url: "includes/load_city.jsp",
                            dataType: 'json',
                            data: {"state": $("#select-region").val()},
                            success: function(data){
                                //alert(data);
                                    //self.processStoreData(data);
                                if(data.data.length > 0){
                                  if(city != ""){
                                      $("#input-locality").append("<option value=''>*Select a city in this state*</option>");
                                  }else{
                                      $("#input-locality").append("<option value='' selected>*Select a city in this state*</option>");
                                  }
                                  $("#input-locality").append("<option value='All'>*All cities in this state*</option>");
                                  $.each(data.data, function() {
                                      var sel = (city == this['text']) ? " selected " : "";
                                      $("#input-locality").append("<option"+sel+"  value='"+this['text']+"'>"+this['text']+"</option>\n");
                                  });
                                }else{
                                    $("#input-locality").append("<option value=''>*no city available*</option>");
                                }
                            },
                            error: function(theRequest, textStatus, errorThrown){
                                    alert("We are sorry, an error occured while trying to retrieve city information.\nPlease try again.");
                            }
                    });
            }
            else {
                   //
            }
	};
        onCityChanged = function() {
            if ($("#input-locality").val() != "") {
                $("#form-contact-us").submit();
            }
            else {
                   //
            }
	};
	
});