var scrolled = 0;
	var currentthumb = 0;
	var currentcategory;
	
	window.onload = function () {
		MO_class('category','category_on');
		startBlend();
	}
	
	function MO_class(elmntclass,mo){
		var elmnts = document.getElementsByTagName('div');
		for(var i=0;i<elmnts.length;i++){
			if(elmnts[i].className==elmntclass){
				elmnts[i].onmouseover = function(){
					this.className = mo;
				}
				elmnts[i].onmouseout = function(){
					this.className = elmntclass;
				}
			}
		}
	}

	function overlay(){
		new Effect.Fade(document.getElementById('content'),{to: 0.1});
	}
	
	function hide_overlay(){
		new Effect.Appear(document.getElementById('content')); 
	}	
	
	function moveThumbs(elmnt){
		var eIndex;
		var scrollAmount = 45;
		var thumbs = document.getElementById('thumbnail_container').getElementsByTagName('div');
		for(var i=0;i<thumbs.length;i++){
			if(i==elmnt){
				eIndex = i;
			}
		}
		
		var scrollBy = (-(eIndex-scrolled))*scrollAmount;
		new Effect.Move (document.getElementById('thumbnail_container'),{ x: scrollBy, mode: 'relative',queue: 'end'});
		scrolled += eIndex-scrolled;

		for(var i=0;i<thumbs.length;i++){
			if(i==eIndex) thumbs[i].className = 'thumbnail opacity_100';
			else if(i==(eIndex+1)) thumbs[i].className = 'thumbnail opacity_50';
			else if(i==(eIndex+2)) thumbs[i].className = 'thumbnail opacity_25';
			else if(i==(eIndex+3)) thumbs[i].className = 'thumbnail opacity_10';
			else if(i==(eIndex+4)) thumbs[i].className = 'thumbnail opacity_2';
			
			else if(i==(eIndex-1)) thumbs[i].className = 'thumbnail opacity_50';
			else if(i==(eIndex-2)) thumbs[i].className = 'thumbnail opacity_25';
			else if(i==(eIndex-3)) thumbs[i].className = 'thumbnail opacity_10';
			else if(i==(eIndex-4)) thumbs[i].className = 'thumbnail opacity_2';
			else thumbs[i].className = 'thumbnail opacity_0';
		}
		
		currentthumb = elmnt;
		var newpic = foto_array[elmnt];
		showphoto(newpic);
	}
	
	function browse(where){
		if(where == 'prev'){
			if(currentthumb != 0){
				nextitem = currentthumb - 1;
				moveThumbs(nextitem);
			}
		}
		if(where == 'next'){
			if(currentthumb != (foto_array.length -1)){
				nextitem = currentthumb+1;
				moveThumbs(nextitem);
			}
		}
	}
	
	
	function showphoto(newpic){
		document.getElementById('photo').style.display='none';
		document.getElementById('loader').style.display='block';
		document.getElementById('main').src = newpic;
		document.getElementById('main').onload = function(){
			document.getElementById('photo').style.display='block';
			document.getElementById('loader').style.display='none';	
		}
		return false;
	}
	
	var indexstart = 0;
	var totalimages = home_foto_array.length;
	function startBlend(){
		//document.write('<img src="'+home_foto_array[0]+'" alt="" id="blendimg" onmouseover="tooltip()" onmouseout="exittooltip()"/>');
		if(document.getElementById('homephoto')) self.setTimeout('hideBlendImage()', 5000)
	}
	
	
	function hideBlendImage(){
		opacity('homephoto', 100, 0, 500);
		self.setTimeout('changeBlendImage()', 500)
	}
	
	
	function changeBlendImage(){
		if(indexstart<(home_foto_array.length-1)){
			indexstart++;
		}
		else{
			indexstart=0;
		}
		document.getElementById('homephoto').src=home_foto_array[indexstart];
		document.getElementById('homephoto').onload = function(){
			self.setTimeout('showBlendImage()', 200)	
		}
	}
	
	
	function showBlendImage(){
		opacity('homephoto', 0, 100, 800);
		self.setTimeout('hideBlendImage()', 5000)
	}
	
	
	function opacity(id, opacStart, opacEnd, millisec) {
		var speed = Math.round(millisec / 100);
		var timer = 0;
	
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i--) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i++)
				{
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		}
	}
	
	
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
		

	function gotoCategory(obj){
		document.location='?cid='+currentcategory;
	}