﻿var PortfolioRules = {
	"img.portfolio-item" : function(el) {
		el.onmouseover = function(ev) {
			el.src = el.src.substring(0, el.src.length - 6) + 'ov.jpg';						
		},
		el.onmouseout = function(ev) {			
			el.src = el.src.substring(0, el.src.length - 6) + 'up.jpg';					
		},
		el.onclick = function(ev) {
			var bigImage = el.up('table.portfolio').down('img.portfolio-item-large');
			bigImage.src = PortfolioFunctions.ExtractLargeFileName(el.src);
			var mainText = $(el.up('td').id + "-details");
			if (mainText != null) {
				$('divMainText').update(mainText.innerHTML);
			}
		}
	},
	"img.portfolio-item-large" : function(el) {
		el.onclick = function(ev) {			
			PortfolioFunctions.InsertDefaultText();
			el.src = "images/portfolio/" + FolderName + "/intro.jpg";
		}
	}
}

var PortfolioFunctions = {
	"InsertDefaultText" : function() {
		$('divMainText').update($('default-details').innerHTML);
	},
	"ExtractLargeFileName" : function(str) {
		// Strip out the domain and folders, then remove n-tb- from the start 
		// and -ov.jpg from the end, then prefix the image with fs- and postfix with .jpg
		var ind = str.lastIndexOf('/') + 1;
		var root = str.substring(0, ind);
		var imgRoot = str.substr(ind + 5, str.length - (ind + 5) - 7); // +5 for 1-tb-, 7 for -ov.jpg		
		return root + "fs-" + imgRoot + ".jpg";
	},
	"PreloadImages" : function() {
    if (document.images) {
			var imageRoots = $$('img.portfolio-item');
			
			for (i = 0; i < imageRoots.length - 1; i++) {
				var img = new Image();				
				img.src = imageRoots[i].src.substring(0, imageRoots[i].src.length - 6) + 'ov.jpg';
				var img1 = new Image();
				img1.src = PortfolioFunctions.ExtractLargeFileName(imageRoots[i].src);
			} 			      
    }
	}
}

Behaviour.register(PortfolioRules)

Behaviour.addLoadEvent(PortfolioFunctions.InsertDefaultText);
Behaviour.addLoadEvent(PortfolioFunctions.PreloadImages);


