
function onDelete() 
{
    return confirm("Are you sure you want to delete selected record?");
}

var _displayNameBefore = '';
var _displayName = '';
function ShowContact(divName, displayName, address, adressValue, Lat, Long) {
	try {
		ShowGoogleMap(address, adressValue, Lat, Long);
		//ChangeCaption(displayName);
		ChangeInfoWindow(displayName, adressValue, Lat, Long);

		_displayName = displayName;
		_displayNameBefore = $("#cap").text();

		sIFRReplace();
	} catch (e) { }
	return false;
}

function ChangeInfoWindow(displayName, adressValue, Lat, Long) {
	var htm = '<b>' + displayName + '</b>';
	htm += '&nbsp;<br />' + adressValue;

	var coord = new GLatLng(Lat, Long, true);

	map.openInfoWindowHtml(coord, htm);
}

function ChangeCaption(displayName) 
{
    $("#cap").text(displayName);
}


function ShowPopup(divName) 
{
    $("#" + divName).show();
    return false;
}

function clearInput(val, elm) {
  if(elm.value == val) {
    elm.value = '';
  }
}

function fillInput(val, elm) {
  if(elm.value == '') {
    elm.value = val;
  }
}

function observeWizardSteps() {
  $('#duplicate_form').click(function() {
    if($(this).is(':checked')) {
      $('#adres2').val($('#adres1').val());
      $('#postcode2').val($('#postcode1').val());
      $('#plaats2').val($('#plaats1').val());
      $('#geboortedatum2').val($('#geboortedatum1').val());
      $('#email2').val($('#email1').val());
      $('#thuis2').val($('#thuis1').val());
      $('#mobiel2').val($('#mobiel1').val());
    }
  });
  
  $('#hidden_input_controller1').click(function() {
    if($(this).is(':checked')) {
      $('#hidden_input1').show();
    } else {
      $('#hidden_input1').hide();
    }
  });
  
  $('.steps div').click(function() {
      var index = $('.steps div').index(this);
      
      if($(this).hasClass('on')) {
        $('.wizard_step').hide();
        $('.wizard_step:nth-child(' + parseInt(index+2) + ')').show();
        
        if(index == 3) {
          overviewFields();
        }
        
        if(index == 4) {
          if(!$('#accept_checkbox').is(':checked')) {
            alert('You must accept terms and conditions.');
            
            return false;
          }
        }
      }
      
      return false;
  });
}

function nextTo(id, t) {
  var index = $('.wizard_step').index($(id)) - 1;
  
  if(index == 0) {
    if(!validateStep1()) {
      return false;
    }
  }
    
  if(index == 2) {
    overviewFields();
  }
  
  if(index == 3) {
    if(!$('#accept_checkbox').is(':checked')) {
      alert('You must accept terms and conditions.');
      
      return false;
    }
  }
  
  $(t).closest('.wizard_step').hide();
  $(id).show();
  
  $('.steps div:nth-child(' + parseInt(index + 2) + ')').addClass('on');
  
  return false;
}

function backTo(id, t) {
  var index = $('.wizard_step').index($(id)) - 1;
  
  $(t).closest('.wizard_step').hide();
  $(id).show();
  
  return false;
}

function overviewFields() {
  $('#sex1_overview').html($('#sex1').val());
  $('#voorletters1_overview').html($('#voorletters1').val());
  $('#tussenvoegsel1_overview').html($('#tussenvoegsel1').val());
  $('#naam1_overview').html($('#naam1').val());
  $('#adres1_overview').html($('#adres1').val());
  $('#postcode1_overview').html($('#postcode1').val());
  $('#plaats1_overview').html($('#plaats1').val());
  $('#geboortedatum1_overview').html($('#geboortedatum1').val());
  $('#email1_overview').html($('#email1').val());
  $('#thuis1_overview').html($('#thuis1').val());
  $('#mobiel1_overview').html($('#mobiel1').val());
  
  $('#sex2_overview').html($('#sex2').val());
  $('#voorletters2_overview').html($('#voorletters2').val());
  $('#tussenvoegsel2_overview').html($('#tussenvoegsel2').val());
  $('#naam2_overview').html($('#naam2').val());
  $('#adres2_overview').html($('#adres2').val());
  $('#postcode2_overview').html($('#postcode2').val());
  $('#plaats2_overview').html($('#plaats2').val());
  $('#geboortedatum2_overview').html($('#geboortedatum2').val());
  $('#email2_overview').html($('#email2').val());
  $('#thuis2_overview').html($('#thuis2').val());
  $('#mobiel2_overview').html($('#mobiel2').val());
  
  $('#roepnaam_kind1_overview').html($('#roepnaam_kind1').val());
  $('#tussenvoegsel_kind1_overview').html($('#tussenvoegsel_kind1').val());
  $('#achternaam_kind1_overview').html($('#achternaam_kind1').val());
  $('#geboortedatum_kind1_overview').html($('#geboortedatum_kind1').val());
  $('#geslacht_kind1_overview').html($('input[name="geslacht_kind1"]:checked').val());
  $('#bsn_kind1_overview').html($('#bsn_kind1').val());
  $('#school_kind1_overview').html($('#school_kind1').val());
  
  if($('#hidden_input_controller1').is(':checked')) {
    $('#roepnaam_kind2_overview').html($('#roepnaam_kind2').val());
    $('#tussenvoegsel_kind2_overview').html($('#tussenvoegsel_kind2').val());
    $('#achternaam_kind2_overview').html($('#achternaam_kind2').val());
    $('#geboortedatum_kind2_overview').html($('#geboortedatum_kind2').val());
    $('#geslacht_kind2_overview').html($('input[name="geslacht_kind2"]:checked').val());
    $('#bsn_kind2_overview').html($('#bsn_kind2').val());
    $('#school_kind2_overview').html($('#school_kind2').val());
    
    $('#hidden_input1_overview').show();
  } else {
    $('#hidden_input1_overview').hide();
  }
  
  $('#opvang_overview').html($('#opvang').val());
  $('#locatie1_overview').html($('#locatie1').val());
  $('#locatie2_overview').html($('#locatie2').val());
  $('#locatie3_overview').html($('#locatie3').val());
  $('#ingangsdatum_overview').html($('#ingangsdatum').val());
  $('#opmerkingen_overview').html($('#opmerkingen').val().replace(/(\r\n|[\r\n])/g, "<br />"));
}

function validateStep1() {
  var err = 0;
  
  jQuery.each($('#step_1 .green_input'), function() {
    if($(this).val() == '') {
      err++;
      $(this).addClass('error');
    } else {
      $(this).removeClass('error');
    }
  });
  
  if(err == 0) {
    return true;
  } else {
    return false;
  }
}

//region Ggoogle map 
//----------------------------------------------------------------------------------------------------


function createContactMarker(point, index, address, addrValue) {
    // Create a lettered icon for this point using our icon class
    var letter = String.fromCharCode("A".charCodeAt(0) + index);
    var letteredIcon = new GIcon(baseIcon);
    //letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

    // Set up our GMarkerOptions object
    markerOptions = { icon: letteredIcon };

    var marker_num = markers.length;
    var marker = new GMarker(point, markerOptions);

    GEvent.addListener(marker, "click", function() {

        var tabs = [];

        var toDirection = '<div style="display:block" id="todirections' + index + '"> <form onsubmit="return false;">Directions: <b>To here</b> - <a href="javascript:createFromDirections(' + index + ');">From here</a><br />Start address:<br /><input type="text" style="width:200px" id="toAddress' + index + '"><br /><input type="submit" value="Get Directions" onclick="launchToDirections(' + index + ');"></form></div>';

        var fromDirection = '<div style="display:none"  id="fromdirections' + index + '">' +
                                                  '<form onsubmit="return false;">Directions: <a href="javascript:createToDirections(' + index + ');">To here</a> - <b>From here</b><br />' +
            			                          'End address:<br />' + '<input type="text" style="width:200px" id="fromAddress' + index + '"><br />' + '<input type="submit" value="Get Directions" onclick="launchFromDirections(' + index + ');">' +
            			                          '</form></div>';
        tabs.push(new GInfoWindowTab('Dealer info', "<div style='height:140px;'>" + addrValue + "<br/><br/><a href='javascript:createToDirections(" + index + ");'>To here</a> &nbsp;&nbsp; <a href='javascript:createFromDirections(" + index + ");'> From here</a>" + toDirection + fromDirection + "<br/><a href='javascript:ZoomIn" + point.toString().replace(")", "") + "," + index + ");'>Zoom in </a>&nbsp;&nbsp;<a href='javascript:ZoomOut" + point.toString().replace(")", "") + "," + index + ");'>Zoom Out </a>" + "</div>"));
        tabs.push(new GInfoWindowTab('Street view', "<div id='pno' name='pno'><div><a style='cursor:pointer;' href='javascript:SeeStreet" + point + "'>View Street</a><br/><br/><div id='dvError' style='display:none; text-align:center; vertical-align:center;'><b> <br/><br/>Google not support panorama view for this address!</b></div> "));
        marker.openInfoWindowTabsHtml(tabs);

    });

    markers[marker_num] = marker;
    addresses[marker_num] = address;
    return marker;
}

function createMarker(point, index, address, addrValue)
 {

    // Create a lettered icon for this point using our icon class
    var letter = String.fromCharCode("A".charCodeAt(0) + index);
    var letteredIcon = new GIcon(baseIcon);
    //letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

    // Set up our GMarkerOptions object
    markerOptions = { icon: letteredIcon };

    var marker_num = markers.length;
    var marker = new GMarker(point, markerOptions);

    GEvent.addListener(marker, "click", function() {
		ChangeInfoWindow(_displayName, addrValue, point.lat(), point.lng());
    });

    markers[marker_num] = marker;
    addresses[marker_num] = address;
    return marker;
}

function ZoomIn(pointLat, pointLon, index) {
    map.setCenter(new GLatLng(pointLat, pointLon), 19);
    myclick(index);
}

function ZoomOut(pointLat, pointLon, index) {
    map.setCenter(new GLatLng(pointLat, pointLon), 10);
    myclick(index);
}


function SeeStreet(pointLat, pointLon) {
    var fenwayPOV = { yaw: 370.64659986187695, pitch: -20 };
    var fenwayPark = new GLatLng(pointLat, pointLon);
    panoramaOptions = { latlng: fenwayPark };
    var myPano = new GStreetviewPanorama(document.getElementById("pno"), panoramaOptions);
    myPano.setLocationAndPOV(fenwayPark, fenwayPOV);

    panoClient = new GStreetviewClient();
    GEvent.addListener(myPano, "error", handleNoFlash);
    panoClient.getNearestPanorama(fenwayPark, showPanoData);

}

function showPanoData(panoData) {

    if (panoData.code != 200) {
        $('#dvError').show();
        return;
    }
}

function handleNoFlash(errorCode) {
    if (errorCode == 603) {
        alert("Error: Flash doesn't appear to be supported by your browser");
        return;
    }
}


function myclick(i) {
    GEvent.trigger(markers[i], "click");
}

function createToDirections(i) {
    $("#todirections" + i).show();
    $("#fromdirections" + i).hide();
}

function createFromDirections(i) {
    $("#fromdirections" + i).show();
    $("#todirections" + i).hide();
}

function launchFromDirections(i) {
    var fromAddress = document.getElementById('fromAddress' + i);
    window.open('http://maps.google.com/maps?saddr=' + encodeURI(addresses[i]) + '&daddr=' + encodeURI(fromAddress.value) + '&hl=en', 'directions', '');
}

function launchToDirections(i) {
    var toAddress = document.getElementById('toAddress' + i);
    window.open('http://maps.google.com/maps?saddr=' + encodeURI(toAddress.value) + '&daddr=' + encodeURI(addresses[i]) + '&hl=en', 'directions', '');
}

function ShowGoogleMap(adress, adressValue,Lat, Long) 
{
    map.clearOverlays();
    if (Lat == null) 
    {
        Lat = '52.376658';
        Long = '5.223547';
        adress='Randstad 22-61 1316 BT Almere', 'Randstad 22-61 1316 BT Almere <br/>Telefoon   : 036 545 03 77 <br/> Fax  : 036 537 45 91 <br/> Afdeling Planning & Plaatsing Bereikbaar van ma. <br/> t/m vr. van 09:00 uur tot 16:00 uur <br/> E-mail   : info@laluna.nl , planning@laluna.nl ';
    }

    var point1 = new GLatLng(Lat, Long);
    
    map.addOverlay(createMarker(point1, 1, adress, adressValue));
}

//endregion Goole map
//--------------------------------------------------------------------------------------------------

function submitForm(id) {
	var elm = document.getElementById(id.toString());

	if (typeof (elm) != 'undefined' && elm != null) {
		if (id == "checkOut")
			elm.action = elm.action + "#chkout";

		elm.submit();
		return false;
	}

	return true;
}

/* sifMenu click */
function sifMenuLink_Click(TopMenuText) {
	try {
		TopMenuText = TopMenuText.replace(/%20/g, ' ');
		TopMenuText = TopMenuText.replace('%26', '&');
		TopMenuText = TopMenuText.replace('%60', '`');
		TopMenuText = TopMenuText.replace('content=', '');
		var links = document.getElementsByTagName('a');

		for (var i = 0; i < links.length; i++) {
			var CurLink = links[i];
			var CurAttribute = CurLink.getAttribute('Text');
			if (CurAttribute == TopMenuText) {
				var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
				if (!is_chrome) fireEvent(CurLink, 'click');
				//CurLink.click();
			}
		}
	} catch (e) { }
}

function fireEvent(obj, evt) {
	var fireOnThis = obj;
	if (document.createEvent) {
		var evObj = document.createEvent('MouseEvents');
		evObj.initEvent(evt, true, false);
		fireOnThis.dispatchEvent(evObj);
	} else if (document.createEventObject) {
		fireOnThis.fireEvent('on' + evt);
	}
}


/* Additional functions */

function Trim(string) {
	return string.replace(/(^\s+)|(\s+$)/g, "");
}
