var xCollectionImage;
/**
 * 	Collection image
 *
	searches all items with the class: collection image
	Stores them in an array
	Displays the images one by one
 */
collectionImage = Class.create();
collectionImage.prototype = {

		collectionPaths : [],
		collArray : [], // array with all the image items

		initialize : function(itemClass) {
	
			this.collArray = $$(".collection_image");
			// remove the visual element
			var item = $('collection_image_box');
			if (item) {
				var myPar = item.parentNode;
				$(myPar).removeChild(item);
			}
			if (0 < this.collArray.length) {
		
				for ( var i = 0; i < this.collArray.length; i++) {
					var obj = this.collArray[i];
		
					if (true == this.collAddEvent(i)) {
						// initial image is enlarged
						break;
					}
				}
			}	//	enlarge_text
		},
		collAddEvent : function(nr) {
			//	check if array
			if (0 > this.collArray) {
				alert("no image data");
			}
			var obj = this.collArray[nr];
		
			// remove thumbnail fron the obj
			imageThumb = obj.getElementsByTagName('img')['0'];
			if (imageThumb) {
				var myPar = imageThumb.parentNode;
				$(myPar).removeChild(imageThumb);
			}
		
			obj = obj.getElementsByTagName('a')['0'];
		
			// place image	
			var imgLoc = $('portfolio_image');
			if (imgLoc) {
				// remove old image if present
				var old_img = $("image_show");
				if (old_img) {
					var myPar = old_img.parentNode;
					$(myPar).removeChild(old_img);
				}
		
				var imgPath = obj.href;
		
				// element was found
				var item = Builder.node('img', {
					'src' :imgPath,
					'class' :'image_show',
					'id' :'image_show'
				}, ''); // image
		
				imgLoc.appendChild(item);
			}
		
			// place text
			var textLoc = $("portfolio_text");
			if (textLoc) {
				if (obj.text == undefined) {
					textLoc.innerHTML = '';
				} else {
					textLoc.innerHTML = obj.innerHTML;
				}
			}
		
			// update btn link
		
			// BUTTON FOR NEXT
			var buttonNext = $('xmic_buttonNext');
			if (buttonNext) {
		
				var linkobjs = buttonNext.getElementsByTagName('a');
				// check if hyperlink objs are found
				if (0 < linkobjs.length) {
					for ( var i = 0; i < linkobjs.length; i++) {
						var obj = linkobjs[i];
		
						var next = nr + 1;
		
						if ((next) >= this.collArray.length) {
							// new number is higher than the image count
							buttonNext.style.visibility = "hidden";
						} else {
							buttonNext.style.visibility = "visible";
							obj.href = "javascript: xCollectionImage.collObjectEvent(" + next + "); ";
						}
						//alert(obj.href);
					}
				}
			}
		
			// BUTTON FOR PREVIOUS
			var buttonPrevious = $('xmic_buttonPrevious');
			if (buttonPrevious) {
		
				var linkobjs = buttonPrevious.getElementsByTagName('a');
				// check if hyperlink objs are found
				if (0 < linkobjs.length) {
					for ( var i = 0; i < linkobjs.length; i++) {
						var obj = linkobjs[i];
		
						var prev = nr - 1;
		
						if ((prev) < 0) {
							// new number is higher than the image count
							buttonPrevious.style.visibility = "hidden";
						} else {
							buttonPrevious.style.visibility = "visible";
							obj.href = "javascript: xCollectionImage.collObjectEvent(" + prev + "); ";
						}
					}
				}
			}
		
			return 1;
			// end display_photo_text
		},
		collObjectEvent : function(val) {
			this.collAddEvent(val);
		}
};