slideOnTheMove = new Array();
curSlide = new Array();
function slideNext(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 createSlideBox(o_activeProjectInfo)
{
	var o_overviewDiv = new Element("div", {
		'class' : 'projectDiv',
		'styles' : {
			'overflow' : 'hidden',
			'position' : 'relative',
			'width': '775px'
		}
	});
		var o_projectHeader = new Element("div", {
			'class' : 'projectHeader',
			'styles' : {
				'float' : 'left'
			},
			'html' : o_activeProjectInfo.mainhead
		}).inject(o_overviewDiv);
		var o_projectToolbar = new Element("div", {
			'class' : 'projectToolbar',
			'styles' : {
				'text-align' : 'center',
				'width': '775px',
				'height': '20px'
			}
		}).inject(o_overviewDiv);
			/*var o_projectX = new Element("div", {
				'html': '<img src="/images/lightbox_close.gif" alt="" style="cursor: pointer;" />',
				'styles' : { 'float': 'right' },
				'events' : {
					'click' : function() {
						$('lightbox_container').onclick();
					}
				}
			}).inject(o_projectToolbar);*/
			o_closeDiv = new Element("div", {
					'id' : 'lightbox_close',
					'styles' : {
						'text-align' : 'right',
						'float' : 'right',
						'cursor' : 'pointer'
					},
					'events' : {
						'click' : function() {
							$('lightbox_container').onclick();
						}
					}
				}).inject(o_projectToolbar);
				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_projectPrevNext = new Element("div", { 'styles' : { 'float': 'left' } });//.inject(o_projectToolbar);

				if(o_activeProjectInfo.prev_project != "")
				{
					var o_projectPrev = new Element("span", {
						'html' : '<span style="cursor: pointer;">vorig project</span>',
						'events' : {
							'click' : function()
							{
								getDivContent(o_activeProjectInfo.prev_project,'previewProject','loadProjectSlide()');
							}
						}
					}).inject(o_projectPrevNext);
				}
				var o_sep = new Element("span", { 'html' : ' | ' }).inject(o_projectPrevNext);
				if(o_activeProjectInfo.next_project != "")
				{
					var o_projectNext = new Element("span", {
						'html' : ' <span style="cursor: pointer;">volgend project</span>',
						'events' : {
							'click' : function()
							{
								getDivContent(o_activeProjectInfo.next_project,'previewProject','loadProjectSlide()');
							}
						}
					}).inject(o_projectPrevNext);
				}

			var o_prevNextButtons = new Element("div", {
				'id' : 'prevNextButtonsContainer',
				'styles' : {
					'width' : '250px',
					'position' : 'absolute',
					'top' : '-6px',
					'left' : '282px',
					'text-align' : 'center'
				}
			}).inject(o_projectToolbar); //.inject(o_projectPrevNext,'after');

		var o_imageSlide = new Element("div", {
			'id' : 'image_slide',
			'styles' : {
				'width' : '100000px',
				'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_textSlide = new Element("div", {
			'id' : 'text_slide',
			'html' : '__',
			'styles' : {
				'clear' : 'both',
				'width' : '100000px',
				'height' : '38px',
				'position' : 'relative',
				'margin-top' : '0px',
				'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'
				}
			}).inject(o_textSlide);
		});

		var o_prevButton = new Element("span", {
			'html' : 'vorige foto <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 ()
				{
					slideNext(o_textSlide,'left');
					slideNext(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 foto',
			'class' : 'previousNext next',
			'events' : {
				'click' : function ()
				{
					slideNext(o_imageSlide,'right');
					slideNext(o_textSlide,'right');
				}
			}
		}).inject(o_prevNextButtons);
		if(o_activeProjectInfo.imageArray.length < 2)
		{
			o_nextButton.style.visibility = "hidden";
		}

		var o_contactButton = new Element("img", {
			'id' : 'contactButton',
			'src' : '/images/contactzoeken_button.jpg',
			'events' : {
				'click' : function() {
					location.href = o_activeProjectInfo.contact_url
				}
			},
			'styles' : {
				'cursor' : 'pointer',
				'float' : 'right',
				'margin-top' : '10px'
			}
		}).inject(o_overviewDiv);

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

function loadProjectSlide()
{
	o_slideBox = new createSlideBox(o_activeProjectInfo);
	insertObject = o_slideBox.getHtmlObject();

	curSlide['text_slide'] = 1;
	curSlide['image_slide'] = 1;
	slideOnTheMove['text_slide'] = false;
	slideOnTheMove['image_slide'] = false;

	showLightBox(insertObject);
}