var thumbsArray_Square = [];
var thumbsCount_Square = 0;
var imageNameArray_Square = [];

var thumbsArray_Rectangular = [];
var thumbsCount_Rectangular = 0;
var imageNameArray_Rectangular = [];

var imagesFolder = 'arafos/images';
var thumbsFolder = 'thumbs';
//var fullsizeFolder = 'fullsize';
var fullsizeFolder = 'thumbs';
var squareSizeFolder = 'square';
var rectangularSizeFolder = 'rectangular';
var userCount = 5;
																		//NAMN, #SQUARE, #RECTANGULAR
var usersArray = new Array(
														new Array('elin'  , 7, 6),
														new Array('karinf', 8, 3),
														new Array('karinh', 4, 4),
														new Array('ulrika', 2, 7),
														new Array('filtar', 5, 3)
													);

var anchorId_LT = 'a_sidebar_lt';
var anchorId_LB = 'a_sidebar_lb';
var anchorId_R  = 'a_sidebar_rt';


var imageId_LT = 'img_sidebar_lt';
var imageId_LB = 'img_sidebar_lb';
var imageId_R  = 'img_sidebar_rt';

var timerSeconds = 0;
var timerID = null;
var timerRunning = false;

function getElementById(elementName) {
	return document.getElementById(elementName);
}

function RestartTimer() {
    // Set the length of the timer, in seconds
    timerSeconds = 0;
    StopTimer();
    StartTimer();
}

function StopTimer() {
  if(timerRunning) {
  	clearTimeout(timerID);
  }
  timerRunning = false;
}

function ContinueTimer() {
	var timerDelay = 1000;
	
	timerSeconds = timerSeconds + (timerDelay/1000);
  timerRunning = true;
  timerID = self.setTimeout("StartTimer()", timerDelay);
}

function StartTimer() {

    if (timerSeconds==5)
    {
        replaceThumb_Square(imageId_LT, anchorId_LT);
        ContinueTimer();
    }
    else if (timerSeconds==10)
    {
        replaceThumb_Rectangular(imageId_R, anchorId_R);
        ContinueTimer();
    }
    else if (timerSeconds==15)
    {
        replaceThumb_Square(imageId_LB, anchorId_LB);
        RestartTimer();
    }
    else
    {
        ContinueTimer();
    }
}

function preloadThumbs() {
	
	getElementById(imageId_LT).visibility = "hidden";
	getElementById(imageId_R).visibility  = "hidden";
	getElementById(imageId_LB).visibility = "hidden";
	
	thumbsCount_Square         = 0;
	thumbsCount_Rectangular    = 0;
	thumbsArray_Square         = new Array();
	thumbsArray_Rectangular    = new Array();
	
	imageNameArray_Square      = new Array();
	imageNameArray_Rectangular = new Array();
	
	var thumbsPath;
	var fullsizePath;
	var userName;
	var userImagesCount;
	var imageName;
	var imageIndex;
	
	//Get SQUARE Images
	for(var i = 0; i < userCount; i++) {
		userName 				= usersArray[i][0];
		userImagesCount = usersArray[i][1];
		thumbsPath      = imagesFolder + '/' + userName + '/' + thumbsFolder + '/' + squareSizeFolder + '/';
		fullsizePath    = imagesFolder + '/' + userName + '/' + fullsizeFolder + '/' + squareSizeFolder + '/';
		
		//alert('thumbsPath='+thumbsPath + '\n fullsizePath='+fullsizePath);
		
		for(var j = 0; j < userImagesCount; j++) {
			imageIndex = j + 1;
			if(imageIndex < 10) {
	 			imageName = userName + '-00' + imageIndex;
	 		} else if(imageIndex >= 10 && imageIndex < 100) {
	 			imageName = userName + '-0' + imageIndex;
	 		} else {
	 			imageName = userName + '-' + imageIndex;
	 		}
	 		
	 		thumbsArray_Square[++thumbsCount_Square] = new Image();
			thumbsArray_Square[thumbsCount_Square].src = thumbsPath + imageName + '.jpg';
			
			imageNameArray_Square[thumbsCount_Square] = fullsizePath + imageName + '.jpg';
		}
	}
	
	//Get RECTANGULAR Images
	for(var i = 0; i < userCount; i++) {
		userName 				= usersArray[i][0];
		userImagesCount = usersArray[i][2];
		thumbsPath      = imagesFolder + '/' + userName + '/' + thumbsFolder + '/' + rectangularSizeFolder + '/';
		fullsizePath    = imagesFolder + '/' + userName + '/' + fullsizeFolder + '/' + rectangularSizeFolder + '/';
		
		//alert('thumbsPath='+thumbsPath + '\n fullsizePath='+fullsizePath);
		
		for(var j = 0; j < userImagesCount; j++) {
			imageIndex = j + 1;
			if(imageIndex < 10) {
	 			imageName = userName + '-00' + imageIndex;
	 		} else if(imageIndex >= 10 && imageIndex < 100) {
	 			imageName = userName + '-0' + imageIndex;
	 		} else {
	 			imageName = userName + '-' + imageIndex;
	 		}
	 		
	 		thumbsArray_Rectangular[++thumbsCount_Rectangular] = new Image();
			thumbsArray_Rectangular[thumbsCount_Rectangular].src = thumbsPath + imageName + '.jpg';
			
			imageNameArray_Rectangular[thumbsCount_Rectangular] = fullsizePath + imageName + '.jpg';
		}
	}
	
	var imageIndex_Square = getRandomImageNumber_Square();
	replaceThumb_Square(imageId_LT, anchorId_LT, imageIndex_Square);
  replaceThumb_Square(imageId_LB, anchorId_LB, imageIndex_Square);
  
  var imageIndex_Rectangular = getRandomImageNumber_Rectangular();
  replaceThumb_Rectangular(imageId_R,  anchorId_R,  imageIndex_Rectangular);
  
}

function replaceThumb_Square(imageId, anchorId, imageIndex) {
	
	if(!imageIndex) {
		imageIndex = getRandomImageNumber_Square();
	}
	
 	var imageHolder = getElementById(imageId);
	var ankh = getElementById(anchorId);
	
	//alert('Width='+thumbsArray_Square[imageIndex].width + ', Height='+thumbsArray_Square[imageIndex].height);
	
 	imageHolder.visibility = "hidden";
 	imageHolder.width = thumbsArray_Square[imageIndex].width;
	imageHolder.Height = thumbsArray_Square[imageIndex].height;
	
	imageHolder.src = thumbsArray_Square[imageIndex].src;
	ankh.href = ""+imageNameArray_Square[imageIndex]+"";
	ankh.click = "\"tb_show('', "+imageNameArray_Square[imageIndex]+", false)\"";
	
	imageHolder.visibility = "visible";
}

function replaceThumb_Rectangular(imageId, anchorId, imageIndex) {
	
	if(!imageIndex) {
		imageIndex = getRandomImageNumber_Rectangular();
	}
	
 	var imageHolder = getElementById(imageId);
	var ankh = getElementById(anchorId);
	
	//alert('Width='+thumbsArray_Rectangular[imageIndex].width + ', Height='+thumbsArray_Rectangular[imageIndex].height);
	
 	imageHolder.visibility = "hidden";
 	imageHolder.width = thumbsArray_Rectangular[imageIndex].width;
	imageHolder.Height = thumbsArray_Rectangular[imageIndex].height;
	
	imageHolder.src = thumbsArray_Rectangular[imageIndex].src;
	ankh.href = ""+imageNameArray_Rectangular[imageIndex]+"";
	ankh.click = "\"tb_show('', "+imageNameArray_Rectangular[imageIndex]+", false)\"";
	
	imageHolder.visibility = "visible";
}

function getRandomImageNumber_Square() {
	var rand_no;
	var valid = false;
	
	while(!valid) {
		rand_no = Math.random();
		rand_no = rand_no * thumbsCount_Square;
		rand_no = Math.ceil(rand_no);
		var valid = validateRandomNumber_Square(rand_no);
	}
	
	return rand_no;
}

function getRandomImageNumber_Rectangular() {
	var rand_no;
	var valid = false;
	
	while(!valid) {
		rand_no = Math.random();
		rand_no = rand_no * thumbsCount_Rectangular;
		rand_no = Math.ceil(rand_no);
		var valid = validateRandomNumber_Rectangular(rand_no);
	}
	
	return rand_no;
}

function validateRandomNumber_Square(imageIndex) {
	
	if(getElementById(imageId_LT).src == thumbsArray_Square[imageIndex].src)	{
		return false;
	}
	else if(getElementById(imageId_LB).src == thumbsArray_Square[imageIndex].src) {
		return false;
	}
	
	return true;
}

function validateRandomNumber_Rectangular(imageIndex) {
	
	if(getElementById(imageId_R).src == thumbsArray_Rectangular[imageIndex].src) {
		return false;
	}
	
	return true;
}

function viewImage(imageSrc) {
	window.open("", "", "", "",scrollbars="yes", dialog=yes,minimizable="yes",modal=yes,width="1024",height="768",resizable="yes");
}

function sidebarDivMouseOver() {
	StopTimer();
}

function sidebarDivMouseOut() {
	StartTimer();
}

function imageMouseOver(selectedImage) {
	//StopTimer();
	changeImagesOpacity(selectedImage, 1, 0.4);
}

function imageMouseOut(selectedImage) {
	changeImagesOpacity(selectedImage, 1, 1);
	//StartTimer();
}

function changeImagesOpacity(selectedImage, opacitySelected, opacity) {

	var image_LT = getElementById(imageId_LT);
	var image_R = getElementById(imageId_R);
	var image_LB = getElementById(imageId_LB);
	
	if(selectedImage.id != imageId_LT) {
		if(image_LT.style) {
			image_LT.style.opacity = opacity;
		}
		else if(image_LT.filters) {
			image_LT.style.opacity = opacity;
			image_LT.filters.alpha.opacity = opacity * 100;
		}
	}
	
	if(selectedImage.id != imageId_R) {
		if(image_R.style) {
			image_R.style.opacity = opacity;
		}
		else if(image_R.filters) {
			image_R.style.opacity = opacity;
			image_R.filters.alpha.opacity = opacity * 100;
		}
	}

	if(selectedImage.id != imageId_LB) {
		if(image_LB.style) {		
			image_LB.style.opacity = opacity;
		}
		else if(image_LB.filters) {
			image_LB.style.opacity = opacity;
			image_LB.filters.alpha.opacity = opacity * 100;
		}
	}
	
	if(selectedImage.style) {
		selectedImage.style.opacity = opacitySelected;
	}
	else if(selectedImage.filters) {
		selectedImage.style.opacity = opacitySelected;
		selectedImage.filters.alpha.opacity = opacitySelected * 100;
	}
}

function logoMouseOver() {
	var imgObj = getElementById("logo_image");
        imgObj.src = "/arafos/template/images/logo_red.jpg";
}

function logoMouseOut() {
	var imgObj = getElementById("logo_image");
        imgObj.src = "/arafos/template/images/logo_white.jpg";
}