$(document).ready(function () {

   
    $('.search_cycle').cycle({
        fx:      'scrollHorz',
        timeout:  0,
		speed: 500,
        pager:   '#nav',
        pagerAnchorBuilder: pagerFactory
    });


    

	
});
    function pagerFactory(idx, slide) {
        var s = idx > 2 ? ' style="display:none"' : '';
        return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
    };
	
function gmap_open(id, type) {
	xgAjax_loadContent("kolom_rechts", "/" + type + "_ajax/" + id + "/");
}

function onhoverimg(obj) {
	var rel = obj.getAttribute("REL").split(";");

	obj.src = "/images/extra_aandacht/" + rel[1];
}

function onoutimg(obj) {
	var rel = obj.getAttribute("REL").split(";");

	obj.src = "/images/extra_aandacht/" + rel[0];
}

function submitAanvraag() {
	var obj = document.getElementById('bezichtig');

	var inputs = obj.getElementsByTagName("INPUT");
    var textareas = obj.getElementsByTagName("TEXTAREA");
    var selects = obj.getElementsByTagName("SELECT");

	var getstr = "";

    for (i=0; i<textareas.length; i++) {
        getstr += "&" + textareas[i].name + "=" + escape(textareas[i].value);
    }

    for (i=0; i<inputs.length; i++) {
        if (inputs[i].type == "text") {
            getstr += "&" + inputs[i].name + "=" + escape(inputs[i].value);
        }
        if (inputs[i].type == "password") {
            getstr += "&" + inputs[i].name + "=" + escape(inputs[i].value);
        }
        if (inputs[i].type == "hidden") {
            getstr += "&" + inputs[i].name + "=" + inputs[i].value;
        }
        if (inputs[i].type == "checkbox") {
            if (inputs[i].checked) {
                getstr += "&" + inputs[i].name + "=" + inputs[i].value;
            } else {
                getstr += "&" + inputs[i].name;
            }
        }
        if (inputs[i].type == "radio") {
            if (inputs[i].checked) {
                getstr += "&" + inputs[i].name + "=" + inputs[i].value;
            }
        }
    }

    for (i=0; i<selects.length; i++) {
        var sel = selects[i];
        getstr += "&" + sel.name + "=" + sel.options[sel.selectedIndex].value;
    }

	xgAjax_loadContent("load_pand", "/templates_php/aanbod/bezichtig.php?ajax=1" + getstr);
}

function click_aanbod(obj, divId, url) {
	var menu = obj.parentNode;

	var as = menu.getElementsByTagName('SPAN');

	for (var i = 0; i < as.length; i++) {
		as[i].className = "";
	}

	obj.className = 'on';

	xgAjax_loadContent(divId, url);
}

function scrollTo(obj) {
	//blab
	var kollom = document.getElementById('panden');

	var newscroll = findPosY(obj) - 415;

	if (newscroll < 0) {
		newscroll = 0;
	}

	kollom.scrollTop = newscroll;
}

function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

function changeSort(obj, sort) {
	var as = obj.parentNode.getElementsByTagName('SPAN');

	for (var i = 0; i < as.length; i++) {
		as[i].className = "";
	}

	obj.className = 'on';

	if (sort == 'prijs') {
		//prijsarr.sort();
		var tempArr = new Array();

		for ( keyVar in prijsarr ) {
		   tempArr.push(prijsarr[keyVar] + ";" + keyVar);
		}

		tempArr.sort();

		var newArr = new Array();

		for ( keyVar in tempArr ) {
		   newArr.push(tempArr[keyVar].split(";")[1]);
		}
	} else if (sort == 'plaats') {
		var tempArr = new Array();

		for ( keyVar in plaatsarr ) {
		   tempArr.push(plaatsarr[keyVar] + ";" + keyVar);
		}

		tempArr.sort();

		var newArr = new Array();

		for ( keyVar in tempArr ) {
		   newArr.push(tempArr[keyVar].split(";")[1]);
		}
	}

	var newObj = document.getElementById('panden');

	var templink = "";

	for (var i = 0; i < newArr.length; i++) {
		newObj.appendChild(document.getElementById(newArr[i]));

		var link = document.getElementById('link' + newArr[i]);

		if (link.className == "selected") {
			templink = link.parentNode.getElementsByTagName("IMG");
			templink = templink[0];
		}
		/* uncomment if back to top!
		link.removeAttribute('class');

		var imgs = link.parentNode.getElementsByTagName('IMG');

		for (var j = 0; j < imgs.length; j++) {
			link.parentNode.removeChild(imgs[j]);


		if (i == 0) {
			link.setAttribute('class', 'selected');

			var img = document.createElement("IMG");
			img.setAttribute('alt', 'Geselecteerd');
			img.setAttribute('src', '/images/select.gif');

			link.parentNode.appendChild(img);
		}*/
	}

	scrollTo(templink);

}

function openGebouw(id, obj) {
	var panden = document.getElementById('panden');

	var spans = panden.getElementsByTagName("SPAN");

	for (var i = 0; i < spans.length; i++) {
		if (spans[i].className == "titel") {
			var imgs = spans[i].getElementsByTagName("IMG");
			if (imgs.length > 0) {
				spans[i].removeChild(imgs[0]);
			}

			var as = spans[i].getElementsByTagName("A");
			as[0].className = "";
		}
	}

	var as = obj.getElementsByTagName("A");

	for (var i = 0; i < as.length; i++) {
		as[i].className = "selected";
	}

	var brs = obj.getElementsByTagName("BR");

	for (var i = 0; i < as.length; i++) {
		obj.removeChild(brs[i]);
	}

	//<img alt="Geselecteerd" src="/images/select.gif"/>
	var img = document.createElement("IMG");
	img.setAttribute('src', '/images/select.gif');
	obj.appendChild(img);

	var br = document.createElement("BR");
	obj.appendChild(br);

	xgAjax_loadContent("kolom_rechts", "/aanbod_ajax/" + id + "/");
}

function openBedrijf(id, obj) {
	var panden = document.getElementById('panden');

	var spans = panden.getElementsByTagName("SPAN");

	for (var i = 0; i < spans.length; i++) {
		if (spans[i].className == "titel") {
			var imgs = spans[i].getElementsByTagName("IMG");
			if (imgs.length > 0) {
				spans[i].removeChild(imgs[0]);
			}

			var as = spans[i].getElementsByTagName("A");
			as[0].className = "";
		}
	}

	var as = obj.getElementsByTagName("A");

	for (var i = 0; i < as.length; i++) {
		as[i].className = "selected";
	}

	var brs = obj.getElementsByTagName("BR");

	for (var i = 0; i < as.length; i++) {
		obj.removeChild(brs[i]);
	}

	//<img alt="Geselecteerd" src="/images/select.gif"/>
	var img = document.createElement("IMG");
	img.setAttribute('src', '/images/select.gif');
	obj.appendChild(img);

	var br = document.createElement("BR");
	obj.appendChild(br);

	xgAjax_loadContent("kolom_rechts", "/bedrijfspanden_ajax/" + id + "/");
}

function onhoverpand(obj) {
	obj.style.backgroundImage = "url(/images/pandbg.jpg)";
}

function onoutpand(obj) {
	obj.style.backgroundImage = "";
}

function openWindow(pand, type) {

	switch (type) {
		default:
		case "print":
			type = "print";
			var url = "/includes/printopt.php?pand=" + pand;
		break;

		case "pdf":
			type = "pdf";
			var url = "/includes/pdf.php?pand=" + pand;
		break;

		case "nieuws":
			type = "nieuws";
			var url = "/includes/nieuws.php?id=" + pand;
		break;

		case "panorama":
			var url = pand;
		break;
		
		case "3dview":
			var url = pand;
		break;
	}

	window.open(url, null, 'menubar=no,width=850,height=650,toolbar=no,directories=no,resizable=no,scrollbars=yes,location=no,status=yes')
}

function openWindow2(pand, type) {
	switch (type) {
		default:
		case "print":
			type = "print";
			var url = "/includes/printoptb.php?pand=" + pand;
		break;

		case "pdf":
			type = "pdf";
			var url = "/includes/pdfb.php?pand=" + pand;
		break;

		case "panorama":
			var url = pand;
		break;
	}

	window.open(url, null, 'menubar=no,width=850,height=650,toolbar=no,directories=no,resizable=no,scrollbars=yes,location=no,status=yes')
}

function toggleMenu(type) {

	var divbox = document.getElementById('login');
	var rel = divbox.getAttribute('rel');

	switch (type) {
		default:
		case "login":

			var text = '<form method="POST" action="/"><input type="hidden" name="loggin" value="true" style="display: none;" /><div class="loginline"><div class="loginblock">Gebruikersnaam:</div><div class="loginblock"><input type="text" name="username_loggin" /></div></div><div style="clear: left;"></div><div class="loginline"><div class="loginblock">Wachtwoord:</div><div class="loginblock"><input type="password" name="password_loggin" /></div></div><div class="loginline"><div class="loginblock"></div><div class="loginblock"><input type="submit" value="Inloggen" class="loginbut" /></div></div></form>';

		break;

		case "zoeken":
			var inlogfailure = document.getElementById('inlogfailure');
				if (inlogfailure != null) {
					inlogfailure.innerHTML = '';
				}
			var text = '<form method="POST" action="/zoeken"><div class="zoekline">Met deze functie kunt u zoeken binnen deze website.<br /><br /><input type="text" name="sq" class="zoekinput" /> <input type="submit" value="Zoeken" class="zoekbut" /><br /><br />Schrijf u nu geheel vrijblijvend en kosteloos in als woningzoekende, <a href="/zoeker">klik hier</a>.</div></form>';

		break;
	}

	divbox.innerHTML = text;

	// alert('rel.length: ' + rel.length + ', rel:' + rel + ', type: ' + type);

	if (rel != type) {
		animatedcollapse.show('login');
		divbox.setAttribute('rel', type);
	}

	if (rel == type) {
		animatedcollapse.hide('login');
		divbox.setAttribute('rel', '');
	}

}

function open3D(src) {
	if ($("#t3doverlay").length == 0) {
		var overlay = $("<div></div>").appendTo("body");
		$(overlay).attr({
			"id": "t3doverlay"
		}).css({
			width: "100%",
			height: "100%",
			position: "fixed",
			top: "0px",
			left: "0px",
			backgroundColor: "#000",
			zIndex: "22",
			opacity: 0.6
		});
		$(overlay).click(function () {
			close3D();
		});
		
		var iframe = $("<iframe></iframe>").appendTo("body");
		$(iframe).attr({
			"id": "iframe3d"
		}).css({
			width: "90%",
			height: "90%",
			position: "fixed",
			top: "5%",
			left: "5%",
			zIndex: "23",
			border: "0px"
		});
		
		var sluitbutton = $("<img></img>").appendTo("body");
		$(sluitbutton).attr({
			id: "sluitbutton",
			src: "/images/nav_close.png"
		}).css({
			position: "fixed",
			top: "5%",
			left: "95%",
			zIndex: "25",
			border: "0px",
			cursor: "pointer",
			marginLeft: "-20px",
			marginTop: "8px"
		}).click(function () {
			close3D();
		});
	}
	
	$("#iframe3d, #t3doverlay, #sluitbutton").css("display", "block");
	var iframe = $("#iframe3d");
	$(iframe).attr({
		src: src
	});
}

function close3D() {
	$("#iframe3d, #t3doverlay, #sluitbutton").css("display", "none");
}