function addEvent(obj, evType, fn)
{
	if (obj.addEventListener)
   		obj.addEventListener(evType, fn, false);
	else if (obj.attachEvent)
   		obj.attachEvent("on"+evType, fn);
}

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is an external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

//GreyBox Code
var GB_ROOT_DIR = "/js/greybox/";
function loadGreyBoxCode(){
    loadjscssfile("/js/greybox/AJS.js", "js");
    loadjscssfile("/js/greybox/AJS_fx.js", "js");
    loadjscssfile("/js/greybox/gb_scripts.js", "js");
    loadjscssfile("/js/greybox/gb_styles.css", "css");
}

// Show Large Images Code
function getLargeImageSrcFromSmallImgSrc(smallImgSrc)
{
	var smPos = smallImgSrc.indexOf("sm.jpg");
	return smPos >= 0 ? smallImgSrc.substr(0,smPos) + ".jpg" : "";
}

function addClickAbilityToSmallImages()
{
    var image_set = new Array();
    var greyboxLoaded = false;
    var numImages = document.images.length;
    var index = 0;
	for(var i = 0; i < numImages; i++)
	{
	    var img = document.images[i];
		var largeSrc = getLargeImageSrcFromSmallImgSrc(img.src);
		if(largeSrc != "")
		{
		    if(!greyboxLoaded){
		        loadGreyBoxCode();
	            greyboxLoaded = true;
	        }

	    	var largeImg = new Image();
	    	largeImg.src = largeSrc;
            image_set[index++] = {'caption': img.alt, 'url': largeSrc};
            
            img.greyBoxIndex = index;
	    	img.onclick = function () {GB_showImageSet(image_set, this.greyBoxIndex);};
			img.style.cursor = "pointer";
		}
	}
}

addEvent(window, "load", addClickAbilityToSmallImages);