var currentImage = 0;
	var currentArray;
	var currentLink = 0;
	var viewportHeight = 0;
	var bodyHeight = 0;

	Event.observe(
		window, 'load', function() {
			browseInit(); 
			blurLinks();
			//imageStatus();
			homeSetFooter();
		}
	);

	function homeSetFooter()
	{
		homeContent = $$("div.content-container-home");
		if(homeContent.length == 1)
		{
			viewportHeight = document.viewport.getHeight();
			var bodyHeight = $("body").getDimensions().height
			var header = $("header");
			var homefooter = $("homeFooter");
			var homecontainer = $("homeContainer");
			var containerHeight = viewportHeight - homefooter.getHeight() - header.getHeight();
			if(containerHeight > 0 && viewportHeight >= bodyHeight) homecontainer.style.height = viewportHeight - homefooter.getHeight() - header.getHeight() + "px";
		}
	}
	
	function blurLinks(){
		links = document.getElementsByTagName("a");
		for(i=0;i<links.length;i++){
			links[i].onfocus = function(){
				this.blur();
			}
		}
	}
	
	function imageStatus(){
		var soldimages,i,d,parent;
		soldimages = $$("img.js-sold");
		if(soldimages.length){
			for(i=0;i<soldimages.length;i++){
				//soldimages[i].replace('<div class="div-sold" style="background:transparent url('+soldimages[i].src+') no-repeat 1px 1px; width: '+soldimages[i].width+'px; height: '+soldimages[i].height+'px"><div class="sold"></div></div>');
				soldimages[i].replace('<div class="div-sold" style="background:transparent url('+soldimages[i].src+') no-repeat 1px 1px; width: '+soldimages[i].width+'px; height: '+soldimages[i].height+'px"><img class="sold" src="_img/sold.png"/></div>');

				//parent = soldimages[i].parentNode;
				//d = new Element('div',{'class':'div-sold'});
				//parent.appendChild(d);
				//alert(soldimages[i].width);
				//d.style.width = soldimages[i].width+'px';
				//d.style.height = soldimages[i].height+'px';
				//d.style.backgroundImage = d.src;
			}
		}
	}
	
	function browseInit(){
		var link,i;
		var browsercontainer,browser,browserclose,browserimage,browsertitle,browserlinks,photolayer,divleft,divright,thumbleft,thumbright;

		viewportHeight = document.viewport.getHeight();

		link = $$("a.view-images");
		if(link.length){
			for(i=0;i<link.length;i++){
				link[i].onclick = showBrowser;
			}
			browsercontainer = new Element('div',{'id':'browser-container'});
			browsercontainer.style.display='none';
			browser = new Element('div',{'id':'browser'});
			browser.style.display='none';
			browserclose = new Element('div',{'id':'browser-close','title':'sluiten'}).update('&#160;');
			browserclose.onclick = hideOverlay;
			browsertitle = new Element('div',{'id':'browser-title'});
			browserimage = new Element('div',{'id':'imagebox'});
			browserlinks = new Element('div',{'id':'browser-links'});
			
			photolayer = new Element('div',{'id':'photolayer'});
			divleft = new Element('div',{'id':'prev'});
			thumbleft = new Element('img',{'id':'thumbleft'});
			divright = new Element('div',{'id':'next'});
			thumbright = new Element('img',{'id':'thumbright'});
			photolayer.appendChild(divleft);
			photolayer.appendChild(divright);
			divleft.appendChild(thumbleft);
			divright.appendChild(thumbright);
			
			objBody = document.getElementsByTagName("body").item(0);
			objBody.appendChild(browsercontainer);
			browsercontainer.appendChild(browser);
			browser.appendChild(browsertitle);
			browser.appendChild(browserimage);
			browser.appendChild(browserlinks);
			browser.appendChild(browserclose);
			browser.appendChild(photolayer);
			$('thumbleft').hide();
			$('thumbright').hide();
		}
	}
	
	function showBrowser(){
		var i,a,pipe;
		if(!$('overlay')) Overlay();
		if($('browser-container')){
			var offset = document.viewport.getScrollOffsets();
			$("browser").style.top = offset.top + 20 + "px";
			
			$('browser-container').show();
			$('prev').show();
			$('next').show();
			var arrItemID = this.id.split("_");
			itemID = arrItemID[1];
			new Ajax.Request('/_inc/productstats.php?p=' + itemID, {method: 'get',}	);
			var imgarray = eval('images_' + itemID);
			$('browser-links').innerHTML = "";
			for(i=0;i<imgarray.length;i++){
				a = new Element('a',{'id':'browserlink_'+i}).update(i+1);
				a.href = "?load="+i;
				if(i==0){
					a.className = 'active';
				}
				a.onclick = function(){
					var arrIDs = this.href.split('=');
					$('image').remove();
					loadImage(arrIDs[1]);
					return false;
				}
				$('browser-links').appendChild(a);
				if(i<imgarray.length-1){
					pipe = document.createTextNode("|");
					$('browser-links').appendChild(pipe);
				}
			}
			currentArray = imgarray;
			currentImage = 0;
			$('browser-title').innerHTML = eval('title_' + itemID);
			$('prev').onmouseover = hoverThumblayer;
			$('prev').onmouseout = hoverOutThumblayer;
			$('prev').onclick = clickThumblayer;
			$('next').onmouseover = hoverThumblayer;
			$('next').onmouseout = hoverOutThumblayer;
			$('next').onclick = clickThumblayer;
			loadImage(0);
			
		}
		return false;
	}
	
	function hoverThumblayer(){
		if(this.id=='prev'){	
			if(currentImage!=0){
				$('prev').firstChild.src = currentArray[parseInt(currentImage)-1];
				$('prev').show();
				$('prev').firstChild.show();
			}
		}
		if(this.id=='next'){
			if(currentImage<(currentArray.length-1)){
				$('next').firstChild.src = currentArray[parseInt(currentImage)+1];
				$('next').show();
				$('next').firstChild.show();
			}
		}
	}
	
	function hoverOutThumblayer(){
		$('prev').firstChild.hide();
		$('next').firstChild.hide();
	}

	function clickThumblayer(){
		if(currentImage==0 && this.id=='prev') return;
		if(currentImage==(currentArray.length-1) && this.id=='next') return;
		$('image').remove();
		if(this.id=='prev'){	
			if(currentImage>0){
				currentImage--;
			}
			else{
				$('prev').className = 'prev';
			}
		}
		if(this.id=='next'){
			if(currentImage<(currentArray.length-1)){
				currentImage++;
			}
			else{
				$('next').className = 'next';
			}
		}
		loadImage(currentImage);
	}

	function setLinkActive(ind){
		var nowActiveLink = 'browserlink_'+currentLink;
		if($(nowActiveLink)) $(nowActiveLink).className = '';
		var linkID = 'browserlink_' + ind;
		if($(linkID)) $(linkID).className = 'active';
		currentLink = ind;
	}
	
	function loadImage(ind){
		var imgPreloader = new Image();
		setLinkActive(ind);
		imgPreloader.onload = function(){
			var objBody = document.getElementsByTagName("body").item(0);
			var img = new Element('img',{'id':'image','src':this.src});
			img.style.display='none';
			img.src = this.src;
			$('imagebox').appendChild(img);
			var arrImageBoxdimensions = $('browser').getDimensions();
			$('browser').style.display='block';
			var xScale = ((this.width+8)  / arrImageBoxdimensions.width)  * 100;
			var yScale = ((this.height+69) / arrImageBoxdimensions.height) * 100;
			new Effect.Scale($('browser'), xScale, {scaleY: false, duration: 0.3}); 
			new Effect.Scale($('browser'), yScale, {scaleX: false, duration: 0.3}); 
			new Effect.Appear($('image'), {duration: 0.3, queue:'end'});
			currentImage = ind;

			if(currentImage>0){
				$('prev').firstChild.src = currentArray[parseInt(currentImage)-1];
			}
			else{
				$('prev').firstChild.hide();
				$('prev').className = 'prev';
			}
			if(currentImage<(currentArray.length-1)){
				$('next').firstChild.src = currentArray[parseInt(currentImage)+1];
			}
			else{
				$('next').firstChild.hide();
				$('next').className = 'next';
			}
			
		}
		imgPreloader.src = currentArray[ind];
	}
	
	function buildBrowser(){
		if($('browser-container')) return;
		var objBody,objBrowserContainer,objBrowser,objImgbox;
		objBody = document.getElementsByTagName("body").item(0);
		objBrowserContainer = new Element('div', { 'id': 'browser-container' })
		objBrowserContainer.style.display = 'none';
		objBody.appendChild(objBrowserContainer);

		var offset = document.viewport.getScrollOffsets();
		
		objBrowser = new Element('div',{'id':'browser'});
		objBrowser.style.top = offset.top + 20 + "px";
		objBrowserContainer.appendChild(objBrowser);
		objImgbox = new Element('div',{'id':'imagebox'});
		objBrowser.appendChild(objImgbox);
		objBrowserContainer.style.display = 'block';
	}

	function Overlay(){
		if($("overlay")) return;
		var objOverlay = new Element("div", { "id": "overlay" })
		objOverlay.style.display = "none";
		$("body").appendChild(objOverlay);
		var offsetHeight = $("body").getDimensions().height; 
		var overlayHeight = offsetHeight > viewportHeight ? offsetHeight : viewportHeight;
		$("overlay").style.height = overlayHeight + "px";
		$("overlay").style.display="block";
		$("overlay").onclick = hideOverlay;
	}

	function hideOverlay(){
		if($('overlay')) $('overlay').remove();
		if($('browser-container')) $('browser-container').style.display='none';
		//if($('browser')) $('browser').style.display='none';
		if($('image')) $('image').remove();
		if($('thumbleft')) $('thumbleft').hide();
		if($('thumbright')) $('thumbright').hide();
	}

	function popwindow(strURL,windowname,popwidth,popheight,features){
		var strfeatures;
		strfeatures = 'width='+popwidth+',height='+popheight+','+features;
		if(window.screen){
			var WindowLeft = (screen.width-popwidth)/2;
			var WindowTop = (screen.height-popheight)/2;
			strfeatures = 'top='+WindowTop+',left='+WindowLeft+','+strfeatures;
		}
		var openen=window.open(strURL,windowname,strfeatures);
		openen.focus();
		return false;
	}