// Evangelische Gemeente Dieren

function setData(element, key, value) {
    $.data($(element).get(0), key, value);
}

$(document).ready(function() {
    $("#preview_button").click(function () {
        var panel = $("#preview_panel");
        var data = $("#input_content").get(0).value;

        $("#preview_title").html("Voorbeeld");
        $("#preview_title").addClass("sbox_header");
        $("#preview_box").addClass("smallbox");
        $("#preview_panel").addClass("preview_panel");
        $("#preview_panel").text("Bezig met laden...");
        
        $.post("/", { ajaxid: 'preview', 'data': data }, function(data) {
            var html = $('content', data);
            
            var preview = '(leeg)';
            if (html.text().length > 0) {
                preview = html.text();
            }
                
            $("#preview_panel").html(preview);
        });
        
        return false;
    });

    $(".gallerybutton").click(function() {
        var currentNumber = $(this).text();
        var offset = (currentNumber - 1) * 25;

        $(".gallerybutton").each(function() {
            $(this).removeClass("curnav");
        });
        $(this).addClass("curnav");

        var gallery = $.data($(".gallerybutton:first").get(0), 'gallery');
        
        var button = $(this);

        button.text(currentNumber + "...");
        $.post("/", { ajaxid: 'navgetdata', 'offset': offset, 'type': 'gallery', 'gallery': gallery }, function(data) {
            button.text(currentNumber);
            var html = "<table cellspacing=\"0\" cellpadding=\"3\" style=\"width: 90%;\">";
            var counter = 0;
            $('image', data).each(function() {
            
                if (counter == 0) {
                    html += "<tr>";
                }
                var id = $('id', this).text();
                var location = $('location', this).text();
                var width = $('width', this).text();
                var height = $('height', this).text();
                
                var image = "<a href=\"/afbeelding/" + id + "\"><img style=\"border-width: 0px; \" src=\"" + location + "\" width=\"" + width + "\" height=\"" + height + "\" alt=\"\"></img></a>";
                
                html += "<td style=\"text-align: center; width: 128px;\">" + image + "</td>";
                
                if (counter == 4) {
                    counter = 0;
                    html += "</tr>";
                } else {
                    counter++;
                }                
            });
            html += "</table>";
            
            $("#gallery_panel").html(html);
        });
        return false;
    });
    
    /*$(".audiobutton").click(function() {
        var offset = ($(this).text() - 1) * 50;
        
        $(".audiobutton").each(function() {
            $(this).removeClass("curnav");
        });
        $(this).addClass("curnav");
        
        $.post("/", { ajaxid: 'navgetdata', 'offset': offset, 'type': 'audio' }, function(data) {
            alert("RUNS");
        });
        return false;
    });*/
    
    //$.data($(".gallerybutton:first").get(0), 'gallery', 'kd20080914');
    $(".gallerybutton:first").trigger('click');
});


function login(form) {
    var password = form.password.value;
    password = hex_sha1(password);
    form.password.value = '';
    form.hashvalue.value = password;

    return true;
}

function changeSettings(form) {
    // old password
    var oldpw = form.oldpw.value;
    oldpw = hex_sha1(oldpw);
    form.oldpw.value = '';
    form.oldhash.value = oldpw;

    // new password
    var newpw = form.newpw.value;
    var newlength = newpw.length;
    newpw = hex_sha1(newpw);
    form.newpw.value = '';
    form.newhash.value = newpw;
    
    // confirmation
    var secondpw = form.secondpw.value;
    secondpw = hex_sha1(secondpw);
    form.secondpw.value = '';
    form.secondhash.value = secondpw;

    // set length
    form.newlength.value = newlength;

    return true;
}

function insertAtCursor(myField, prefix, suffix, leftOffset) {
	// IE
	if (document.selection) {
		myField.focus();
		sel = document.selection.createRange();
		sel.text = prefix + sel.text + suffix;
	}
	// Mozilla
	else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		myField.value = myField.value.substring(0, startPos)
		+ prefix + myField.value.substring(startPos, endPos) + suffix
		+ myField.value.substring(endPos, myField.value.length);
		myField.selectionStart = startPos + leftOffset;
		myField.selectionEnd = startPos + leftOffset;
	} else {
		myField.value += prefix;
		myField.value += suffix;
	}
	myField.focus();
}

// menubar
sfHover = function() {
	var sfEls = document.getElementById("topmenu").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

// routeplanner
function testResults (form) {
    var adresVar = form.adresBox.value;
    var plaatsVar = form.plaatsBox.value;
    var routeLink ="http://maps.google.nl/?ie=UTF8&hl=nl&q=van "+adresVar+" "+plaatsVar+" naar+Edyweg+6+Spankeren&f=q&sampleq=1";
    window.open(routeLink, 'extra', 'menubar=1, location=1, status=1, toolbar=1, width=800, height=600, resizable=1, scrollbars=1');
}

function GRouteLoad() {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GMapTypeControl());
	map.addControl(new GLargeMapControl());
	var point = new GLatLng(52.055482, 6.109653);
	map.setCenter(point, 14, G_HYBRID_MAP);
	var marker = new GMarker(point);
	map.addOverlay(marker);
	marker.openInfoWindowHtml("<table><tr><td>Evangelische Gemeente Dieren<br>Edyweg 6</td></tr></table>");
	map.addOverlay(createMarker(point));
	}
    function createMarker(point) {
	var marker = new GMarker(point);

	GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml("<table><tr><td>Evangelische Gemeente Dieren<br>Edyweg 6</td></tr></table>");
	});
	return marker;
  }
}

function GRouteLoadMemberMap() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GMapTypeControl());
    map.addControl(new GLargeMapControl());
    var point = new GLatLng(52.055482, 6.109653);
	map.setCenter(point, 14, G_HYBRID_MAP);
	addPoints(map);
  }
}