/**************************************************************

	Script		: ProspectSlider
	Version		: 1.0
	Authors		: Matt Robinson

**************************************************************/

var ProspectSlider = new Class({

    Implements: [Events, Options],

    getOptions: function () {
        return {
            containerHeight: 100,
            slideMaskId: 'slide-mask',
            slideLeftClass: 'slide-left',
            slideRightClass: 'slide-right'
        };
    },

    initialize: function (slideContainerId, slideContentClassSelector, slideControlClassSelector, slideLeftRightContainerId, options) {
        this.setOptions(this.getOptions(), options);

        // vars
        this.slideChildren = $(slideContainerId).getChildren(slideContentClassSelector);
        this.slideArr;
        this.slideContainer;
        this.slideMask;
        this.slideTween;
        this.slideLeftRightContainer;

        if (this.slideChildren.length > 1) {
            this.createElements(slideContainerId, slideContentClassSelector, slideControlClassSelector, slideLeftRightContainerId);
        }
    },

    createElements: function (slideContainerId, slideContentClassSelector, slideControlClassSelector, slideLeftRightContainerId) {
        // Create mask
        this.slideMask = new Element('div',
		{
		    'id': this.options.slideMaskId,
		    'styles':
			{
			    'overflow': 'hidden',
			    'height': String(this.options.containerHeight + 'px'),
			    'position': 'relative'
			}
		});

        // Create container
        this.slideContainer = new Element('div',
		{
		    'styles':
			{
			    'position': 'absolute',
			    'left': '0px'
			}
		});

        // Setup tween
        this.slideTween = new Fx.Tween(this.slideContainer,
		{
		    duration: 'long',
		    transition: Fx.Transitions.Quad.easeInOut
		});

        this.controlElems = $$(slideControlClassSelector);

        var slideX = 0;
        var slideControl;
        var slide;

        // Create slides
        this.slideArr = new Array();

        this.slideChildren.each(function (el, i) {

            this.slideContainer.wraps(el);
            slideControl = this.getControlElem(el.get('id'));

            slide = new ProspectSlide(i, el, slideX, slideControl, this.options);
            slide.addEvent('selected', this.shiftSlide.bind(this));

            slideX += el.getSize().x;

            this.slideArr.push(slide);

        } .bind(this));

        this.slideMask.inject($(slideContainerId));
        this.slideContainer.inject(this.slideMask);

        this.slideContainer.setStyle('width', String(slideX + 'px'));

        // Create slide left / right control
        if ($(slideLeftRightContainerId)) {
            // Slide left
            this.slideLeft = new Element('a',
			{
			    'class': this.options.slideLeftClass,
			    'html': 'Previous',
			    'href': '#'
			});

            this.slideLeft.addEvent('click', function (evt) {
                evt.stop();

                if (this.currentSlide.slideIndex > 0) {
                    this.shiftSlide(this.slideArr[this.currentSlide.slideIndex - 1]);
                }

            } .bind(this));

            this.slideLeft.inject($(slideLeftRightContainerId))

            // Slide right
            this.slideRight = new Element('a',
			{
			    'class': this.options.slideRightClass,
			    'html': 'Next',
			    'href': '#'
			});

            this.slideRight.addEvent('click', function (evt) {
                evt.stop();

                if (this.currentSlide.slideIndex < (this.slideArr.length - 1)) {
                    this.shiftSlide(this.slideArr[this.currentSlide.slideIndex + 1]);
                }

            } .bind(this));

            this.slideRight.inject($(slideLeftRightContainerId))
        }

        // Set first slide
        this.shiftSlide(this.slideArr[0], true)
    },

    shiftSlide: function (evtTarget, set) {
        if (this.currentSlide && this.currentSlide.slideControlElem) {
            this.currentSlide.slideControlElem.removeClass('active');
        }

        this.currentSlide = evtTarget;

        if (this.slideLeft && this.slideRight) this.setSlideLeftRightState(this.currentSlide.slideIndex);

        if (this.currentSlide.slideControlElem) this.currentSlide.slideControlElem.addClass('active');

        this.slideTween.cancel();

        var shift = String(Number(0 - this.currentSlide.slideX) + 'px');

        if (!set) {
            this.slideTween.start('left', shift);
        }
        else {
            this.slideTween.set('left', shift);
        }
    },

    shiftToSlide: function (slideId) {

        slideId = slideId.replace(/[^A-z 0-9 -]+/g, '');

        this.slideArr.each(function (slide, i) {
            if (slide.id == slideId) {
                slide.select();
            }
        });
    },

    setSlideLeftRightState: function (slideIndex) {
        var min = 0;
        var max = this.slideArr.length - 1;

        switch (slideIndex) {
            case min:
                this.slideLeft.addClass('inactive');
                this.slideRight.removeClass('inactive');
                break;
            case max:
                this.slideRight.addClass('inactive');
                this.slideLeft.removeClass('inactive');
                break;
            default:
                this.slideLeft.removeClass('inactive');
                this.slideRight.removeClass('inactive');
                break;
        }
    },

    getControlElem: function (slideId) {
        var matchedElem = null;

        this.controlElems.each(function (el, i) {
            var href = el.get('href');
            href = href.replace(/[^A-z 0-9 -]+/g, '');

            if (slideId == href) {
                matchedElem = el;

                return matchedElem;
            }
        } .bind(this));

        return matchedElem;
    }
});

/**************************************************************

	Script		: ProspectSlide
	Version		: 1.0
	Authors		: Matt Robinson

**************************************************************/

var ProspectSlide = new Class({

    Implements: [Events, Options],

    getOptions: function () {
        return {};
    },

    initialize: function (slideIndex, slideElem, slideX, slideControlElem, options) {
        this.setOptions(this.getOptions(), options);

        // vars
        this.slideIndex = slideIndex;
        this.slideElem = slideElem;
        this.slideX = slideX;
        this.slideControlElem = slideControlElem;
        this.id = this.slideElem.get('id');

        if (this.slideControlElem) this.addEvents();
    },

    addEvents: function () {
        this.slideControlElem.addEvent('click', function (evt) {
            evt.stop();

            this.select();
        } .bind(this));
    },

    select: function () {
        this.fireEvent('selected', this);
    }
});

/**************************************************************

	Script		: ScrollBox
	Version		: 1.0
	Authors		: Matt Robinson

**************************************************************/

var ScrollBox = new Class({
	
	Implements: [Events, Options],
	
	getOptions: function()
	{
		return {
			upDownControls : true,
			scrollPortHeight: 100,
			useParentHeight: false,
			scrollSpeed : 10,
			scrollBoxContentClass: 'scroll-box-content',
			scrollBarContainerClass: 'scroll-bar-container',
			scrollBarTrackClass: 'scroll-box-track',
			scrollBarHandleClass: 'scroll-box-handle',
			scrollBarUpClass: 'scroll-up',
			scrollBarDownClass: 'scroll-down',
			scrollBarUpDownHeight: 10,
			scrollBarWidth: 10,
			scrollBoxGutter: 0,
			scrollContentPadding: 10
		};
	},
	
	initialize: function(targetElem, options)
	{
		this.setOptions(this.getOptions(), options);
		
		// vars
		this.scrollBoxContent = targetElem;
		this.dragging = false;
		this.grabPos = 0;
		this.contentYPos = 0;
		this.handleYPos = 0;
		this.targetHeight = ((this.options.useParentHeight) && (this.scrollBoxContent.getParent('div'))) ? this.scrollBoxContent.getParent('div').getSize().y : this.options.scrollPortHeight;
						
		if(this.scrollBoxContent.getSize().y > this.targetHeight)
		{			
			this.createScrollBox();
			this.createScrollBar();
			this.addListeners();
		}
	},
	
	createScrollBox: function()
	{
		this.scrollBoxPort = new Element('div',
		{			
			'styles' :
			{
				'width': '100%',
				'overflow' : 'hidden',
				'position' : 'relative',
				'height' : this.targetHeight + 'px'
			}
		});
		
		this.scrollBoxPort.wraps(this.scrollBoxContent);
		
		this.scrollBoxContent.addClass('scroll-box');
		this.scrollBoxContent.setStyle('position', 'relative');

		var widthReduction = this.options.scrollBarWidth + this.options.scrollBoxGutter + this.options.scrollContentPadding;
		
		this.scrollBoxContent.setStyles(
		{
			'position' : 'absolute',
			'width': this.scrollBoxContent.getSize().x - widthReduction,
			'padding-right' : this.options.scrollContentPadding
		});
			
		this.scaleFactor = this.scrollBoxPort.getSize().y / this.scrollBoxContent.getSize().y;
	},
	
	createScrollBar: function()
	{	
		this.scrollBarContainer = new Element('div',
		{
			'class' : this.options.scrollBarContainerClass,
			'styles' : 
			{
				'position' : 'absolute',
				'right' : 0,
				'top' : 0,
				'width': this.options.scrollBarWidth,
				'margin-right' : this.options.scrollBoxGutter
			}		
		});
		
		this.scrollBarContainer.inject(this.scrollBoxPort);
		
		var upDownModifier = 0;
			
		if(this.options.upDownControls)
		{
			upDownModifier = (this.options.scrollBarUpDownHeight * 2);
			
			var controlStyles =
			{
				'display' : 'block',
				'width' : String(this.options.scrollBarWidth + 'px'),
				'height' : String(this.options.scrollBarUpDownHeight + 'px')	
			}
			
			this.scrollBarUp = new Element('a',
			{
				'class' : this.options.scrollBarUpClass,
				'href' : '#',
				'styles' : controlStyles
			});
			
			this.scrollBarUp.inject(this.scrollBarContainer);		
		}
		
		this.scrollBarTrack = new Element('div',
		{
			'class' : this.options.scrollBarTrackClass,
			'styles' : 
			{
				'position' : 'relative',
				'height' : this.scrollBoxPort.getSize().y - upDownModifier	
			}
		});
		
		this.scrollBarTrack.inject(this.scrollBarContainer);
		
		if(this.options.upDownControls)
		{
			this.scrollBarDown = new Element('a',
			{
				'class' : this.options.scrollBarDownClass,
				'href' : '#',
				'styles' : controlStyles
			});
			
			this.scrollBarDown.inject(this.scrollBarContainer);	
		}
			
		this.scrollBarHandle = new Element('div',
		{
			'class' : this.options.scrollBarHandleClass,
			'styles' : 
			{
				'position' : 'absolute',
				'left' : 0,
				'top' : 0,
				'width' : this.options.scrollBarWidth,
				'height' : this.scrollBarTrack.getSize().y * this.scaleFactor,
				'cursor' : 'pointer'
			}
		});	
		
		this.scrollBarHandle.inject(this.scrollBarTrack);
	},
	
	addListeners: function()
	{	
		this.scrollBarHandle.addEvent('mousedown', function(evt)
		{
			evt.stop();
			this.grabPos = (evt.page.y - evt.target.getPosition().y);
			this.dragging = true;
		
		}.bind(this));
		
		//this.scrollBarHandle.addEvent('mouseup', function(evt)
		$(document).addEvent('mouseup', function(evt)
		{
			evt.stop();
			this.dragging = false;
		
		}.bind(this));
		
		//this.scrollBarTrack.addEvent('mousemove', function(evt)
		$(document).addEvent('mousemove', function(evt)
		{	
			if(this.dragging)
			{				
				evt.stop();
                
                var yPos = evt.page.y - this.scrollBarTrack.getPosition().y - this.grabPos;
				this.adjustScroll(yPos, "handle");
			}
			
		}.bind(this));
		
		if(this.options.upDownControls)
		{
			this.scrollBarUp.addEvent('click', function(evt)
			{
				evt.stop();
				this.scrollUp();
				
			}.bind(this));
			
			this.scrollBarDown.addEvent('click', function(evt)
			{
				evt.stop();
				this.scrollDown();
				
			}.bind(this));
		}
	},
	
	adjustScroll: function(yPos, adjust)
	{			
		adjust = (adjust) ? adjust : "adjust";
		
		if(adjust == "handle")
		{
			var scrollHandleOffset = this.scrollBarTrack.getSize().y - this.scrollBarHandle.getSize().y;
			
			if(yPos < 0)  yPos = 0;
			if(yPos > scrollHandleOffset) yPos = scrollHandleOffset;
			
			this.handleYPos = yPos;			
			this.contentYPos = 0 - ((yPos / scrollHandleOffset) * (this.scrollBoxContent.getSize().y - this.scrollBoxPort.getSize().y));
			
			this.scrollBarHandle.setStyle('top', String(this.handleYPos) + "px");
			this.scrollBoxContent.setStyle('top', String(this.contentYPos) + "px");
		}
		else if(adjust == "content")
		{
			var contentOffset = this.scrollBoxPort.getSize().y - this.scrollBoxContent.getSize().y;
			
			if(yPos > 0) yPos = 0;
			if(yPos < contentOffset) yPos = contentOffset;
			
			this.handleYPos = 0 - (yPos * (this.scrollBarTrack.getSize().y / this.scrollBoxContent.getSize().y));
			this.contentYPos = (yPos);
			
			this.scrollBoxContent.setStyle('top', String(this.contentYPos) + "px");
			this.scrollBarHandle.setStyle('top', String(this.handleYPos) + "px");
		}
	},
	
	scrollUp: function()
	{
		var ypos = this.contentYPos + this.options.scrollSpeed;
		this.adjustScroll(ypos, "content");
	},
	
	scrollDown: function()
	{
		var ypos = this.contentYPos - this.options.scrollSpeed;
		this.adjustScroll(ypos, "content");
	}	
});

/**************************************************************

	Script		: MultiBox
	Version		: 1.4.3
	Authors		: Samuel Birch / (Matt Robinson additions)
	Desc		: Supports jpg, gif, png, flash, flv, mov, wmv, mp3, html, iframe
	Licence		: Open Source MIT Licence

    Note        : This has been significantly edited for use with ProspectGB, do not reuse on other projects.


**************************************************************/

var MultiBox = new Class({

    getOptions: function () {
        return {
            initialWidth: 250,
            initialHeight: 250,
            container: document.body, //this will need to be setup to the box open in relation to this.
            overlay: false, //this will be a reference to an overlay instance. - TODO: implement below.
            contentColor: '#FFF',
            showNumbers: true,
            showControls: true,
            //showThumbnails: false,
            //autoPlay: false,
            //waitDuration: 2000,
            descClassName: false,
            descMinWidth: 400,
            descMaxWidth: 600,
            movieWidth: 400,
            movieHeight: 300,
            offset: { x: 0, y: 0 },
            fixedTop: false,
            path: 'files/',
            _onOpen: $empty,
            _onClose: $empty,
            _onLoad: $empty,
            _onAjaxLoad: $empty,
            openFromLink: true
            //relativeToWindow: true
        };
    },

    initialize: function (className, options) {
        this.setOptions(this.getOptions(), options);

        this.openClosePos = {};
        this.timer = 0;
        this.contentToLoad = {};
        this.index = 0;
        this.opened = false;
        this.contentObj = {};
        this.containerDefaults = {};
        this.createArray = [];

        if (this.options.useOverlay) {
            this.overlay = new Overlay({ container: this.options.container, onClick: this.close.bind(this) });
        }
        this.overlay = this.options.overlay;
        if (this.overlay) {
            this.overlay.setOnClick(this.close.bind(this));
        }

        this.content = $$('.' + className);
        if (this.options.descClassName) {
            this.descriptions = $$('.' + this.options.descClassName);
            this.descriptions.each(function (el) {
                el.setStyle('display', 'none');
            });
        }

        this.container = new Element('div').addClass('MultiBoxContainer').injectInside(this.options.container);
        this.iframe = new Element('iframe').setProperties({
            'id': 'multiBoxIframe',
            'name': 'mulitBoxIframe',
            'src': 'javascript:void(0);',
            'frameborder': 0,
            'scrolling': 'no'
        }).setStyles({
            'position': 'absolute',
            'top': -20,
            'left': -20,
            'filter': 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)',
            'opacity': 0
        }).inject(this.container);
        this.box = new Element('div').addClass('MultiBoxContent').inject(this.container);

        this.closeButton = new Element('div').addClass('MultiBoxClose').inject(this.container).addEvent('click', this.close.bind(this));

        this.controlsContainer = new Element('div').addClass('MultiBoxControlsContainer').inject(this.container);
        this.controls = new Element('div').addClass('MultiBoxControls').inject(this.controlsContainer);

        this.previousButton = new Element('div').addClass('MultiBoxPrevious').inject(this.controls).addEvent('click', this.previous.bind(this));
        this.nextButton = new Element('div').addClass('MultiBoxNext').inject(this.controls).addEvent('click', this.next.bind(this));

        this.title = new Element('div').addClass('MultiBoxTitle').inject(this.controls);
        this.titleMargin = this.title.getStyle('margin-left');
        this.number = new Element('div').addClass('MultiBoxNumber').inject(this.controls);
        this.description = new Element('div').addClass('MultiBoxDescription').inject(this.controls);



        if (this.content.length == 1) {
            this.title.setStyles({
                'margin-left': 0
            });
            this.description.setStyles({
                'margin-left': 0
            });
            this.previousButton.setStyle('display', 'none');
            this.nextButton.setStyle('display', 'none');
            this.number.setStyle('display', 'none');
        }

        new Element('div').setStyle('clear', 'both').inject(this.controls);

        this.content.each(function (el, i) {
            el.index = i;
            el.addEvent('click', function (e) {
                new Event(e).stop();
                this.open(el);
            } .bind(this));
            if (el.href.indexOf('#') > -1) {
                el.content = $(el.href.substr(el.href.indexOf('#') + 1));
                if (el.content) { el.content.setStyle('display', 'none'); }
            }
        }, this);

        this.containerEffects = new Fx.Morph(this.container, { duration: 400, transition: Fx.Transitions.Sine.easeInOut });
        this.iframeEffects = new Fx.Morph(this.iframe, { duration: 400, transition: Fx.Transitions.Sine.easeInOut });
        this.controlEffects = new Fx.Morph(this.controlsContainer, { duration: 300, transition: Fx.Transitions.Sine.easeInOut });

        this.reset();

        window.addEvent('resize', function (evt) {
            this.recenter();
        } .bind(this));
    },

    recenter: function () {
        this.container.setStyles({
            'top': (window.getSize().y / 2) - (this.container.getSize().y / 2),
            'left': (window.getSize().x / 2) - (this.container.getSize().x / 2)
        });
    },

    setContentType: function (link) {
        var str = link.href.substr(link.href.lastIndexOf('.') + 1).toLowerCase();
        var contentOptions = {};
        if ($chk(link.rel)) {
            var optArr = link.rel.split(',');
            optArr.each(function (el) {
                var ta = el.split(':');
                contentOptions[ta[0]] = ta[1];
            });
        }

        if (contentOptions.type != undefined) {
            str = contentOptions.type;
        }

        this.contentObj = {};
        this.contentObj.url = link.href;
        this.contentObj.src = link.href;
        this.contentObj.xH = 0;

        if (contentOptions.width) {
            this.contentObj.width = contentOptions.width;
        } else {
            this.contentObj.width = this.options.movieWidth;
        }
        if (contentOptions.height) {
            this.contentObj.height = contentOptions.height;
        } else {
            this.contentObj.height = this.options.movieHeight;
        }
        if (contentOptions.panel) {
            this.panelPosition = contentOptions.panel;
        } else {
            this.panelPosition = this.options.panel;
        }

        switch (str) {
            case 'jpg':
            case 'image':
            case 'gif':
            case 'png':
                this.type = 'image';
                break;
            case 'swf':
                this.type = 'flash';
                break;
            case 'youtube':
                this.type = 'youtube';
                break;
            case 'flv':
                this.type = 'flashVideo';
                this.contentObj.xH = 70;
                break;
            case 'mov':
                this.type = 'quicktime';
                break;
            case 'wmv':
                this.type = 'windowsMedia';
                break;
            case 'rv':
            case 'rm':
            case 'rmvb':
                this.type = 'real';
                break;
            case 'mp3':
                this.type = 'flashMp3';
                this.contentObj.width = 320;
                this.contentObj.height = 70;
                break;
            case 'element':
                this.type = 'htmlelement';
                this.elementContent = link.content;
                this.elementContent.setStyles({
                    display: 'block',
                    opacity: 0
                })

                if (contentOptions.width) {
                    this.contentObj.width = contentOptions.width;

                } else if (this.elementContent.getStyle('width') != 'auto') {
                    this.contentObj.width = this.elementContent.getStyle('width');
                }

                if (contentOptions.height) {
                    this.contentObj.height = contentOptions.height;
                } else {
                    this.contentObj.height = this.elementContent.getSize().y;
                }
                this.elementContent.setStyles({
                    display: 'none',
                    opacity: 1
                })
                break;

            default:

                this.type = 'iframe';
                if (contentOptions.ajax) {
                    this.type = 'ajax';
                }
                break;
        }
    },

    reset: function () {
        this.container.setStyles({
            'opacity': 0,
            'display': 'none'
        });
        this.controlsContainer.setStyles({
            'height': 0
        });
        this.removeContent();
        this.previousButton.removeClass('MultiBoxButtonDisabled');
        this.nextButton.removeClass('MultiBoxButtonDisabled');
        this.opened = false;
    },

    getOpenClosePos: function (el) {
        if (this.options.openFromLink) {
            if (el.getFirst()) {
                var w = el.getFirst().getCoordinates().width - (this.container.getStyle('border').toInt() * 2);
                if (w < 0) {
                    w = 0
                }
                var h = el.getFirst().getCoordinates().height - (this.container.getStyle('border').toInt() * 2);
                if (h < 0) {
                    h = 0
                }
                this.openClosePos = {
                    width: w,
                    height: h,
                    top: el.getFirst().getCoordinates().top,
                    left: el.getFirst().getCoordinates().left
                };
            }
            else {
                var w = el.getCoordinates().width - (this.container.getStyle('border').toInt() * 2);
                if (w < 0) {
                    w = 0
                }
                var h = el.getCoordinates().height - (this.container.getStyle('border').toInt() * 2);
                if (h < 0) {
                    h = 0
                }
                this.openClosePos = {
                    width: w,
                    height: h,
                    top: el.getCoordinates().top,
                    left: el.getCoordinates().left
                };
            }
        } else {
            var border = this.container.getStyle('border').toInt();

            if (this.options.fixedTop) {
                var top = this.options.fixedTop;
            } else {
                var top = ((window.getHeight() / 2) - (this.options.initialHeight / 2) - border) + this.options.offset.y + window.getScroll().y;
            }
            this.openClosePos = {
                width: this.options.initialWidth,
                height: this.options.initialHeight,
                top: top,
                left: ((window.getWidth() / 2) - (this.options.initialWidth / 2) - border) + this.options.offset.x
            };
        }
        return this.openClosePos;
    },

    open: function (el) {
        this.options._onOpen();

        this.index = this.content.indexOf(el);

        this.openId = el.getProperty('id');

        var border = this.container.getStyle('border').toInt();

        if (!this.opened) {
            this.opened = true;

            if (this.options.overlay) {
                this.overlay.show();
            }

            this.container.setStyles(this.getOpenClosePos(el));
            this.container.setStyles({
                opacity: 0,
                display: 'block'
            });

            if (this.options.fixedTop) {
                var top = this.options.fixedTop;
            } else {
                var top = ((window.getHeight() / 2) - (this.options.initialHeight / 2) - border) + this.options.offset.y + window.getScroll().y;
            }


            this.containerEffects.start({
                width: this.options.initialWidth,
                height: this.options.initialHeight,
                top: top,
                left: ((window.getWidth() / 2) - (this.options.initialWidth / 2) - border) + this.options.offset.x,
                opacity: [0, 1]
            });

            this.load(this.index);

        } else {
            if (this.options.showControls) {
                this.hideControls();
            }
            this.getOpenClosePos(this.content[this.index]);
            this.timer = this.hideContent.bind(this).delay(500);
            this.timer = this.load.pass(this.index, this).delay(1100);

        }

    },

    create: function (obj) {
        /*
        obj = {
        url: 'myurl',  *
        title: 'my title',
        description: 'my description',
        type: 'image',
        width: 400,
        height: 300
        }
        */
        if (this.createArray.contains(obj.url)) {
            var index = this.createArray.indexOf(obj.url);
            var a = this.content[index];
        } else {

            var id = 'mbDirect_' + $time();
            var rel = [];
            if (obj.type) { rel.push('type:' + obj.type) }
            if (obj.width) { rel.push('width:' + obj.width) }
            if (obj.height) { rel.push('height:' + obj.height) }

            var a = new Element('a', {
                'href': obj.url,
                'id': id,
                'title': obj.title || '',
                'rel': rel.join(',')
            });
            var desc = new Element('div', {
                'class': id,
                'html': obj.description || ''
            })

            this.createArray.push(obj.url);
            this.content.push(a);
            var index = this.content.length - 1;

            if (this.options.descClassName) {
                this.descriptions.include(desc);
            }
        }
        this.open(a);
    },

    getContent: function (index) {
        this.setContentType(this.content[index]);
        var desc = false;
        if (this.options.descClassName) {
            this.descriptions.each(function (el, i) {
                if (el.hasClass(this.openId)) {
                    desc = el.clone();
                }
            }, this);
        }
        this.contentToLoad = {
            title: this.content[index].title || '&nbsp;',
            desc: desc,
            number: index + 1
        };
    },

    close: function () {
        if (this.options.overlay) {
            this.overlay.hide();
        }
        if (this.options.showControls) {
            this.hideControls();
        }
        this.hideContent();
        this.containerEffects.cancel();
        this.zoomOut.bind(this).delay(500);
        this.options._onClose();
    },

    zoomOut: function () {
        this.iframeEffects.start({
            width: this.openClosePos.width,
            height: this.openClosePos.height
        });
        this.containerEffects.start({
            width: this.openClosePos.width,
            height: this.openClosePos.height,
            top: this.openClosePos.top,
            left: this.openClosePos.left,
            opacity: 0
        });
        this.reset.bind(this).delay(500);
    },

    load: function (index) {
        this.box.addClass('MultiBoxLoading');
        this.getContent(index);
        if (this.type == 'image') {
            var xH = this.contentObj.xH;
            this.contentObj = new Asset.image(this.content[index].href, { onload: this.resize.bind(this) });
            this.contentObj.xH = xH;
        } else {
            this.resize();
        }
    },

    resize: function () {
        if (this.tempSRC != this.contentObj.src) {

            var border = this.container.getStyle('border').toInt();

            if (this.options.fixedTop) {
                var top = this.options.fixedTop;
            }
            else {
                var top = ((window.getHeight() / 2) - ((Number(this.contentObj.height) + this.contentObj.xH) / 2) - border + window.getScrollTop()) + this.options.offset.y;
            }
            var left = ((window.getWidth() / 2) - (this.contentObj.width.toInt() / 2) - border) + this.options.offset.x;
            if (top < 0) {
                top = 0
            }
            if (left < 0) {
                left = 0
            }

            this.containerEffects.cancel();
            this.containerEffects.start({
                width: this.contentObj.width,
                height: Number(this.contentObj.height) + this.contentObj.xH,
                top: top,
                left: left,
                opacity: 1
            });
            this.iframeEffects.start({
                width: Number(this.contentObj.width) + (border * 2),
                height: Number(this.contentObj.height) + this.contentObj.xH + (border * 2)
            });
            this.timer = this.showContent.bind(this).delay(500);
            this.tempSRC = this.contentObj.src;
        }
    },

    showContent: function () {
        this.tempSRC = '';
        this.box.removeClass('MultiBoxLoading');
        this.removeContent();

        this.contentContainer = new Element('div').setProperties({ id: 'MultiBoxContentContainer' }).setStyles({ opacity: 0, width: this.contentObj.width + 'px', height: (Number(this.contentObj.height) + this.contentObj.xH) + 'px' }).injectInside(this.box);

        if (this.type == 'image') {
            this.contentObj.injectInside(this.contentContainer);

        } else if (this.type == 'iframe') {
            new Element('iframe').setProperties({
                id: 'iFrame' + new Date().getTime(),
                width: this.contentObj.width,
                height: this.contentObj.height,
                src: this.contentObj.url,
                frameborder: 0,
                scrolling: 'auto'
            }).injectInside(this.contentContainer);

        } else if (this.type == 'htmlelement') {
            this.contentContainer.setStyle('overflow', 'auto');
            this.elementContentParent = this.elementContent.getParent();
            this.elementContent.setStyle('display', 'block').injectInside(this.contentContainer);

        } else if (this.type == 'ajax') {
            /*new Request.HTML({
            update: $('MultiBoxContentContainer'),
            autoCancel: true,
            onComplete: this.reportAjaxLoaded()
            }).get(this.contentObj.url);*/

            new Request.HTML({
                url: this.contentObj.url,
                //update: $('MultiBoxContentContainer'),
                onSuccess: function (responseTree, responseElements, responseHTML) { this.reportAjaxLoaded(responseHTML); } .bind(this)
            }).get();

        } else {
            var obj = this.createEmbedObject().injectInside(this.contentContainer);
            if (this.str != '') {
                $('MultiBoxMediaObject').innerHTML = this.str;
            }
        }

        this.contentEffects = new Fx.Morph(this.contentContainer, { duration: 500, transition: Fx.Transitions.linear });
        this.contentEffects.start({
            opacity: 1
        });

        this.contentEffects.addEvent('complete', this.reportLoaded.bind(this))

        this.title.set('html', this.contentToLoad.title);
        if (this.content.length > 1) {
            this.number.set('html', this.contentToLoad.number + ' of ' + this.content.length);
        } else {
            this.number.set('html', '');
        }
        if (this.options.descClassName) {
            if (this.description.getFirst()) {
                this.description.getFirst().destroy();
            }
            if (this.contentToLoad.desc) {
                this.contentToLoad.desc.inject(this.description).setStyles({
                    display: 'block'
                });
            }
        }
        //this.removeContent.bind(this).delay(500);
        if (this.options.showControls) {
            if (this.contentToLoad.title != '&nbsp;' || this.content.length > 1) {
                this.timer = this.showControls.bind(this).delay(800);
            }
        }
    },

    reportAjaxLoaded: function (responseHTML) {

        var htmlElement = new Element('div',
        {
            'html': responseHTML
        });

        htmlElement.inject($('MultiBoxContentContainer'));
        this.options._onAjaxLoad();
    },

    reportLoaded: function () {
        this.contentEffects.removeEvents('complete');
        this.options._onLoad();
    },

    hideContent: function () {
        this.box.addClass('MultiBoxLoading');
        this.contentEffects.start({
            opacity: 0
        });
        this.removeContent.bind(this).delay(500);
    },

    removeContent: function () {
        if ($('MultiBoxMediaObject')) {
            $('MultiBoxMediaObject').empty();
            $('MultiBoxMediaObject').destroy();
        }
        if ($('MultiBoxContentContainer')) {
            if (this.type == 'htmlelement') {
                this.elementContent.setStyle('display', 'none').inject(this.elementContentParent);
            }

            //$('MultiBoxContentContainer').destroy();
            $('MultiBoxContentContainer').dispose();
        }
    },

    showControls: function () {
        this.clicked = false;

        if (this.container.getStyle('height') != 'auto') {
            this.containerDefaults.height = this.container.getStyle('height')
            this.containerDefaults.backgroundColor = this.options.contentColor;
        }

        this.container.setStyles({
            //'backgroundColor': this.controls.getStyle('backgroundColor'),
            'height': 'auto'
        });

        if (this.content.length > 1) {
            this.previousButton.setStyle('visibility', 'visible');
            this.nextButton.setStyle('visibility', 'visible');
            this.title.setStyle('margin-left', this.titleMargin);

            if (this.contentToLoad.number == 1) {
                this.previousButton.addClass('MultiBoxPreviousDisabled');
            } else {
                this.previousButton.removeClass('MultiBoxPreviousDisabled');
            }
            if (this.contentToLoad.number == this.content.length) {
                this.nextButton.addClass('MultiBoxNextDisabled');
            } else {
                this.nextButton.removeClass('MultiBoxNextDisabled');
            }
        } else {
            this.previousButton.setStyle('visibility', 'hidden');
            this.nextButton.setStyle('visibility', 'hidden');
            this.title.setStyle('margin-left', 0);
        }

        this.controlEffects.start({ 'height': this.controls.getCoordinates().height });
        this.iframeEffects.start({ 'height': this.iframe.getStyle('height').toInt() + this.controls.getStyle('height').toInt() });

        if (this.options.overlay) {
            this.options.overlay.position();
        }

    },

    hideControls: function (num) {
        this.iframeEffects.start({ 'height': this.iframe.getStyle('height').toInt() - this.controls.getStyle('height').toInt() });
        this.controlEffects.start({ 'height': 0 }).chain(function () {
            this.container.setStyles(this.containerDefaults);
        } .bind(this));
    },

    showThumbnails: function () {

    },

    next: function () {
        if (this.index < this.content.length - 1) {
            this.index++;
            this.openId = this.content[this.index].getProperty('id');
            if (this.options.showControls) {
                this.hideControls();
            }
            this.getOpenClosePos(this.content[this.index]);
            //this.getContent(this.index);
            this.timer = this.hideContent.bind(this).delay(500);
            this.timer = this.load.pass(this.index, this).delay(1100);
        }
    },

    previous: function () {
        if (this.index > 0) {
            this.index--;
            this.openId = this.content[this.index].getProperty('id');
            if (this.options.showControls) {
                this.hideControls();
            }
            this.getOpenClosePos(this.content[this.index]);
            //this.getContent(this.index);
            this.timer = this.hideContent.bind(this).delay(500);
            this.timer = this.load.pass(this.index, this).delay(1000);
        }
    },

    createEmbedObject: function () {
        if (this.type == 'flash') {
            var url = this.contentObj.url;

            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + this.contentObj.height + '" ';
            this.str += 'title="MultiBoxMedia">';
            this.str += '<param name="movie" value="' + url + '" />'
            this.str += '<param name="quality" value="high" />';
            this.str += '<embed src="' + url + '" ';
            this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + this.contentObj.height + '"></embed>';
            this.str += '</object>';

        }

        if (this.type == 'youtube') {
            var url = this.contentObj.url;

            var s = url.indexOf('v=') + 2;
            var e = url.indexOf('&', s);
            url = url.substring(s, e);
            url = 'http://www.youtube.com/v/' + url + '&h1=en&fs=1';
            //console.log(url)

            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + this.contentObj.height + '" ';
            this.str += 'title="MultiBoxMedia">';
            this.str += '<param name="movie" value="' + url + '" />'
            this.str += '<param name="quality" value="high" />';
            this.str += '<param name="allowFullScreen" value="true"></param>';
            this.str += '<embed src="' + url + '" ';
            this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
            this.str += 'allowfullscreen="true" ';
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + this.contentObj.height + '"></embed>';
            this.str += '</object>';

        }

        if (this.type == 'flashVideo') {
            //var url = this.contentObj.url.substring(0, this.contentObj.url.lastIndexOf('.'));
            var url = this.contentObj.url;

            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + (Number(this.contentObj.height) + this.contentObj.xH) + '" ';
            this.str += 'title="MultiBoxMedia">';
            this.str += '<param name="movie" value="' + this.options.path + 'flvplayer.swf" />'
            this.str += '<param name="wmode" value="opaque" />'
            this.str += '<param name="quality" value="high" />';
            this.str += '<param name="salign" value="TL" />';
            this.str += '<param name="scale" value="noScale" />';
            this.str += '<param name="FlashVars" value="path=' + url + '" />';
            this.str += '<embed src="' + this.options.path + 'flvplayer.swf" ';
            this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + (Number(this.contentObj.height) + this.contentObj.xH) + '"';
            this.str += 'salign="TL" ';
            this.str += 'scale="noScale" ';
            this.str += 'FlashVars="path=' + url + '"';
            this.str += '></embed>';
            this.str += '</object>';

        }

        if (this.type == 'flashMp3') {
            var url = this.contentObj.url;

            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" '
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + this.contentObj.height + '" ';
            this.str += 'title="MultiBoxMedia">';
            this.str += '<param name="movie" value="' + this.options.path + 'mp3player.swf" />'
            this.str += '<param name="quality" value="high" />';
            this.str += '<param name="salign" value="TL" />';
            this.str += '<param name="scale" value="noScale" />';
            this.str += '<param name="FlashVars" value="path=' + url + '" />';
            this.str += '<embed src="' + this.options.path + 'mp3player.swf" ';
            this.str += 'quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ';
            this.str += 'width="' + this.contentObj.width + '" ';
            this.str += 'height="' + this.contentObj.height + '"';
            this.str += 'salign="TL" ';
            this.str += 'scale="noScale" ';
            this.str += 'FlashVars="path=' + url + '"';
            this.str += '></embed>';
            this.str += '</object>';
        }

        if (this.type == 'quicktime') {
            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object  type="video/quicktime" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"';
            this.str += ' width="' + this.contentObj.width + '" height="' + this.contentObj.height + '">';
            this.str += '<param name="src" value="' + this.contentObj.url + '" />';
            this.str += '<param name="autoplay" value="true" />';
            this.str += '<param name="controller" value="true" />';
            this.str += '<param name="enablejavascript" value="true" />';
            this.str += '<embed src="' + this.contentObj.url + '" autoplay="true" pluginspage="http://www.apple.com/quicktime/download/" width="' + this.contentObj.width + '" height="' + this.contentObj.height + '"></embed>';
            this.str += '<object/>';

        }

        if (this.type == 'windowsMedia') {
            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object  type="application/x-oleobject" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"';
            this.str += ' width="' + this.contentObj.width + '" height="' + this.contentObj.height + '">';
            this.str += '<param name="filename" value="' + this.contentObj.url + '" />';
            this.str += '<param name="Showcontrols" value="true" />';
            this.str += '<param name="autoStart" value="true" />';
            this.str += '<embed type="application/x-mplayer2" src="' + this.contentObj.url + '" Showcontrols="true" autoStart="true" width="' + this.contentObj.width + '" height="' + this.contentObj.height + '"></embed>';
            this.str += '<object/>';

        }

        if (this.type == 'real') {
            var obj = new Element('div').setProperties({ id: 'MultiBoxMediaObject' });
            this.str = '<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"';
            this.str += ' width="' + this.contentObj.width + '" height="' + this.contentObj.height + '">';
            this.str += '<param name="src" value="' + this.contentObj.url + '" />';
            this.str += '<param name="controls" value="ImageWindow" />';
            this.str += '<param name="autostart" value="true" />';
            this.str += '<embed src="' + this.contentObj.url + '" controls="ImageWindow" autostart="true" width="' + this.contentObj.width + '" height="' + this.contentObj.height + '"></embed>';
            this.str += '<object/>';

        }

        return obj;
    }

});
MultiBox.implement(new Options);
MultiBox.implement(new Events);

/**************************************************************

	Script		: overlay
	Version		: 1.2
	Authors		: Samuel birch
	Desc		: Covers the window with a semi-transparent layer.
	Licence		: Open Source MIT Licence

    Note        : This has been significantly edited for use with ProspectGB, do not reuse on other projects.

**************************************************************/

var Overlay = new Class({
	
	getOptions: function(){
		return {
			colour: '#000',
			opacity: 0.7,
			zIndex: 1,
			container: document.body,
			_onClick: $empty
		};
	},

	initialize: function(options){
		this.setOptions(this.getOptions(), options);
		
		this.options.container = $(this.options.container);
		
		this.container = new Element('div').setProperty('id', 'OverlayContainer').setStyles({
			position: 'absolute',
			left: '0px',
			top: '0px',
			width: '100%',
			zIndex: this.options.zIndex
		}).injectInside(this.options.container);
		
		this.iframe = new Element('iframe').setProperties({
			'id': 'OverlayIframe',
			'name': 'OverlayIframe',
			'src': 'javascript:void(0);',
			'frameborder': 0,
			'scrolling': 'no'
		}).setStyles({
			'position': 'absolute',
			'top': 0,
			'left': 0,
			'width': '100%',
			'height': '100%',
			'filter': 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)',
			/*'opacity': 0,*/
			'zIndex': 1
		}).injectInside(this.container);
		
		this.overlay = new Element('div').setProperty('id', 'Overlay').setStyles({
			position: 'absolute',
			left: '0px',
			top: '0px',
			width: '100%',
			height: '100%',
			zIndex: 2,
			backgroundColor: this.options.colour
		}).injectInside(this.container);
		
		if(this.options._onClick){
			this.container.addEvent('click', function(){
				this.options._onClick.call(this)
			}.bind(this));
		}
		
		//this.fade = new Fx.Tween(this.container).set('opacity', 0);
		this.container.fade('hide');
		this.position();
		
		window.addEvent('resize', this.position.bind(this));
	},
	
	setOnClick: function(func){
		this.container.addEvent('click', func);
	},
	
	position: function(){ 
		if(this.options.container == document.body){
		    this.container.setStyles({ top: '0px', height: '0px' }); 
            //var h = window.getScrollHeight()+'px'; 
            var h = window.getSize().y+'px'; 
			this.container.setStyles({top: '0px', height: h}); 
		}else{ 
			var myCoords = this.options.container.getCoordinates(); 
			this.container.setStyles({
				top: myCoords.top+'px', 
				height: myCoords.height+'px', 
				left: myCoords.left+'px', 
				width: myCoords.width+'px'
			}); 
		} 
	},
	
	show: function(){
		//this.fade.start(0,this.options.opacity);
		this.container.fade(this.options.opacity);
	},
	
	hide: function(){
		//this.fade.start(this.options.opacity,0);
		this.container.fade('out');
	}
	
});
Overlay.implement(new Options);