var FlashHelper=new Object();
FlashHelper.height=1;
FlashHelper.width=1;
FlashHelper.shouldWaitForFlash=function(){
}

FlashHelper.isFlashInstalled=function(){
    var ret;
    if (typeof(this.isFlashInstalledMemo) != "undefined") { return this.isFlashInstalledMemo; }
    if (typeof(ActiveXObject) != "undefined") {
        try {
            var ieObj = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
        } catch (e) { }
        ret = (ieObj != null);
    } else {
        var plugin = navigator.mimeTypes["application/x-shockwave-flash"];
        ret = (plugin != null) && (plugin.enabledPlugin != null);
    }
    this.isFlashInstalledMemo = ret;
    return ret;
}

FlashHelper.getFlash = function() {
    return $('storage');
}

FlashHelper.checkFlash = function() {
    try {
        return (this.getFlash().ping() == "pong");
    }
    catch (e) { return false; }
}

FlashHelper.writeFlash = function() { 
    var swfName = "Hinetmedia.API.swf";
    if (window.ActiveXObject && !FlashHelper.isFlashInstalled())
    {
        document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
        document.write(' codebase="http://download.macromedia.com');
        document.write('/pub/shockwave/cabs/flash/swflash.cab#version=8,5,0,0"');
        document.write(' height="0" width="0" id="storage">');
        document.write(' <param name="movie" value="0">');
        document.write(' <param name="quality" value="high">');
        document.write(' <param name="swliveconnect" value="true">');
        document.write('<\/object>');
    }
    else
    {
        document.write('<DIV style="position:absolute"><object id="storage" data="' + swfName + '"');
        document.write(' type="application/x-shockwave-flash"');
        document.write(' height="0" width="0">');
        document.write('<param name="movie" value="' + swfName + '">');
        document.write('<param name="quality" value="high">');
        document.write('<param name="swliveconnect" value="true">');
        document.write('<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">');
        document.write('<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer">');
        //document.write('<p>You need Flash for this.');  
        //document.write(' Get the latest version from');
        //document.write(' <a href="http://www.macromedia.com/software/flashplayer/">here<\/a>.');
        //document.write('<\/p>');
        document.write('<\/object></DIV>'); 
    }
}


FlashHelper.addLoadEvent = function(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      //oldonload();
      func();
    }
  }
}

FlashHelper.load = function() {
    if (typeof(FlashHelper.onload) != "function") { return; } 
    if (FlashHelper.isFlashInstalled()) {
        var finishedLoading = this.flashLoaded && this.documentLoaded;
        if (!finishedLoading) { return; }
    }
    var fs = FlashHelper.getFlash();
    if ((!FlashHelper.isFlashInstalled() || this.flashLoaded) && fs) {
        if (FlashHelper.checkFlash()) {
            callAppOnLoad(fs);
        } else {
            callAppOnLoad(null);
        }
    } else {
        callAppOnLoad(null);
    }
    function callAppOnLoad(fs) {
        if (FlashHelper.onloadCalled) { return; } // todo: figure out why this case gets hit
        FlashHelper.onloadCalled = true;
        FlashHelper.onload(fs);
    }
}

function storageOnLoad() { 
    FlashHelper.flashLoaded = true;
    FlashHelper.load();
}

function storageOnError() {
    FlashHelper.flashLoaded = true;
    FlashHelper.load();
}

FlashHelper.init = function() {
    this.flashLoaded = false;
    this.documentLoaded = false;
    this.addLoadEvent(onload);
    function onload() {
        if (FlashHelper.isFlashInstalled()) {
        }
        FlashHelper.documentLoaded = true;
        FlashHelper.load();
    }
}

FlashHelper.init();
var CallbackManager = new Object();
CallbackManager.callbacks = new Array();
CallbackManager.registerCallback = function(callback) {
    var length = this.callbacks.push(selfDeleteCallback);
    var callbackID = length - 1;
    return "CallbackManager.callbacks[" + callbackID + "]";
    function selfDeleteCallback(obj) {
        delete CallbackManager.callbacks[callbackID];
        setTimeout(function() { callback(obj); }, 0);
        return;
    } 
}

var FlashXMLHttpRequest = function() {
    var self = this;
    var _method, _url, _contentType = null;
    var _headers = new Array();
    this.open = function(method, url, async, user, password) { 
        _method = method;
        _url = url;
    }
    this.send = function(body) {
        var fs = FlashHelper.getFlash();
        function callback(varName) {
            var response = FlashHelper.getFlash().GetVariable(varName);
            self.responseText = response;
            if (self.onload) {
                self.onload();
            }
        }
        fs.XmlHttp(_url, CallbackManager.registerCallback(callback), _method, body, _contentType, _headers);
    }
    this.setRequestHeader = function(header, value) {
        if (header.toLowerCase() == "Content-Type".toLowerCase()) {
            _contentType = value;
            return;
        }
        _headers.push(header);
        _headers.push(value);
    }
    this.getRequestHeader = function() {  }
    this.getResponseHeader = function(a) { alert("not supported"); }
    this.getAllResponseHeaders = function() { alert("not supported"); }
    this.abort = function() { alert("not supported"); }
    this.addEventListener = function(a, b, c) { alert("not supported"); }
    this.dispatchEvent = function(e) { alert("not supported"); }
    this.openRequest = function(a, b, c, d, e) { this.open(a, b, c, d, e); }
    this.overrideMimeType = function(e) { alert("not supported"); }
    this.removeEventListener = function(a, b, c) { alert("not supported"); }
}


FlashHelper.writeFlash();
//* Flash HTTP Request -----------------------------------------------------------------------------------------------

Slideshow = new Class({
	Implements: [Chain, Events, Options],
	
	options: {
		captions: false,
		center: true,
		classes: [],
		controller: false,
		delay: 2000,
		duration: 750,
		fast: false,
		height: false,
		href: '',
		hu: '',
		linked: false,
		loader: {'animate':['css/loader-1.png',12]},
		loop: true,
		match: /\?slide=(\d+)$/,
		/*
		onComplete: $empty,
		onStart: $empty,
		*/
		overlap: true,
		paused: false,
		random: false,
		replace: [/\.(.{3})$/, 't.$1'],
		resize: 'width',
		slide: 0,
		thumbnails: false,
		transition: function(p){return -(Math.cos(Math.PI * p) - 1) / 2;},
		width: false
	},
	
/**
Constructor: initialize
	Creates an instance of the Slideshow class.
	
Arguments:
	element - (element) The wrapper element.
	data - (array or object) The images and optional thumbnails, captions and links for the show.
	options - (object) The options below.
	
Syntax:
	var myShow = new Slideshow(element, data, options);
*/

	initialize: function(el, data, options){	
		this.setOptions(options);
		this.slideshow = $(el);
		if (!this.slideshow) 
			return;
		this.slideshow.set('styles', {'display': 'block', 'position': 'relative', 'z-index': 0});
		var match = window.location.href.match(this.options.match);
		this.slide = (this.options.match && match) ? match[1].toInt() : this.options.slide;
		this.counter = this.delay = this.transition = 0;
		this.direction = 'left';
		this.paused = false;
		if (!this.options.overlap)
			this.options.duration *= 2;
		var anchor = this.slideshow.getElement('a') || new Element('a');
		if (!this.options.href)
			this.options.href = anchor.get('href') || '';
		if (this.options.hu.length && this.options.hu.substr(-1) != '/') 
			this.options.hu += '/';
		
		// styles
		
		var keys = ['slideshow', 'first', 'prev', 'play', 'pause', 'next', 'last', 'images', 'captions', 'controller', 'thumbnails', 'hidden', 'visible', 'inactive', 'active', 'loader'];
		var values = keys.map(function(key, i){
			return this.options.classes[i] || key;
		}, this);
		this.classes = values.associate(keys);
		this.classes.get = function(){
			var str = '.' + this.slideshow;
			for (var i = 0, l = arguments.length; i < l; i++)
				str += ('-' + this[arguments[i]]);
			return str;
		}.bind(this.classes);
			
		// data	
			
		if (!data){
			this.options.hu = '';
			data = {};
			var thumbnails = this.slideshow.getElements(this.classes.get('thumbnails') + ' img');
			this.slideshow.getElements(this.classes.get('images') + ' img').each(function(img, i){
				var src = img.get('src');
				var caption = img.get('alt') || img.get('title') || '';
				var href = img.getParent().get('href') || '';
				var thumbnail = thumbnails[i].get('src') || '';
				data[src] = {'caption': caption, 'href': href, 'thumbnail': thumbnail};
			});
		}
		var loaded = this.load(data);
		if (!loaded)
			return; 
		
		// events
		
		this.events = $H({'keydown': [], 'keyup': [], 'mousemove': []});
		var keyup = function(e){
			switch(e.key){
				case 'left': 
					this.prev(e.shift); break;
				case 'right': 
					this.next(e.shift); break;
				case 'p': 
					this.pause(); break;
			}
		}.bind(this);		
		this.events.keyup.push(keyup);
		document.addEvent('keyup', keyup);

		// required elements
			
		var el = this.slideshow.getElement(this.classes.get('images'));
		var images = (el) ? el.empty() : new Element('div', {'class': this.classes.get('images').substr(1)}).inject(this.slideshow);
		var div = images.getSize();
		this.height = this.options.height || div.y;		
		this.width = this.options.width || div.x;
		images.set({'styles': {'display': 'block', 'height': this.height, 'overflow': 'hidden', 'position': 'relative', 'width': this.width}});
		this.slideshow.store('images', images);
		this.a = this.image = this.slideshow.getElement('img') || new Element('img');
		this.a.set('styles', {'display': 'none', 'position': 'absolute', 'zIndex': 1});
		this.b = this.a.clone();
		[this.a, this.b].each(function(img){
			anchor.clone().grab(img).inject(images);
		});
		
		// optional elements
		
		if (this.options.captions)
 			this._captions();
		if (this.options.controller)
			this._controller();
		if (this.options.loader)
 			this._loader();
		if (this.options.thumbnails)
			this._thumbnails();
			
		// begin show
		
		this._preload();
	},
	
/**
Public method: go
	Jump directly to a slide in the show.

Arguments:
	n - (integer) The index number of the image to jump to, 0 being the first image in the show.
	
Syntax:
	myShow.go(n);	
*/

	go: function(n, direction){
		if ((this.slide - 1 + this.data.images.length) % this.data.images.length == n || $time() < this.transition)
			return;		
		$clear(this.timer);
		this.delay = 0;		
		this.direction = (direction) ? direction : ((n < this.slide) ? 'right' : 'left');
		this.slide = n;
		if (this.preloader) 
			this.preloader = this.preloader.destroy();
		this._preload(this.options.fast || this.paused);
	},

/**
Public method: first
	Goes to the first image in the show.

Syntax:
	myShow.first();	
*/

	first: function(){
		this.prev(true); 
	},

/**
Public method: prev
	Goes to the previous image in the show.

Syntax:
	myShow.prev();	
*/

	prev: function(first){
		var n = 0;
		if (!first){
			if (this.options.random){
				
				// if it's a random show get the previous slide from the showed array

				if (this.showed.i < 2)
					return;
				this.showed.i -= 2;
				n = this.showed.array[this.showed.i];
			}
			else
				n = (this.slide - 2 + this.data.images.length) % this.data.images.length;									
		}
		this.go(n, 'right');
	},

/**
Public method: pause
	Toggles play / pause state of the show.

Arguments:
	p - (undefined, 1 or 0) Call pause with no arguments to toggle the pause state. Call pause(1) to force pause, or pause(0) to force play.

Syntax:
	myShow.pause(p);	
*/

	pause: function(p){
		if ($chk(p))
			this.paused = (p) ? false : true;
		if (this.paused){
			this.paused = false;
			this.delay = this.transition = 0;		
			this.timer = this._preload.delay(100, this);
			[this.a, this.b].each(function(img){
				['morph', 'tween'].each(function(p){
					if (this.retrieve(p)) this.get(p).resume();
				}, img);
			});
			if (this.options.controller)
				this.slideshow.getElement('.' + this.classes.pause).removeClass(this.classes.play);
		} 
		else {
			this.paused = true;
			this.delay = Number.MAX_VALUE;
			this.transition = 0;
			$clear(this.timer);
			[this.a, this.b].each(function(img){
				['morph', 'tween'].each(function(p){
					if (this.retrieve(p)) this.get(p).pause();
				}, img);
			});
			if (this.options.controller)
				this.slideshow.getElement('.' + this.classes.pause).addClass(this.classes.play);
		}
	},
	
/**
Public method: next
	Goes to the next image in the show.

Syntax:
	myShow.next();	
*/

	next: function(last){
		var n = (last) ? this.data.images.length - 1 : this.slide;
		this.go(n, 'left');
	},

/**
Public method: last
	Goes to the last image in the show.

Syntax:
	myShow.last();	
*/

	last: function(){
		this.next(true); 
	},

/**
Public method: load
	Loads a new data set into the show: will stop the current show, rewind and rebuild thumbnails if applicable.

Arguments:
	data - (array or object) The images and optional thumbnails, captions and links for the show.

Syntax:
	myShow.load(data);
*/

	load: function(data){
		this.firstrun = true;
		this.showed = {'array': [], 'i': 0};
		if ($type(data) == 'array'){
			this.options.captions = false;			
			data = new Array(data.length).associate(data); 
		}
		this.data = {'images': [], 'captions': [], 'hrefs': [], 'methods': [], 'targets': [], 'thumbnails': []};
		for (image in data){
			var obj = data[image] || {};
			var caption = (obj.caption) ? obj.caption.trim() : '';
			var href = (obj.href) ? obj.href.trim() : ((this.options.linked) ? this.options.hu + image : this.options.href);
			var thumbnail = (obj.thumbnail) ? obj.thumbnail.trim() : image.replace(this.options.replace[0], this.options.replace[1]);
			var method = (obj.method) ? obj.method.trim() : '';
			var target = (obj.target) ? obj.target.trim() : '';
			this.data.images.push(image);
			this.data.captions.push(caption);
			this.data.hrefs.push(href);
			this.data.thumbnails.push(thumbnail);
			this.data.methods.push(method);
			this.data.targets.push(target);
		}
		
		// only run when data is loaded dynamically into an existing slideshow instance
		
		if (this.options.thumbnails && this.slideshow.retrieve('thumbnails'))
			this._thumbnails();
		if (this.slideshow.retrieve('images')){
			[this.a, this.b].each(function(img){
				['morph', 'tween'].each(function(p){
					if (this.retrieve(p)) this.get(p).cancel();
				}, img);
			});
			this.slide = this.transition = 0;
			this.go(0);		
		}
		return this.data.images.length;
	},
	
/**
Public method: destroy
	Destroys a Slideshow instance.

Arguments:
	p - (string) The images and optional thumbnails, captions and links for the show.

Syntax:
	myShow.destroy(p);
*/

	destroy: function(p){
		this.events.each(function(array, e){
			array.each(function(fn){ document.removeEvent(e, fn); });
		});
		this.pause(1);
		if (this.options.loader)
			$clear(this.slideshow.retrieve('loader').retrieve('timer'));		
		if (this.options.thumbnails)
			$clear(this.slideshow.retrieve('thumbnails').retrieve('timer'));
		Element.Storage[this.slideshow.uid] = {};
		if (p)
			$try(this.slideshow[p]());
	},
	
/**
Private method: preload
	Preloads the next slide in the show, once loaded triggers the show, updates captions, thumbnails, etc.
*/

	_preload: function(fast){
		if (!this.preloader)
		 	this.preloader = new Asset.image(this.options.hu + this.data.images[this.slide], {'onload': function(){
				this.store('loaded', true);
			}});	
		if (this.preloader.retrieve('loaded') && $time() > this.delay && $time() > this.transition){
			if (this.stopped){
				if (this.options.captions)
					this.slideshow.retrieve('captions').get('morph').cancel().start(this.classes.get('captions', 'hidden'));
				this.pause(1);
				this.stopped = false;
				return;				
			}					
			this.image = (this.counter % 2) ? this.b : this.a;
			this.image.set('styles', {'display': 'block', 'height': 'auto', 'visibility': 'hidden', 'width': 'auto', 'zIndex': this.counter});
			['src', 'height', 'width'].each(function(prop){
				this.image.set(prop, this.preloader.get(prop));
			}, this);
			this._resize(this.image);
			this._center(this.image);
			var anchor = this.image.getParent();
			var method,href
			if (this.data.hrefs[this.slide])
				{
					//anchor.set('href', this.data.hrefs[this.slide]);
					method	=this.data.methods[this.slide]
					href	=this.data.hrefs[this.slide]
					target	=this.data.targets[this.slide]
						
					var onclickFn = function(){
						if(method=='load'){
							$hx.load(href,target);
						}else if(method=='href'){
							window.open(href,target);
							}
						}

					if(!anchor.hasClass('slideshow-event-added')){
						anchor.addClass('slideshow-event-added');
						anchor.setStyle('cursor','pointer');
						anchor.addEvent('click',onclickFn);
						}
						
					if(this.options.loader){
						this.slideshow.retrieve('loader',this.options.loader).setStyle('cursor','pointer');
						this.slideshow.retrieve('loader',this.options.loader).removeEvents('click');
						this.slideshow.retrieve('loader',this.options.loader).addEvent('click',onclickFn);
						}
				}
			else
				anchor.erase('href');
			if (this.data.captions[this.slide])
				anchor.set('title', this.data.captions[this.slide].replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, "'"));
			else
				anchor.erase('title');
			if (this.options.loader)
				this.slideshow.retrieve('loader').fireEvent('hide');
			if (this.options.captions)
				this.slideshow.retrieve('captions').fireEvent('update', fast);				
			if (this.options.thumbnails)
				this.slideshow.retrieve('thumbnails').fireEvent('update', fast); 			
			this._show(fast);
			this._loaded();
		} 
		else {
			if ($time() > this.delay && this.options.loader)
				this.slideshow.retrieve('loader').fireEvent('show');
			this.timer = (this.paused && this.preloader.retrieve('loaded')) ? null : this._preload.delay(100, this, fast); 
		}
	},

/**
Private method: show
	Does the slideshow effect.
*/

	_show: function(fast){
		if (!this.image.retrieve('morph')){
			var options = (this.options.overlap) ? {'duration': this.options.duration, 'link': 'cancel'} : {'duration': this.options.duration / 2, 'link': 'chain'};
			$$(this.a, this.b).set('morph', $merge(options, {'onStart': this._start.bind(this), 'onComplete': this._complete.bind(this), 'transition': this.options.transition}));
		}
		var hidden = this.classes.get('images', ((this.direction == 'left') ? 'next' : 'prev'));
		var visible = this.classes.get('images', 'visible');
		var img = (this.counter % 2) ? this.a : this.b;
		if (fast){			
			img.get('morph').cancel().set(hidden);
			this.image.get('morph').cancel().set(visible); 			
		} 
		else {
			if (this.options.overlap){	
				img.get('morph').set(visible);
				this.image.get('morph').set(hidden).start(visible);
			} 
			else	{
				var fn = function(hidden, visible){
					this.image.get('morph').set(hidden).start(visible);
				}.pass([hidden, visible], this);
				hidden = this.classes.get('images', ((this.direction == 'left') ? 'prev' : 'next'));
				img.get('morph').set(visible).start(hidden).chain(fn);
			}
		}
	},
	
/**
Private method: loaded
	Run after the current image has been loaded, sets up the next image to be shown.
*/

	_loaded: function(){
		this.counter++;
		this.delay = (this.paused) ? Number.MAX_VALUE : $time() + this.options.duration + this.options.delay;
		this.direction = 'left';
		this.transition = (this.paused || this.options.fast) ? 0 : $time() + this.options.duration;			
		if (this.slide + 1 == this.data.images.length && !this.options.loop && !this.options.random)
			this.stopped = true;			
		if (this.options.random){
			this.showed.i++;
			if (this.showed.i >= this.showed.array.length){
				var n = this.slide;
				if (this.showed.array.getLast() != n) this.showed.array.push(n);
				while (this.slide == n)
					this.slide = $random(0, this.data.images.length - 1);				
			}
			else
				this.slide = this.showed.array[this.showed.i];
		}
		else
			this.slide = (this.slide + 1) % this.data.images.length;
		if (this.preloader) 
			this.preloader = this.preloader.destroy();
		this._preload();
	},

/**
Private method: center
	Center an image.
*/

	_center: function(img){
		if (this.options.center){
			var size = img.getSize();
			img.set('styles', {'left': (size.x - this.width) / -2, 'top': (size.y - this.height) / -2});
		}
	},

/**
Private method: resize
	Resizes an image.
*/

	_resize: function(img){
		if (this.options.resize){
			var h = this.preloader.get('height'), w = this.preloader.get('width');
			var dh = this.height / h, dw = this.width / w, d;
			if (this.options.resize == 'length')
				d = (dh > dw) ? dw : dh;
			else
				d = (dh > dw) ? dh : dw;
			img.set('styles', {height: Math.ceil(h * d), width: Math.ceil(w * d)});
		}	
	},

/**
Private method: start
	Callback on start of slide change.
*/

	_start: function(){		
		this.fireEvent('start');
	},

/**
Private method: complete
	Callback on start of slide change.
*/

	_complete: function(){
		if (this.firstrun && this.options.paused){
			this.firstrun = false;
			this.pause(1);
		}
		this.fireEvent('complete');
	},

/**
Private method: captions
	Builds the optional caption element, adds interactivity.
	This method can safely be removed if the captions option is not enabled.
*/

	_captions: function(){
 		if (this.options.captions === true) 
 			this.options.captions = {};
		var el = this.slideshow.getElement(this.classes.get('captions'));
		var captions = (el) ? el.empty() : new Element('div', {'class': this.classes.get('captions').substr(1)}).inject(this.slideshow);
		captions.set({
			'events': {
				'update': function(fast){	
					var captions = this.slideshow.retrieve('captions');
					var empty = (this.data.captions[this.slide] === '');
					if (fast){
						var p = (empty) ? 'hidden' : 'visible';
						captions.set('html', this.data.captions[this.slide]).get('morph').cancel().set(this.classes.get('captions', p));
					}
					else {
						var fn = (empty) ? $empty : function(n){
							this.slideshow.retrieve('captions').set('html', this.data.captions[n]).morph(this.classes.get('captions', 'visible'))
						}.pass(this.slide, this);		
						captions.get('morph').cancel().start(this.classes.get('captions', 'hidden')).chain(fn);
					}
				}.bind(this)
			},
			'morph': $merge(this.options.captions, {'link': 'chain'})
		});
		this.slideshow.store('captions', captions);
	},

/**
Private method: controller
	Builds the optional controller element, adds interactivity.
	This method can safely be removed if the controller option is not enabled.
*/

	_controller: function(){
 		if (this.options.controller === true)
 			this.options.controller = {};
		var el = this.slideshow.getElement(this.classes.get('controller'));
		var controller = (el) ? el.empty() : new Element('div', {'class': this.classes.get('controller').substr(1)}).inject(this.slideshow);
		var ul = new Element('ul').inject(controller);
		//$H({'first': 'Shift + Leftwards Arrow', 'prev': 'Leftwards Arrow', 'pause': 'P', 'next': 'Rightwards Arrow', 'last': 'Shift + Rightwards Arrow'}).each(function(accesskey, action){
		$H({'prev': 'Leftwards Arrow', 'next': 'Rightwards Arrow'}).each(function(accesskey, action){
			
			var li = new Element('li', {
				'class': (action == 'pause' && this.options.paused) ? this.classes.play + ' ' + this.classes[action] : this.classes[action]
			}).inject(controller);
			var a = this.slideshow.retrieve(action, new Element('a', {
				'title': ((action == 'pause') ? this.classes.play.capitalize() + ' / ' : '') + this.classes[action].capitalize() + ' [' + accesskey + ']'				
			}).inject(li));
			
			a.set('events', {
				'click': function(action){this[action]();}.pass(action, this),
				'mouseenter': function(active){this.addClass(active);}.pass(this.classes.active, a),
				'mouseleave': function(active){this.removeClass(active);}.pass(this.classes.active, a)
			});		
		}, this);
		
		
		controller.set({
			'events': {
				'hide': function(hidden){  
					if (!this.retrieve('hidden'))
						this.store('hidden', true).morph(hidden);
				}.pass(this.classes.get('controller', 'hidden'), controller),
				'show': function(visible){  
					if (this.retrieve('hidden'))
						this.store('hidden', false).morph(visible);
				}.pass(this.classes.get('controller', 'visible'), controller)
			},
			'morph': $merge(this.options.controller, {'link': 'cancel'})
		}).store('hidden', false);
		var keydown = function(e){
			if (['left', 'right', 'p'].contains(e.key)){
				var controller = this.slideshow.retrieve('controller');
				if (controller.retrieve('hidden'))
					controller.get('morph').set(this.classes.get('controller', 'visible')); 			
				switch(e.key){
					case 'left': 
						this.slideshow.retrieve((e.shift) ? 'first' : 'prev').fireEvent('mouseenter'); break;
					case 'right':
						this.slideshow.retrieve((e.shift) ? 'last' : 'next').fireEvent('mouseenter'); break;
					default:
						this.slideshow.retrieve('pause').fireEvent('mouseenter'); break;
				}
			}
		}.bind(this);
		this.events.keydown.push(keydown);
		var keyup = function(e){
			if (['left', 'right', 'p'].contains(e.key)){
				var controller = this.slideshow.retrieve('controller');
				if (controller.retrieve('hidden'))
					controller.store('hidden', false).fireEvent('hide'); 
				switch(e.key){
					case 'left': 
						this.slideshow.retrieve((e.shift) ? 'first' : 'prev').fireEvent('mouseleave'); break;
					case 'right': 
						this.slideshow.retrieve((e.shift) ? 'last' : 'next').fireEvent('mouseleave'); break;
					default:
						this.slideshow.retrieve('pause').fireEvent('mouseleave'); break;
				}
			}
		}.bind(this);
		this.events.keyup.push(keyup);
		var mousemove = function(e){
			var images = this.slideshow.retrieve('images').getCoordinates();
			if (e.page.x > images.left && e.page.x < images.right && e.page.y > images.top && e.page.y < images.bottom)
				this.slideshow.retrieve('controller').fireEvent('show');
			else
				this.slideshow.retrieve('controller').fireEvent('hide');
		}.bind(this);
		this.events.mousemove.push(mousemove);
		document.addEvents({'keydown': keydown, 'keyup': keyup, 'mousemove': mousemove});
		this.slideshow.retrieve('controller', controller).fireEvent('hide');
	},

/**
Private method: loader
	Builds the optional loader element, adds interactivity.
	This method can safely be removed if the loader option is not enabled.
*/

	_loader: function(){
 		if (this.options.loader === true) 
 			this.options.loader = {};
		var loader = new Element('div', {
			'class': this.classes.get('loader').substr(1),				
			'morph': $merge(this.options.loader, {'link': 'cancel'})
		}).store('hidden', false).store('i', 1).inject(this.slideshow.retrieve('images'));
		if (this.options.loader.animate){
			for (var i = 0; i < this.options.loader.animate[1]; i++)
				img = new Asset.image(this.options.loader.animate[0].replace(/#/, i));
			if (Browser.Engine.trident4 && this.options.loader.animate[0].contains('png'))
				loader.setStyle('backgroundImage', 'none');					
		}
		loader.set('events', {
			'animate': function(){  
				var loader = this.slideshow.retrieve('loader');				
				var i = (loader.retrieve('i').toInt() + 1) % this.options.loader.animate[1];
				loader.store('i', i);
				var img = this.options.loader.animate[0].replace(/#/, i);
				if (Browser.Engine.trident4 && this.options.loader.animate[0].contains('png'))
					loader.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + img + '", sizingMethod="scale")';
				else 
					loader.setStyle('backgroundImage', 'url(' + img + ')');
			}.bind(this),
			'hide': function(){  
				var loader = this.slideshow.retrieve('loader');
				if (!loader.retrieve('hidden')){
					loader.store('hidden', true).morph(this.classes.get('loader', 'hidden'));
					if (this.options.loader.animate)
						$clear(loader.retrieve('timer'));					
				}
			}.bind(this),
			'show': function(){  
				var loader = this.slideshow.retrieve('loader');
				if (loader.retrieve('hidden')){
					loader.store('hidden', false).morph(this.classes.get('loader', 'visible'));
					if (this.options.loader.animate)
						loader.store('timer', function(){this.fireEvent('animate');}.periodical(50, loader));
				}
			}.bind(this)
		});
		this.slideshow.retrieve('loader', loader).fireEvent('hide');
	},
	
/**
Private method: thumbnails
	Builds the optional thumbnails element, adds interactivity.
	This method can safely be removed if the thumbnails option is not enabled.
*/

	_thumbnails: function(){
 		if (this.options.thumbnails === true) 
 			this.options.thumbnails = {}; 
		var el = this.slideshow.getElement(this.classes.get('thumbnails'));
		var thumbnails = (el) ? el.empty() : new Element('div', {'class': this.classes.get('thumbnails').substr(1)}).inject(this.slideshow);
		thumbnails.setStyle('overflow', 'hidden');
		var ul = new Element('ul', {'tween': {'link': 'cancel'}}).inject(thumbnails);
		this.data.thumbnails.each(function(thumbnail, i){
			var li = new Element('li').inject(ul);
			var a = new Element('a', {
				'events': {
					'click': function(i){
						this.go(i); 
						return false; 
					}.pass(i, this),
					'loaded': function(){
						this.data.thumbnails.pop();
						if (!this.data.thumbnails.length){
							var div = thumbnails.getCoordinates();
							var props = thumbnails.retrieve('props');			
							var limit = 0, pos = props[1], size = props[2];		
							thumbnails.getElements('li').each(function(li){			
								var li = li.getCoordinates();		
								if (li[pos] > limit) limit = li[pos];
							}, this);			
							thumbnails.store('limit', div[size] + div[props[0]] - limit);
						}
					}.bind(this)
				},
				'href': this.options.hu + this.data.images[i],
				'morph': $merge(this.options.thumbnails, {'link': 'cancel'}),
				'title': this.data.captions[i]
			}).inject(li);
			var img = new Asset.image(this.options.hu + thumbnail, {
				'onload': function(){this.fireEvent('loaded');}.bind(a) 
			}).inject(a);
		}, this);
		thumbnails.set('events', {
			'scroll': function(n, fast){
				var div = this.getCoordinates();
				var ul = this.getElement('ul').getPosition();
				var props = this.retrieve('props');
				var axis = props[3], delta, pos = props[0], size = props[2], value;				
				var tween = this.getElement('ul').get('tween', {'property': pos});	
				if ($chk(n)){
					var li = this.getElements('li')[n].getCoordinates();
					delta = div[pos] + (div[size] / 2) - (li[size] / 2) - li[pos]	
					value = (ul[axis] - div[pos] + delta).limit(this.retrieve('limit'), 0);
					if (fast)	
						tween.set(value);
					else						 
						tween.start(value);
				}
				else{
					var area = div[props[2]] / 3, page = this.retrieve('page'), velocity = -0.2;			
					if (page[axis] < (div[pos] + area))
						delta = (page[axis] - div[pos] - area) * velocity;
					else if (page[axis] > (div[pos] + div[size] - area))
						delta = (page[axis] - div[pos] - div[size] + area) * velocity;			
					if (delta){			
						value = (ul[axis] - div[pos] + delta).limit(this.retrieve('limit'), 0);
						tween.set(value);
					}
				}				
			}.bind(thumbnails),
			'update': function(fast){
				var thumbnails = this.slideshow.retrieve('thumbnails');
				thumbnails.getElements('a').each(function(a, i){	
					if (i == this.slide){
						if (!a.retrieve('active', false)){
							a.store('active', true);
							var active = this.classes.get('thumbnails', 'active');							
							if (fast) a.get('morph').set(active);
							else a.morph(active);
						}
					} 
					else {
						if (a.retrieve('active', true)){
							a.store('active', false);
							var inactive = this.classes.get('thumbnails', 'inactive');						
							if (fast) a.get('morph').set(inactive);
							else a.morph(inactive);
						}
					}
				}, this);
				if (!thumbnails.retrieve('mouseover'))
					thumbnails.fireEvent('scroll', [this.slide, fast]);
			}.bind(this)
		})
		var div = thumbnails.getCoordinates();
		thumbnails.store('props', (div.height > div.width) ? ['top', 'bottom', 'height', 'y'] : ['left', 'right', 'width', 'x']);
		var mousemove = function(e){
			var div = this.getCoordinates();
			if (e.page.x > div.left && e.page.x < div.right && e.page.y > div.top && e.page.y < div.bottom){
				this.store('page', e.page);			
				if (!this.retrieve('mouseover')){
					this.store('mouseover', true);
					this.store('timer', function(){this.fireEvent('scroll');}.periodical(50, this));
				}
			}
			else {
				if (this.retrieve('mouseover')){
					this.store('mouseover', false);				
					$clear(this.retrieve('timer'));
				}
			}
		}.bind(thumbnails);
		this.events.mousemove.push(mousemove);
		document.addEvent('mousemove', mousemove);
		this.slideshow.store('thumbnails', thumbnails);
	}
});
		
		
		
var Slideshow_CSS='';
Slideshow_CSS += '<style>'
Slideshow_CSS += '.slideshow-controller-visible { opacity: 1 }'
Slideshow_CSS += '.slideshow-controller-hidden { opacity: 0 }'
Slideshow_CSS += '.slideshow-captions { background:#000000; bottom:0; color:#ffffff; font-family:arial; font-size:12px; line-height:20px; left:0; overflow:hidden; position:absolute; text-indent:10px; width:100%; z-index:10000; }'
Slideshow_CSS += '.slideshow-images-visible { opacity:1; }'
Slideshow_CSS += '.slideshow-images-prev { opacity:0; }'
Slideshow_CSS += '.slideshow-images-next { opacity:0; }'
Slideshow_CSS += '.slideshow-captions-hidden { height:0; opacity:0; }'
Slideshow_CSS += '.slideshow-captions-visible { height:22px; opacity:0.7; }'
Slideshow_CSS += '.slideshow-controller { height:0px; left:0px; position:absolute; top:50%; margin-top:-12px; width:100%; z-index:10000; }'
Slideshow_CSS += '.slideshow-controller * { margin:0; padding:0; }'
Slideshow_CSS += '.slideshow-controller a { cursor:pointer; display:block; height:30px; width30px; position:absolute; }'
Slideshow_CSS += '.slideshow-controller a.active { background-position: 0 30px; }'
Slideshow_CSS += '.slideshow-controller li { list-style:none; }'
Slideshow_CSS += '.slideshow-controller li.prev a { background-image: url(http://api.hinetmedia.com/v2/slideshow/controller-prev.png); position:absolute; left:5px; top:0px; width:30px; }'
Slideshow_CSS += '.slideshow-controller li.next a { background-image: url(http://api.hinetmedia.com/v2/slideshow/controller-next.png); position:absolute; top:0px; right:5px; width:30px; }'
Slideshow_CSS += '.slideshow-loader { left:0; top:0; position:absolute; z-index:9999; width:100%; height:100%; }'
Slideshow_CSS += '.slideshow-loader-hidden { opacity:1; }'
Slideshow_CSS += '.slideshow-loader-visible { opacity:1; }'
Slideshow_CSS += '</style>'
document.write(Slideshow_CSS);
//* Slideshow V2 -----------------------------------------------------------------------------------------------

var HistoryManager = (function() {

	var HistoryManagerSingleton = new Class({
		
		initialize: function() {
			this._currentLocation = this._getHash();
			
			var historyManager = this;			
			
			if (Browser.Engine.trident) {
				this.addState = this._addStateIE;
				this._iframe = new Element('iframe', {
					src: "javascript:'<html></html>'",
					styles: {
						'position': 'absolute',
						'top': '-1000px'
					}
				}).inject(document.body).contentWindow;
	 
				$justForIE = function(hash){
					this._getHash = function(){
						return hash;
					}
					this._monitorDefault.call(this);
					location.hash = hash;
				}.bind(this);
	 
				var waitForLoad = function waitForIframeLoad(){
					if (this._iframe && this._iframe.document && this._iframe.document.body) {
						if (!this._iframe.document.body.innerHTML) 
							this.addState(this._currentLocation, true);
						$clear(waitForLoad);
					}
				}.periodical(50,this);
			}
			else if (window.webkit419) {
				this._form = new Element("form", {method: 'get'}).inject(document.body);
				this._historyCounter = history.length;
				this._stateHistory = [];
				this._stateHistory[history.length] = this._getHash();
				
				this.addState = this._addStateSafari;
				this._monitorSafari.periodical(250, this);
			}
			else if (window.opera) {
				this.addState = this._addStateDefault;
	
				$justForOpera = function() {
					historyManager._monitorDefault.call(historyManager);
				}
				new Element('img', {
					src: "javascript:location.href='javascript:$justForOpera();';",
					style: "position: absolute; top: -1000px;"
				}).inject(document.body);
			}
			else {
				this.addState = this._addStateDefault;
				this._monitorDefault.periodical(250, this);
			}
		},
		
		getCurrentLocation: function() {
			return this._currentLocation;
		},
		
		_getHash: function() {
			return location.href.split('#')[1] || '';
		},
		
		_addStateIE: function(hash, override) {
			if (this._currentLocation == hash && !override) return;
			this._currentLocation = hash;
			this._iframe.document.write('<html><body onload="top.$justForIE(\'', hash ,'\');">Loaded</body></html>');
			this._iframe.document.close();
		},
		
		_addStateSafari: function(hash) {
			if (this._currentLocation == hash) return;
	
			this._form.setProperty('action', '#' + hash).submit()
			this._currentLocation = hash;
			this._stateHistory[history.length] = this._getHash();
			this._historyCounter = history.length;
		},
	
		_monitorSafari: function() {	
			if (history.length != this._historyCounter) {
				this._historyCounter = history.length;
				this._currentLocation = this._stateHistory[history.length];
				this.fireEvent('onHistoryChange', [this._stateHistory[history.length]]);
			}
		},
	
		_addStateDefault: function(hash) {
			if (this._currentLocation == hash) return;
			location.hash = '#' + hash;
			this._currentLocation = hash;
		},
	
		_monitorDefault: function() {
			var hash = this._getHash();
	
			if (hash != this._currentLocation) {
				this._currentLocation = hash;
				this.fireEvent('onHistoryChange', [hash]);
			}
		}
	});
	
	HistoryManagerSingleton.implement(new Events);
	
	var singleton;

	return function() {
		return singleton ? singleton : singleton = new HistoryManagerSingleton();
	}
	
})();
var $history=new HistoryManager();
$history.addEvent('onHistoryChange',function(){
	var state=new Array();
	state=$history.getCurrentLocation().split('//');
	url=state[1];
	url=url.replace('.Hn','Hn');
	url=url.replace('.','-[');
	url=url.replace('Hn','.asp');
	$hx.load(url,$(state[0]));
	});
//* HistoryManager -----------------------------------------------------------------------------------------------


var $HxEditorLoaded=false;
var $global={};
/* Status Bar ----------------------------------*/
$global.status=new Element('div',{
	'html':'Status',
	'styles':{
		'display'			:'block',
		'top'				:'0px',
		'left'				:'0px',
		'z-index'			:'10000',
		'background-color'	:'#cc0000',
		'color'				:'#ffffff',
		'padding'			:'5px',
		'padding-left'		:'10px',
		'padding-right'		:'15px',
		'font-family'		:'arial',
		'font-size'			:'12px',
		'position'			:'fixed'
		}
	}).set('opacity',0)

/* Mask Layer ----------------------------------*/
$global.mask=new Element('div',{
	'styles':{
		'display'			:'block',
		'top'				:'0px',
		'left'				:'0px',
		'height'			:'100%',
		'width'				:'100%',
		'z-index'			:'9998',
		'background-color'	:'#000000',
		'position'			:'fixed'
		}
	}).set('opacity',0)

/* Popup Box ----------------------------------*/
$global.popup=new Element('div',{
	'styles':{
		'position'			:'fixed',
		'display'			:'block',
		'height'			:'420px',
		'width'				:'780px',
		'z-index'			:'9999',
		'background'		:'url(http://api.hinetmedia.com/v2/popup-background.png)'
		//'background-color'	:'#eeeeee'
		}
	}).set('opacity',0).setStyle('left',document.body.clientWidth/2-390).setStyle('top',50)


/* Popup Handle ----------------------------------*/
$global.popupHandle=new Element('div',{
	'styles':{
		'float'				:'left',
		'display'			:'block',
		'cursor'			:'move',
		'height'			:'30px',
		'width'				:'740px',
		'background-color'	:'transparent'
		}
	}).inject($global.popup)

/* Popup Handle ----------------------------------*/
$global.popupClose=new Element('div',{
	'styles':{
		'float'				:'right',
		'display'			:'block',
		'right'				:'0px',
		'cursor'			:'pointer',
		'height'			:'30px',
		'width'				:'40px',
		'background-color'	:'transparent'
		}
	}).inject($global.popup).addEvent('click',function(){
		$global.popup.set('opacity',0);
		$global.mask.set('opacity',0)
		if($('AdvancedSettings')){$('AdvancedSettings').setStyle('display','none');}
		})

/* Popup Iframe ----------------------------------*/
$global.iframe=new Element('div',{
	'styles':{
		'float'				:'left',
		'display'			:'block',
		'margin-left'		:'10px',
		'height'			:'380px',
		'width'				:'760px'
		}
	}).inject($global.popup)

$global.popupBox = new Drag($global.popup,{
	handle:$global.popupHandle
	});



var $hx_core={};
$hx_core= new Class({

   /*-----------------------------------------------------------------------*/
	initialize:
	function(){
		if(Browser.Engine.trident4==true){
		document.write('<style>* { behavior:url(Hinetmedia.API.htc) }</style>');
		};
	
		this.bodyFx = new Fx.Scroll(document.body);
		$global.status.inject(document.body);
		$global.mask.inject(document.body);
		$global.popup.inject(document.body);
	},
   /*-----------------------------------------------------------------------*/
	form:
	function(form,updater,autocancel){
		
		$global.request = new Request.HTML({
			url:form.getAttribute('action'),
			autoCancel:autocancel,
			update:updater,
			evalResponse:true,
			onRequest:function(){
				clearTimeout($global.statustimeout);
				$global.statustimeout=setTimeout(function(){
					$global.status.set('opacity',1).set('html','Loading....');
					},1000);
				if(autocancel>=3){
					$global.mask.set('opacity',0.3);
					}
				},
			onSuccess:function(){
				clearTimeout($global.statustimeout);
				$global.status.set('html','Success');
				$global.statustimeout=setTimeout(function(){
					$global.status.set('opacity',0);
					$global.mask.set('opacity',0);
					},500);
				},
			onFailure:function(){
				clearTimeout($global.statustimeout);
				$global.status.set('opacity',1).set('html','Failure');
				$global.statustimeout=setTimeout(function(){
					$global.status.set('opacity',0);
					$global.mask.set('opacity',0);
					},1000);
				},
			onComplete:function(){
				},
			onException:function(){
				},
			onCancel:function(){
				}
		}).post(form);
		
		
		return false;
	},
   /*-----------------------------------------------------------------------*/
	load:
	function(url,updater,autocancel){
		$global.request = new Request.HTML({
			url:url,
			autoCancel:autocancel,
			update:updater,
			evalResponse:true,
			onRequest:function(){
				clearTimeout($global.statustimeout);
				$global.statustimeout=setTimeout(function(){
					$global.status.set('opacity',1).set('html','Loading....');
					},1000);
				if(autocancel>=3){
					$global.mask.set('opacity',0.3);
					}
				},
			onSuccess:function(){
				if(updater){
					url=url.replace('.asp','.Hn');
					url=url.replace('-[','.');
					if(autocancel>0){
					$history.addState(updater.id+'//'+url);
					}
					}
				clearTimeout($global.statustimeout);
				$global.status.set('html','Success');
				$global.statustimeout=setTimeout(function(){
					$global.status.set('opacity',0);
					$global.mask.set('opacity',0);
					},500);
				},
			onFailure:function(){
				clearTimeout($global.statustimeout);
				$global.status.set('opacity',1).set('html','Failure');
				$global.statustimeout=setTimeout(function(){
					$global.status.set('opacity',0);
					$global.mask.set('opacity',0);
					},1000);
				},
			onComplete:function(){
				if($HxEditorLoaded){
					<!-- Hx-Editor ------------------------------ >
					tinyMCE.init({
						mode:"textareas",
						editor_selector:"Hx-Editor",
						theme:"advanced"
						});
					$$('.Hx-Editor').addClass('Hx-EditorLoaded');
					$$('.Hx-EditorLoaded').removeClass('Hx-Editor');
					setTimeout(function(){
						$$('.Hx-Form').forEach(function(form,i){
							form.addEvent('submit',function(e){
								$$('.Hx-EditorLoaded').each(function(element,i){
									var el=element.getProperty('name');
									element.value=tinyMCE.get(el).getContent();
									});
								setTimeout(function(){
									$hx.form(form,null,3)
									},500);
								return false;
								});
							});
						
						$$('.Hx-Linkage').forEach(function(element,i){
							var Btn = new Element('button',{
								'type':'button',
								'class':'Button-Linkage',
								'valign':'absmiddle',
								'styles':{
									'cursor'			:'pointer',
									'height'			:'18px',
									'width'				:'18px',
									'background-color'	:'transparent'
									}
								}).injectAfter(element).addEvent('click',function(){
									//element.value='aaaaaaaaa';
									$global.editorDom=element;
									$hx.popup('http://api.hinetmedia.com/v2/editor/popup_image.asp?host='+element.getProperty('host'));
								});
							});
						},500);
					<!-- Hx-Editor ------------------------------ >
					}
				},
			onException:function(){
				},
			onCancel:function(){
				}
		}).get();
	},
   /*-----------------------------------------------------------------------*/
	swfload:
	function(url,updater){
		var SWFdoc=new FlashXMLHttpRequest();
		clearTimeout($global.statustimeout);
		$global.statustimeout=setTimeout(function(){
			$global.status.set('opacity',1).set('html','Loading...');
			},1500);
		SWFdoc.open("GET",url);
		SWFdoc.send(null);
		SWFdoc.onload=function(){
			clearTimeout($global.statustimeout);
			$global.status.set('opacity',0).set('html','');
			if(updater){updater.set('html',SWFdoc.responseText)};
			}
	},
   /*-----------------------------------------------------------------------*/
	editorupdate:
	function(){
		$$('.Hx-EditorLoaded').each(function(item,index){
			var el=item.getProperty('name');
			item.value=tinyMCE.get(el).getContent();
			});
	},
   /*-----------------------------------------------------------------------*/
	popup:
	function(url){
		var SWFdoc=new FlashXMLHttpRequest();
		$global.iframe.set('html','');
		$global.mask.set('opacity',0.3);
		$global.popup.set('opacity',1).setStyle('left',document.body.clientWidth/2-390).setStyle('top',50);
		$global.status.set('opacity',1).set('html','Loading...');
		SWFdoc.open("GET",url);
		SWFdoc.send(null);
		SWFdoc.onload=function(){
			$global.iframe.set('html',SWFdoc.responseText);
			$global.status.set('opacity',0).set('html','');
			}
	},
   /*-----------------------------------------------------------------------*/
	toggle:
	function(element){
		if(element.getStyle('display')=='none'){
			element.setStyle('display','block');
		}else{
			element.setStyle('display','none');
		}
	},
   /*-----------------------------------------------------------------------*/
	fade:
	function(element){
		var myFx = new Fx.Tween(element);
		if(element.get('opacity')==0||element.getStyle('display')=='none'){
			element.set('opacity',0).setStyle('display','');
			myFx.start('opacity',1);
		}else{
			myFx.start('opacity',0);
		}
	},
   /*-----------------------------------------------------------------------*/
	slideshow:
	function(container,data,delay,duration,loader){
		if(loader){loader={'animate':[loader,12]}}
		new Slideshow(container,data,{
			height:container.getStyle('height').toInt(),
			width:container.getStyle('width').toInt(),
			linked:true,
			captions:true,
			controller:true,
			delay:delay,
			duration:duration,
			loader:loader,
			hu:''
			});
	},
   /*-----------------------------------------------------------------------*/
	top:
	function(){
		this.bodyFx.start(0,0)
	}
   /*-----------------------------------------------------------------------*/
	
});

var $hx={};
$hx=new $hx_core;

function NumONLY(e,decimal) {
	var key;
	var keychar;
	if(window.event){
		key = window.event.keyCode;
	} else if (e) {
	   key = e.which;
	} else {
	   return true;
		}
	keychar = String.fromCharCode(key);
	
	if ((key==null) || (key==0) || (key==8) ||  (key==9) || (key==13) || (key==27) ) {
	   return true;
	} else if ((("0123456789").indexOf(keychar) > -1)) {
	   return true;
	} else if (decimal && (keychar == ".")) { 
	  return true;
	} else {
	   return false;
		}
	
	}



window.addEvent('domready',function(){
});