function gtReferenceFinderCollection(url){

    //this.request = new AjaxRequest({target:'index.php?eID=gt_references'});
    this.request = new AjaxRequest({target:url});

    this.updateCollection = function(obj){
        //var container = $$(this.basketContainerClass)[0];
        //this.basketContainer = container;
        //alert('test');
    	
    	var requestObj = {
                'action':'updateCollection',
               'uid': obj.uid
        };

        
        var callback = function(result){
            //alert(result);
            //var ajaxresult = result.payload
            //this.basketContainer.set('html',ajaxresult);
            //alert(result.msg);
        }.bind(this);
        this.request.queue.push([requestObj,callback]);
        this.request.xDispatch();
        
        
    };

    this.checkSubCategories = function(obj){
      ulEl = $(obj.ulID);
      if($defined(ulEl)){
         var allCheckboxes = ulEl.getElements('input[type=checkbox]');
         if($defined(allCheckboxes)){
            allCheckboxes.each(
               function(el,index){
                  if(obj.el.checked){
                     el.setProperty('checked','checked');
                  } else {
                     el.setProperty('checked','');
                  }
               }
            );
         }
      }
    }
}



function referenceIvInit() {
	var viewer = document.getElement('.reference-i-viewer');
	if($defined(viewer)) {
		var imgs = viewer.getElements('img');
		var height = 0;
		viewer.setStyle('position', 'relative');
		imgs.each(function(img,nr) {
			if(img.get('height')>height) {
				height = img.get('height');
			}
			img.setStyles({
						  'position': 'absolute',
						  'top': '0px',
						  'left': '0px'
						 });
			if(nr!=0) {
				img.setOpacity('0');
			} else {
				resize(imgs[0], viewer, 1);
			}
		});
	}
	
	var control = document.getElement('.reference-i-control');
	if($defined(control) && $defined(viewer)) {
		var imgsS = viewer.getElements('img');
		var imgs = control.getElements('img');
		// do not show first image
		if($defined(imgs[0])){
			imgs[0].setStyle('display','none');
			//imgs[0].setOpacity('0');
		}
      var maxHeight = 0;
		imgs.each(function(img,inr) {
			if(inr != 1 && inr != 2 && inr != 3){
				//img.setOpacity('0');
			} else {
				img.setOpacity('1');
			}
			img.setStyle('cursor', 'pointer');
         var height = img.get('height').toInt();
         if(height > maxHeight){
            maxHeight = height;
         }
			img.addEvent('mouseover', function() {
				if($defined(imgsS[inr])) {
					//alert(inr);
					imgsS.each(function(img2) {
						img2.fade(0);
					});
					//alert(inr);
					resize(imgsS[inr], viewer, 0);
					imgsS[inr].fade(1);
				}
			});
			img.addEvent('mouseleave', function() {
				if($defined(imgsS[0])){
					imgsS.each(function(img2) {
						img2.fade(0);
					});
					resize(imgsS[0], viewer, 0);
					imgsS[0].fade(1);
					
				}
			});
		});
	}
   if(maxHeight){
      var controlEl = $('reference-i-control');
      if($defined(controlEl)){
         controlEl.setStyle('height',maxHeight+30+'px');
      }
   }
	
	/* the image groups a 3 images */
	var groups = document.getElements('.reference-i-group');

	/* label stuff */
	var nextLabelEl = $("reference-label-next");
	if($defined(nextLabelEl)){
		var nextLabel = nextLabelEl.get('value')
	}
	var prevLabelEl = $("reference-label-prev");
	if($defined(prevLabelEl)){
		var prevLabel = prevLabelEl.get('value')
	}

	
	// do not show first image
	if($defined(groups[0])){
		//groups[0].setStyle('display','none');
	}
	if($defined(groups)){
		groups.each(function(group,gnr){
			if(gnr != 1){
				//group.setStyle('display','none');
				group.setOpacity('0');
				group.fade(0);
            if(maxHeight){
               group.setStyle('height',maxHeight+25+'px');
            }
			} 
         
			//group.setStyle('position','absolute');
			
		});
		//groups[1].setOpacity('1');
      if($defined(groups[1])){
         groups[1].fade(1);
         groups[1].setStyle('height',maxHeight+25+'px');
      }
		//groups[1].setStyle('border','1px solid green');
		var numbers = groups.length;
   
   
		groups.each(function(group,gnr){
			if(gnr>0){
				var nextAnchor = new Element('a', {
					'href': '#',
				    'text': nextLabel,
				    
				    'styles': {
				        'float': 'right'
				    },
				    
				    'events': {
				        'click': function(){
				    		var next = gnr + 1;
				    		groups.each(function (innerGroup,cnt){
				    			innerGroup.fade(0);
				    		});
				    		groups[next].fade(1);
				            return false;
				        }
				    }
				});
				var prevAnchor = new Element('a', {
					'href': '#',
				    'html': prevLabel,
				    
				    'styles': {
				        'float': 'left'
				    },
				    
				    'events': {
				        'click': function(){
                        var prev = gnr - 1;
                        groups.each(function (innerGroup,cnt){
                           innerGroup.fade(0);
                        });
                        groups[prev].fade(1);
                        return false;
				        }
				    }
				});
				var hrCleaner = new Element('hr', { 'class': 'clean' });
				var pageBrowserDiv = new Element('div', { 'class': 'reference-img-pagebrowser' });
				group.grab(hrCleaner);
				if(gnr>1){
					//group.grab(prevAnchor);
					pageBrowserDiv.grab(prevAnchor);
				}
				//alert(gnr+' - '+numbers);
				if(gnr+1 < numbers){
					pageBrowserDiv.grab(nextAnchor);
					//group.grab(nextAnchor);
				}
            group.grab(pageBrowserDiv);

			//}
			}
			
		});
   
   
   
   
   
   }
}