// JScript File
var pageTitle;
var app;
var slideNumber =0;
var pictureArray = new Array();
var slideImageContainer

function showSlideShow(picContainer) {
    window.scroll(0, 0)
    var container = document.getElementById(picContainer)
    var containerImages = container.getElementsByTagName("img")

    for (i = 0; i < containerImages.length; i++) {
        var imageSrc = containerImages[i].src;
        if (imageSrc.indexOf("small") != -1) {
            // check that its a folder
            var firstSlash = imageSrc.charAt((imageSrc.indexOf("small") - 1))
            var lastSlash = imageSrc.charAt((imageSrc.indexOf("small") + 5))
            if ((firstSlash == "/") && (lastSlash == "/")) {
                // small = folder
                newUrlStart = imageSrc.substring(0, imageSrc.indexOf("small"))
                newUrlEnd = imageSrc.substring((imageSrc.indexOf("small") + 5), imageSrc.length)
                pictureArray.push(newUrlStart + "medium" + newUrlEnd)
            }
        }
    }


    
    
    
    
    
    // display slideshow
    var blackBackgroundHeader = document.createElement("div")
    blackBackgroundHeader.setAttribute("id", "slideShowHeader");
    blackBackgroundHeader.setAttribute("class", "slideShowHeader");
    blackBackgroundHeader.setAttribute("classname", "slideShowHeader");
    blackBackgroundHeader.innerHTML = "<div class='closeSlideShow'><a href='javascript:closeSlideShow()'>Close Slideshow</a></div>"

    
    var blackBackground = document.createElement("div")
    blackBackground.setAttribute("id", "slideShowBackground");
    blackBackground.setAttribute("class", "slideShowBackground");
    blackBackground.setAttribute("classname", "slideShowBackground");
    blackBackground.innerHTML = ""
    document.body.appendChild(blackBackground)
    document.body.appendChild(blackBackgroundHeader)
    slideImageContainer = document.createElement("div");
    paintSlide() 
    
}

function goToSlide(dir) {
    if (dir == "lt") {
        if (slideNumber == 0)
            slideNumber = (pictureArray.length-1);
        else
            slideNumber--;
    }
    else {
        if (slideNumber == (pictureArray.length - 1))
            slideNumber = 0;
        else
            slideNumber++;
    }
    //alert(slideNumber)
    paintSlide();
}
function closeSlideShow() {
    var slideImage = document.getElementById("slideImageContainer")
    var slideBg = document.getElementById("slideShowBackground")
    var slideHead = document.getElementById("slideShowHeader")
    var slideFwd = document.getElementById("buttongt_go")
    var slideBack = document.getElementById("buttonlt_go")        

    document.body.removeChild(slideImage)
    document.body.removeChild(slideBg)
    document.body.removeChild(slideHead)
    document.body.removeChild(slideFwd)
    document.body.removeChild(slideBack)        
}


function paintSlide() {
    var SCwidth = getBrowserWidth()
    slideImageContainer.innerHTML = ""

    slideImageContainer.setAttribute("id", "slideImageContainer");
    slideImageContainer.setAttribute("class", "slideImageContainer");
    slideImageContainer.setAttribute("classname", "slideImageContainer");

    var slideImage = document.createElement("img");
    //alert(pictureArray[slideNumber])
    slideImage.src = pictureArray[slideNumber];
    var delay = function() { imagesLoaded(slideImage); };

    slideImage.onload = setTimeout(delay, 500);
    
    //imagesLoaded(slideImage);
    slideImageContainer.appendChild(slideImage)
    var myLeft = "115px"
    slideImageContainer.style.left = myLeft;
    document.body.appendChild(slideImageContainer)

}

function imagesLoaded(sl) {
    // image has now loaded
    if(sl.width < 100)
        imagesLoaded(sl)
        
    if (!document.getElementById("buttongt_go")) {
        goForward = getSlideButton('gt');
        goBack = getSlideButton('lt')

        document.body.appendChild(goForward)
        document.body.appendChild(goBack)
    }
    else {
        goForward = document.getElementById("buttongt_go");
        goBack = document.getElementById("buttonlt_go")
    }

    goBack.style.left = 50 + "px";
   // alert(sl.width + 170)
    goForward.style.left = (sl.width + 170) + 'px'
}


function moveForward() {
   
}

function getSlideButton(dir) {
    if (document.getElementById("button" + dir + "_go")) {
        return document.getElementById("button" + dir + "_go")
    }
    else {
        var slideBtnContainer = document.createElement("div");
        slideBtnContainer.setAttribute("id", "button" + dir + "_go");
        slideBtnContainer.setAttribute("class", "slideBtnContainer");
        slideBtnContainer.setAttribute("classname", "slideBtnContainer");
        var slideBtnHyperlink = document.createElement("a");
        slideBtnHyperlink.href = "javascript:goToSlide('" + dir + "')"

        if (dir == "gt") {
            slideBtnHyperlink.innerHTML = "<div class='slideBtnContainerA'>></div>";
        }
        else {
            slideBtnHyperlink.innerHTML = "<div class='slideBtnContainerA'><</div>"; ;
        }

        slideBtnContainer.appendChild(slideBtnHyperlink);
        //alert(dir +" :::: "+slideBtnContainer.innerHTML)
        return slideBtnContainer;
    }
}



    function getBrowserWidth() {  
                var browserWidth = 0, browserHeight = 0;  
                //For checking non-IE browsers Mozilla, Safari, Opera, Chrome.  
                if (typeof (window.innerWidth) == 'number') {  
                    browserWidth = window.innerWidth;  
                    browserHeight = window.innerHeight;  
                }  
                //All IE except version 4  
                else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {                 
                   browserWidth = document.documentElement.clientWidth;  
                   browserHeight = document.documentElement.clientHeight;  
               }  
               //IE 4  
               else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {  
                   browserWidth = document.body.clientWidth;  
                   browserHeight = document.body.clientHeight;
               }

               return browserWidth
  }  


function showSlide() {
    var slideImageContainer = document.createElement("div");
    var slideImage = document.createElement("img");    

}


function goLocation(sel) {
    if (sel.value != "")
        document.location.href = sel.value
}


    function showHideSpecs()
    {
        var spec = document.getElementById("imageSpecifications");
        var specText = document.getElementById("imageSpecificationsSwitchText");
        if(spec.style.display == "none")
{
            spec.style.display = "block";
            specText.innerHTML = "Hide Image Specifications"
}
        else
{           
 spec.style.display = "none";
            specText.innerHTML = "Show Image Specifications"
}
    }

    function showSwatch()
    {
        var sw = document.getElementById("swatch");
        if(sw.src == "http://www.tripleoptics.net/vid/grey_calibration_top.jpg")
            sw.src = "http://www.tripleoptics.net/vid/grey_calibration.jpg";
        else
            sw.src = "http://www.tripleoptics.net/vid/grey_calibration_top.jpg";
    }
	function showPic()
	{
		window.scrollTo(0,150)
	}
	
   function bookmark(appName,pType,pTitle)
   {
        app = appName;
        pageTitle = pTitle
        switch(pType)
            {
            case "pic":
               BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback_pic');
            break;
            case "cat":
               BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback_cat');
            break; 
            case "page":
               BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback_page');
            break;                               
        }
    }
    BitlyCB.myShortenCallback_pic = function(data) {
		var result;
		for (var r in data.results) {
			result = data.results[r];
			result['longUrl'] = r;
			break;
		}
		
		switch(app)
            {
            case "twitter":
                window.open("http://twitter.com/home/?status="+ escape("I found this picture called "+ pageTitle +" that I want to share with you ") + result['shortUrl']);
            break;
            case "delicious":
               window.open("http://del.icio.us/post?url="+result['shortUrl']+"&amp;title="+escape("tripleoptics.net Picture titled: "+ pageTitle +" "));
            break; 
            case "digg":
               window.open("http://digg.com/submit?url="+ result['shortUrl'] +"&amp;title="+escape("tripleoptics.net Picture titled:  "+ pageTitle +" "));
            break;        
            case "reddit":
               window.open("http://reddit.com/submit?url="+ result['shortUrl'] +"&amp;title="+escape("tripleoptics.net Picture titled: "+ pageTitle +" "));
            break;     
            case "facebook":
               window.open("http://www.facebook.com/sharer.php?u="+result['shortUrl']);
            break;  
            case "stumbleupon":
               window.open("http://www.stumbleupon.com/submit?url="+ document.location.href +"&amp;title="+escape("I found this picture called "+ pageTitle +" that I want to share with you "));
            break;                                                           
        }
	}
	
    BitlyCB.myShortenCallback_cat = function(data) {
		var result;
		for (var r in data.results) {
			result = data.results[r];
			result['longUrl'] = r;
			break;
		}
		switch(app)
            {
            case "twitter":
                window.open("http://twitter.com/home/?status="+ escape("I found these picture called "+ pageTitle +" that I want to share with you ") + result['shortUrl']);
            break;
            case "delicious":
               window.open("http://del.icio.us/post?url="+result['shortUrl']+"&amp;title="+escape("tripleoptics photography by dn  "+ pageTitle +" pictures"));
            break; 
            case "digg":
               window.open("http://digg.com/submit?url="+ result['shortUrl'] +"&amp;title="+escape("tripleoptics photography by dn  "+ pageTitle +" pictures"));
            break;        
            case "reddit":
               window.open("http://reddit.com/submit?url="+ result['shortUrl'] +"&amp;title="+escape("tripleoptics photography by dn  "+ pageTitle +" pictures"));
            break;     
            case "facebook":
               window.open("http://www.facebook.com/sharer.php?u="+result['shortUrl']);
            break;  
            case "stumbleupon":
               window.open("http://www.stumbleupon.com/submit?url="+ document.location.href +"&amp;title="+escape("tripleoptics photography by dn "+ pageTitle +" pictures "));
            break;                                                           
        }
	}
    BitlyCB.myShortenCallback_page = function(data) {
		var result;
		for (var r in data.results) {
			result = data.results[r];
			result['longUrl'] = r;
			break;
		}
        	switch(app)
            {
            case "twitter":
                window.open("http://twitter.com/home/?status="+ escape("I found this link ["+ result['shortUrl'] +"] that I want to share with you"));
            break;
            case "delicious":
               window.open("http://del.icio.us/post?url="+result['shortUrl']+"&amp;title="+escape("link : photography tripleoptics.net"));
            break; 
            case "digg":
               window.open("http://digg.com/submit?url="+ result['shortUrl'] +"&amp;title="+escape("link : photography tripleoptics.net"));
            break;        
            case "reddit":
               window.open("http://reddit.com/submit?url="+ result['shortUrl'] +"&amp;title="+escape("link : photography tripleoptics.net"));
            break;     
            case "facebook":
               window.open("http://www.facebook.com/sharer.php?u="+result['shortUrl']);
            break;  
            case "stumbleupon":
               window.open("http://www.stumbleupon.com/submit?url="+ document.location.href +"&amp;title="+escape("link : photography tripleoptics.net"));
            break;                                                           
        }
     }


    var domIdText
    function getCategoryInformation(catId) {
        var catHolder = document.getElementById("EDITtxt_CategoryParamsHolder");
        catHolder.style.position = "absolute";
        catHolder.style.width = "400px";
        catHolder.style.height = "520px"; 
        
        var catIframe = document.createElement("iframe");
        catIframe.id = "catIframe";
        catIframe.style.width = "400px";
        catIframe.style.height = "480px";
        catIframe.style.backgroundColor = "black";
        catIframe.src = "http://www.tripleoptics.net/php/admin/editSmallCategoryDetails.php?dbtype=dark&catId=" + catId

        closeDiv = document.createElement("a");
        closeDiv.style.float = "left"
        closeDiv.href = "javascript:closeEdit('catIframe','EDITtxt_CategoryParamsHolder')"
        closeDiv.innerHTML = "<span style='font-size:11px'>close</span>";
         
        catHolder.appendChild(catIframe)
        catHolder.appendChild(closeDiv)
                       
    }
    
    function edit(dbattribute, domId,target, id, attributes) {

	   
        domIdText = document.getElementById(domId).innerHTML;
       
        
        var editPane = document.createElement("div")
        editPane.setAttribute("style", "z-index:200;position:relative");
        editPane.setAttribute("id","edit_pane_"+domId);
        if (dbattribute == "attribute_lens") {
            var lensArray = new Array('Sigma 10-20mm', 'Sigma 105mm macro', 'Canon 17-55mm f2.8', 'Canon 16-35mm f2.8L', 'Canon 17-40mm f4L', 'Canon 24-105mm f4L')
            var editSelection = document.createElement("select");
            editSelection.setAttribute("id", "edit__" + domId);
            for(i=0;i<lensArray.length;i++)
            {
                var lensOpt = document.createElement("option");
                lensOpt.setAttribute("value",lensArray[i])
                lensOpt.innerHTML = lensArray[i];
                editSelection.appendChild(lensOpt);
				target = domId;
            }
        }
        else if (dbattribute == "imageFilter") {
        
            var imageFilterArray = new Array('isIr', 'isMono', 'isColour', 'isHdr')
            var editSelection = document.createElement("div");
            editSelection.setAttribute("style", "background-color:black;float:left;width:100px");
            for (f = 0; f < imageFilterArray.length; f++) {
                
                var imageFilterOptionDiv = document.createElement("div")
                imageFilterOptionDiv.setAttribute("style", "float:left;clear:left");
               
                imageFilterOptionDiv.innerHTML = imageFilterArray[f];
                var imageFilterOption = document.createElement("input");
                imageFilterOption.type = "checkbox";
                if (attributes.charAt(f) == "1") {
                    imageFilterOption.checked = true;
                    imageFilterOption.checked;
                }
                imageFilterOption.setAttribute("id", imageFilterArray[f]);
                imageFilterOptionDiv.appendChild(imageFilterOption)
                editSelection.appendChild(imageFilterOptionDiv);
				target = target;
            }
 
        }
        else {
            var editSelection = document.createElement("textarea");
            editSelection.setAttribute("id", "edit__" + domId);
            
            editSelection.value = domIdText;
			target = domId;

        }
        var editPaneButton = document.createElement("input"); 
        editPaneButton.setAttribute("type","button");
        editPaneButton.setAttribute("value", "edit");
        editPaneButton.setAttribute("onclick", "submitEdit('" + dbattribute + "','edit__" + domId + "'," + id + ",'edit_pane_" + domId + "','" + target + "')");                
        
        var editPaneCloseButton = document.createElement("input");
        editPaneCloseButton.setAttribute("type", "button");  
        editPaneCloseButton.setAttribute("value","close");
        editPaneCloseButton.setAttribute("onclick", "closeEdit('edit_pane_" + domId + "','" + target + "')");                
              

        editPane.appendChild(editSelection);
        editPane.appendChild(editPaneButton);
        editPane.appendChild(editPaneCloseButton)
        document.getElementById(target).appendChild(editPane)
        editSelection.focus();
    }

    function commit(id, ele, container) {

        var catName = document.getElementById(ele).options[document.getElementById(ele).selectedIndex].text;     
        var cat = document.getElementById(ele).options[document.getElementById(ele).selectedIndex].value;
        if (cat != "") {
            commitCategory(cat, id, ele, catName)
        }
    }

    function commitCategory(category, id, select, catName) {
        var returnText = "f";
        xmlhttp = GetXmlHttpObject();
        var url = "/ajax/updateCategory.php";
        url = url + "?cat=" + category + "&id=" + id + "&catName=" + catName;
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4) {
                document.getElementById(select).selectedIndex = 0
            }
        }
        xmlhttp.open("GET", url, true);
        xmlhttp.send(null);
    }    

    function closeCategorySelect(container, editPane) {
        document.getElementById(container).parentNode.removeChild(document.getElementById(editPane));
    }

    function editCategory(dbattribute, domId,tempCat, category, id) {

        var editPane = document.createElement("div")
        editPane.setAttribute("style", "z-index:200;position:relative");
        editPane.setAttribute("id", "edit_pane_" + domId);
        
            var lensArray = new Array('Sigma 10-20mm', 'Sigma 105mm macro', 'Canon 17-55mm f2.8', 'Canon 16-35mm f2.8L', 'Canon 17-40mm f4L', 'Canon 24-105mm f4L')
            var editSelection = document.createElement("select");
            editSelection.setAttribute("id", "edit__" + domId);
            for (i = 0; i < lensArray.length; i++) {
                var lensOpt = document.createElement("option");
                lensOpt.setAttribute("value", lensArray[i])
                lensOpt.innerHTML = lensArray[i];
                editSelection.appendChild(lensOpt);
            }
       
        var editPaneCloseButton = document.createElement("input");
        editPaneCloseButton.setAttribute("type", "button");
        editPaneCloseButton.setAttribute("value", "close");
        editPaneCloseButton.setAttribute("onclick", "closeCategorySelect('" + domId + "','edit_pane_" + domId + "')");

        var editCommitButton = document.createElement("input");
        editCommitButton.setAttribute("type", "button");
        editCommitButton.setAttribute("value", "commit");
        editCommitButton.setAttribute("onclick", "commit('"+ id +"','edit__" + domId+"')");

        editPane.appendChild(editSelection);
        editPane.appendChild(editCommitButton);
        editPane.appendChild(editPaneCloseButton);
        // alert(editPane.innerHTML)
        document.getElementById(domId).parentNode.appendChild(editPane)
        

        getCategories(category, "edit__" + domId);
    }
    
    
    function submitEdit(dbattribute, newval, id, editPane ,mainContainer)
    {
        if (dbattribute == "imageFilter") {
            var ele = document.getElementById(mainContainer)
            var options = ele.childNodes[1].childNodes[0].childNodes
            for (v = 0; v < options.length; v++) {
                var option = options[v].childNodes[1].id
                var optionVal = options[v].childNodes[1].checked
                // alert(option + " -- " + optionVal)
                //alert("updateAttribute(" + option + ", " + optionVal + ", " + id + ")")
                updateAttribute(option, optionVal, id)
            }
            //var ele2= ele.getElementByTagName("input")
            //alert(ele2.length)
        }
        else {
            // alert(document.getElementById(newval).value+" != "+domIdText)
            if (document.getElementById(newval).value != domIdText) {
               // alert("updateAttribute(" + dbattribute + ", " + document.getElementById(newval).value + ", " + id + ")")
                updateAttribute(dbattribute, document.getElementById(newval).value, id)
            }

        }
        closeEdit(editPane, mainContainer)
        }    
    
    function closeEdit(editPane, mainContainer)
    {		
		var ele = document.getElementById(mainContainer);

			// ele.innerHTML = document.getElementById(editPane.value);
		

    			document.getElementById(mainContainer).removeChild(document.getElementById(editPane));
        //document.getElementById(mainContainer).removeChild(document.getElementById(editPane));
    }


     var xmlhttp

     function updateAttribute(attribute, value, id) {
         var returnText = "f";
         xmlhttp = GetXmlHttpObject();
         if (xmlhttp == null) {
            document.getElementById("EDITtxt_"+attribute).innerHTML = "[f]";
         }
         var url = "/ajax/updateAttribute.php";
         url = url + "?a=" + attribute + "&v=" + value + "&i=" + id;
         //alert(url)
         xmlhttp.onreadystatechange = function() {
             if (xmlhttp.readyState == 4) {
                document.getElementById("EDITtxt_"+attribute).innerHTML = "[u]";
             }
         }
         xmlhttp.open("GET", url, true);
         xmlhttp.send(null);
     }

     function getCategories(category, sectionId) {
         var returnText = "";
         xmlhttp = GetXmlHttpObject();
         if (xmlhttp == null) {
             alert("Your browser does not support XMLHTTP!");
             return;
         }
         var url = "/ajax/category.php";
         url = url + "?category=" + category;
         xmlhttp.onreadystatechange = function() {
             if (xmlhttp.readyState == 4) {
                 document.getElementById(sectionId).innerHTML = xmlhttp.responseText
             }
         }
         xmlhttp.open("GET", url, true);
         xmlhttp.send(null);
     }       

     function update(imageId, func) {
         var returnText = "";
         xmlhttp = GetXmlHttpObject();
         if (xmlhttp == null) {
             alert("Your browser does not support XMLHTTP!");
             return;
         }
         var url = "/ajax/update.php";
         url = url + "?id=" + imageId + "&f=" + func;
         xmlhttp.onreadystatechange = function() {
             if (xmlhttp.readyState == 4) {
                 document.getElementById("updateResponse").innerHTML = xmlhttp.responseText
             }
         }
         xmlhttp.open("GET", url, true);
         xmlhttp.send(null);
     }

    function getImages(type, tagtype, cat, img)
    {
        try{
         var returnText = "";
         xmlhttp = GetXmlHttpObject();
         if (xmlhttp == null) {
             alert("Your browser does not support XMLHTTP!");
             return;
         }
         var url = "/ajax/getNextImage.php";
         url = url + "?type=" + type + "&tagtype=" + tagtype + "&id=" + img + "&cat=" + cat;
         xmlhttp.onreadystatechange = function() {
             if (xmlhttp.readyState == 4) {
                 var btnHolder = document.getElementById("nextPrevImageLinks")
				 var imgArray = xmlhttp.responseText.split("|")
				 // alert(imgArray[0].length)
				 if(imgArray[1].length <= 1)
				 {
				 	// do nothing - start of category
				 }
				 else
				 {	// previous image
				    // alert("previous")
				 	var image1Array = 	imgArray[1].split(":")
					var image1Id = 		image1Array[0]
					var image1cat = 	image1Array[1]					
					var image1Url = 	image1Array[2]
					var image1Title = 	image1Array[3]	
					btnHolder.appendChild(buildButton('prev',type,cat,image1Id,image1cat,image1Url,image1Title));			
					//alert("previous Image : "+image1Array[2])
            	}
				 if(imgArray[2].length <= 1)
				 {
				 	// do nothing - end of category
				 }	
				 else { 	// next image
				    // alert("next")
				 	var image2Array = 	imgArray[2].split(":")
					var image2Id = 		image2Array[0]
					var image2cat = 	image2Array[1]					
					var image2Url = 	image2Array[2]
					var image2Title = 	image2Array[3]
					btnHolder.appendChild(buildButton('next',type,cat,image2Id,image2cat,image2Url,image2Title));							
					//alert("next Image : "+image2Array[2])					
				 }			 
				 	///alert(imgArray[0])
					//alert(imgArray[1])				 
				 	//document.getElementById("updateResponse").innerHTML = 
             }
         }
         xmlhttp.open("GET", url, true);
         xmlhttp.send(null);
         }
         catch(e)
         {
            // no image can be displayed
         }
    }

     function stateChanged() {
         if (xmlhttp.readyState == 4) {
             document.getElementById("updateResponse").innerHTML = xmlhttp.responseText;
         }
     }

     function GetXmlHttpObject() {
         if (window.XMLHttpRequest) {
             // code for IE7+, Firefox, Chrome, Opera, Safari
             return new XMLHttpRequest();
         }
         if (window.ActiveXObject) {
             // code for IE6, IE5
             return new ActiveXObject("Microsoft.XMLHTTP");
         }
         return null;
     }

     function showThumbnail(type) {
         document.getElementById("img" + type).style.display = "block";
     }
	 function hideThumbnail(type) {
	     document.getElementById("img" + type).style.display = "none";
	 }
	 
	 function buildButton(type,linktype,tagcat,id,cat,url,title)
	 {
	     var btn = document.createElement("div")
	     btn.className = "prevNextLink";
	     var tDiv = document.createElement("div")
	     tDiv.setAttribute("id", "img" + type);
	     //tDiv.setAttribute("style", "display:none");
	     tDiv.className = "imgHolder";
	     var tImg = document.createElement("img")


	     var btnLink = document.createElement("a")
	     var imgLink = document.createElement("a")
	     var finalCat = "";
	     if(linktype == "cat")
		    finalCat = id+"_"+ lowerise(addDashes(title)) +".aspx";
		 else if (linktype == "albumtags")
		    finalCat =  id + "_" + lowerise(addDashes(title)) + ".aspx";        
         else
             finalCat =  id + "_" + lowerise(addDashes(title)) + ".aspx";

         btnLink.setAttribute('href', finalCat);
         btnLink.setAttribute('title', "view the photo called " + title);
         imgLink.setAttribute('href', finalCat);
         imgLink.setAttribute('title', "view the photo called " + title);
         tImg.setAttribute("src", url);
         tImg.setAttribute("border", "0");
         tImg.setAttribute("width", "70");
         tImg.setAttribute("height", "98");         
         tImg.setAttribute("style", "width:70px;border:0px");
         tImg.setAttribute("alt", title);
         imgLink.appendChild(tImg);
         tDiv.appendChild(imgLink);
         
		// btnLink.setAttribute('onmouseover', "showThumbnail('"+type+"')");
		// btnLink.setAttribute('onmouseout', "hideThumbnail('"+type+"')");

		if (type == "prev") { type = "previous" };
		btnLink.innerHTML = type;
		btn.appendChild(btnLink)
		btn.appendChild(tDiv);
		return btn;
	 }
	// http://www.tripleoptics.net/objects-abstracts/machinery/images/788_watchmen.aspx
	// http://www.tripleoptics.net/objects-abstracts/786_glowing-budda.aspx
	function formatCat(str)
	{
		if(str.indexOf("ObjectsAbstracts") != -1)
		{
			return str.replace(/ObjectsAbstracts/gi,"objects-abstracts");
		}
		else
		{
			return str;
		}
	}
	function addDashes(str){
		return str.replace(/ /gi,"-")
	}
	function lowerise(str){
		return str.toLowerCase()
	}