var photoMaxWidth = 100;
var isFireFox = navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
var isMSIE = navigator.userAgent.toLowerCase().indexOf("msie") > -1;

function vCardShowHidePhoto(elementId) {
	if(document.getElementById("vCardPhoto" + elementId).style.width == "0px" || 
		document.getElementById("vCardPhoto" + elementId).style.width == "") {
		document.getElementById("vCardPhoto" + elementId).style.display = "block";
		for (var i=0; i<photoMaxWidth; i+=2) {
			var s ="document.getElementById('vCardDropShadow" + elementId + "').style.width = '" + (245 + i) + "px';document.getElementById('vCardPhoto" + elementId + "').style.width = '" + i + "px';"

			window.setTimeout(s , i * 3);
		}
	} else {
		for (var i=photoMaxWidth; i>=0; i-=2) {				
			var s ="document.getElementById('vCardPhoto" + elementId + "').style.width = '" + (photoMaxWidth - i) + "px';document.getElementById('vCardDropShadow" + elementId + "').style.width = '" + (245 + (photoMaxWidth - i)) + "px';"

			window.setTimeout(s , i * 3);
		}
	}
}

var dragobject = {
	z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0, originX : 0, originY : 0,
	initialize:function(){
		document.onmousedown=this.drag;
		document.onmouseup=this.drop;
	},
	drag:function(e){
		var evtobj=window.event? window.event : e;
		this.targetobj=window.event? event.srcElement : e.target;

		/**
		 * Zoek het juiste element op
		 */
		
		if(this.targetobj.className == "vCardDataContainer") this.targetobj = this.targetobj.parentNode.parentNode;
		if(this.targetobj.className == "dummyh3") this.targetobj = this.targetobj.parentNode.parentNode.parentNode;
		if(this.targetobj.className == "dummy") this.targetobj = this.targetobj.parentNode.parentNode.parentNode.parentNode.parentNode;
		if(this.targetobj.className == "vCardPhoto") this.targetobj = this.targetobj.parentNode.parentNode;
		if(this.targetobj.className == "dummyimg") this.targetobj = this.targetobj.parentNode.parentNode.parentNode.parentNode;

		if (this.targetobj.className=="vCardDropShadow") {
			this.dragapproved=1;
			this.targetobj.style.zIndex = "200";
			
			this.originX = (this.originX == 0 || this.originX == undefined) ? this.targetobj.offsetLeft : this.originX;
			this.originY = (this.originY == 0 || this.originY == undefined) ? this.targetobj.offsetTop : this.originY;

			if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
			if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
			
			this.offsetx=parseInt(this.targetobj.style.left);
			this.offsety=parseInt(this.targetobj.style.top);
			this.x=evtobj.clientX;
			this.y=evtobj.clientY;
			
			if (evtobj.preventDefault)
				evtobj.preventDefault();
			
			document.onmousemove=dragobject.moveit;
		}
	},
	moveit:function(e){
		var evtobj=window.event? window.event : e;
		if (this.dragapproved==1){
			var left;
			
			this.targetobj.style.left= this.offsetx+evtobj.clientX-this.x;
			this.targetobj.style.top=this.offsety+evtobj.clientY-this.y;
			
			return false;
		}
	},
	drop:function(e) {
		this.targetobj.style.zIndex = "20";
		this.dragapproved=0;
	}
}

dragobject.initialize();
	
var cascadeAmount = 0;

	
function showVCard() {
	var vCardId = arguments[0];
	var vCard = document.getElementById("vCardDropShadow"+vCardId);
	var xmlRequest = arguments[1];

	var d = document.getElementsByTagName("DIV");

	if(vCard == undefined && xmlRequest != undefined) {
		if (xmlRequest.readyState != 4) return;
		document.body.innerHTML += xmlRequest.responseText;
		
		cascadeAmount+=10;
		vCard = document.getElementById("vCardDropShadow"+vCardId);

		vCard.style.left = ((document.getElementById("page_wrapper").offsetWidth / 2) - (vCard.offsetWidth / 2) + cascadeAmount) + "px";
		vCard.style.top = ((document.body.clientHeight / 2) - (vCard.offsetHeight / 2) + cascadeAmount) + "px";

		vCard.style.visibility = "visible";
		
		if(!isFireFox) {
			/**
			 * Internet Explorer dissapearing div bug workaround
			 */
			for(var i=0; i<d.length; i++) {
				if(d[i].className == "vCardPhoto" && d[i].style.pixelWidth > 0) {
					d[i].style.visibility = "hidden";
					d[i].style.visibility = "visible";
				}
			}
		}
	} else {
		if(vCard.style.visibility == "visible") {
			vCard.style.visibility = "hidden";
			document.getElementById("vCardPhoto"+vCardId).style.visibility = "hidden";
		} else {
			document.getElementById("vCardPhoto"+vCardId).style.visibility = "visible";
			vCard.style.visibility = "visible";
			
		}
	}
/*	document.tmpImg = new Image();
	document.tmpImg.src = "/en/fbi/include/evi_imagebank/img.asp?src=flexpagethumb&amp;id=" + vCardId + "&amp;number=1&amp;type=0";
	
	checkIfImageIsNotEmpty();*/
}
function checkIfImageIsNotEmpty() {
	if(!document.tmpImg.complete) {
		window.setTimeout(checkIfImageIsNotEmpty, 100);
	} else {
		alert(document.tmpImg.width + " - " + document.tmpImg.height);
	}
}

function vCardPrint(id) {
	document.vCardId = id;
	window.open("/en/modules/vcards/vcardprintpopup.html", "", "width=400, height=155, toolbars=no, status=no");
}
	