slideOnTheMove = new Array();
curSlide = new Array();
function contactSlideNext(obj, dir)
{
	if(curSlide[obj.id] == undefined)
	{
		curSlide[obj.id] = 1;
	}
	if(slideOnTheMove[obj.id] == undefined || slideOnTheMove[obj.id] == false)
	{
		var myEffect = new Fx.Morph(obj, {duration: 'normal', transition: Fx.Transitions.Sine.easeOut});
		var myEffect_next = new Fx.Morph(obj.getParent().getElement(".previousNext.next"), {duration: 'normal', transition: Fx.Transitions.Sine.easeOut});
		var myEffect_prev = new Fx.Morph(obj.getParent().getElement(".previousNext.prev"), {duration: 'normal', transition: Fx.Transitions.Sine.easeOut});

		grandParentDiv = obj.getParent();
		parentValues = obj.getPosition(grandParentDiv);

		if(dir == "left")
		{
			if(curSlide[obj.id] <= 1)
			{
				return false;
			}
			curSlide[obj.id]--;
			nextLeft = (parentValues.x + grandParentDiv.offsetWidth);

			// Fix prev/next buttons
			myEffect_next.start({'opacity': ['0','1']});
			//obj.getParent().getElement(".previousNext.next").style.visibility = "visible";
			if(curSlide[obj.id] <= 1)
			{
				myEffect_prev.start({'opacity': ['1','0']});
				//obj.getParent().getElement(".previousNext.prev").style.visibility = "hidden";
			}
		}
		else
		{
			if(curSlide[obj.id] >= obj.childNodes.length)
			{
				return false;
			}
			curSlide[obj.id]++;
			nextLeft = (parentValues.x - grandParentDiv.offsetWidth);

			// Fix prev/next buttons
			myEffect_prev.start({'opacity': ['0','1']});
			//obj.getParent().getElement(".previousNext.prev").style.visibility = "visible";
			if(curSlide[obj.id] >= obj.childNodes.length)
			{
				myEffect_next.start({'opacity': ['1','0']});
				//obj.getParent().getElement(".previousNext.next").style.visibility = "hidden";
			}
		}

		slideOnTheMove[obj.id] = true;
		myEffect.start({'left': [parentValues.x, nextLeft]});
		myEffect.onComplete = function() {slideOnTheMove[obj.id] = false;};
	}
}

function createContactSlideBox(o_activeProjectInfo)
{
	var o_overviewDiv = new Element("div", {
		'class' : 'projectDiv',
		'styles' : {
			'overflow' : 'hidden',
			'position' : 'relative',
			'width': '775px'
		}
	});
		var o_contactHeader = new Element("div", {
			'class' : 'projectHeader',
			'html' : o_activeProjectInfo.mainhead
		}).inject(o_overviewDiv);
		var o_contactToolbar = new Element("div", {
			'class' : 'projectToolbar',
			'styles' : {
				'width': '775px',
				'height': '20px'
			}
		}).inject(o_overviewDiv);

		o_closeDiv = new Element("div", {
				'id' : 'lightbox_close',
				'styles' : {
					'text-align' : 'right',
					'float' : 'right',
					'cursor' : 'pointer'
				},
				'events' : {
					'click' : function() {
						$('lightbox_container').onclick();
					}
				}
			}).inject(o_contactToolbar);
			o_closeSpan = new Element("span", {
				'html' : 'Sluiten &nbsp;',
				'styles' : {
					'color' : 'white',
					'margin-right' : '10'
				}
			}).inject(o_closeDiv);

			o_closeImg = new Element("img", {
				'src' : '/images/lightbox_close.gif'
			}).inject(o_closeDiv);


			//var o_contactPrevNext = new Element("div", { 'styles' : { 'float': 'left' } }).inject(o_contactToolbar);


		var o_imageSlide = new Element("div", {
			'id' : 'image_slide',
			'styles' : {
				'width' : '10000px',
				'height' : '450px',
				'position' : 'relative',
				'left' : '0px'
			}
		}).inject(o_overviewDiv);

		o_activeProjectInfo.imageArray.each(function(o_imageInfo) {
			var o_imageDiv = new Element("div", {
				'styles' : {
					'width' : '775px',
				'height' : '450px',
					'overflow' : 'hidden',
					'margin-bottom' : '10px',
					'float' : 'left',
					'text-align' : 'center'
				}
			}).inject(o_imageSlide);
			var o_imageImg = new Element("img", {
				'src' : o_imageInfo.imageName
			}).inject(o_imageDiv);
		});

		var o_prevNextButtons = new Element("div", {
			'styles' : {
					'width' : '250px',
					'position' : 'absolute',
					'top' : '-6px',
					'left' : '282px',
					'text-align' : 'center'
			}
		}).inject(o_contactToolbar);
		var o_textSlide = new Element("div", {
			'id' : 'text_slide',
			'styles' : {
				'width' : '10000px',
				'position' : 'relative',
				'left' : '0px'
			}
		}).inject(o_overviewDiv);

		o_activeProjectInfo.imageArray.each(function(o_imageInfo) {
			var o_contentDiv = new Element("div", {
				'html' : o_imageInfo.imageContent,
				'styles' : {
					'width' : '775px',
					'height' : '38px',
					'float' : 'left',
					'text-align' : 'left',
					'font-size' : '11px',
					'color' : '#fff',
					'margin-top' : '39px'
				}
			}).inject(o_textSlide);
		});

		var o_prevButton = new Element("span", {
			'html' : 'vorige <img src="/images/previous_arrow.gif" alt="vorige" class="left" style="position: relative; top: 7px; margin-left: 5px;" />',
			'class' : 'previousNext prev',
			'styles' : {
				'visibility' : 'hidden'
			},
			'events' : {
				'click' : function ()
				{
					contactSlideNext(o_textSlide,'left');
					contactSlideNext(o_imageSlide,'left');
				}
			}
		}).inject(o_prevNextButtons);

		var o_sep = new Element("span", { 'html' : ' &nbsp; ' }).inject(o_prevNextButtons);
		var o_nextButton = new Element("span", {
			'html' : '<img src="/images/next_arrow.gif" alt="volgende" style="position: relative; top: 7px; margin-right: 5px;" /> volgende',
			'class' : 'previousNext next',
			'events' : {
				'click' : function ()
				{
					contactSlideNext(o_imageSlide,'right');
					contactSlideNext(o_textSlide,'right');
				}
			}
		}).inject(o_prevNextButtons);
		if(o_activeProjectInfo.imageArray.length < 2)
		{
			o_nextButton.style.visibility = "hidden";
		}

	this.getHtmlObject = function()
	{
		return o_overviewDiv;
	}
}

function loadContactSlide(o_object)
{
	o_slideBox = new createContactSlideBox(o_object);
	curSlide['text_slide'] = 1;
	curSlide['image_slide'] = 1;
	slideOnTheMove['text_slide'] = false;
	slideOnTheMove['image_slide'] = false;
	insertObject = o_slideBox.getHtmlObject();
	showLightBox(insertObject);
}