var accordionIndex = 0;


	function selectBoxes() {
	//Start elSelect
/*
	$$('select').each(function(item) { 
		guidd = 'a'+guid();
		var nwrap = new Element('div', {id : guidd});
		nwrap.wraps(item);
		
		new elSelect({'container': guidd, hover: {
							'mouseenter': {'background-color': '#CCCCCC'},
							'mouseleave': {'background-color': '#EEEEEE'}
						}
		});
	}); */
	
if ( document.getElementsByTagName ) {
basehref = document.getElementsByTagName('base')[0].href;
if (basehref.length) {
// Do your stuff
} else {
basehref = "";
}
} else {
basehref = "";
}

	if($('choosered')) {
		$('choosered').addEvents({'change': function() {
			if(this.get('value') != '0') {
				window.location = basehref+this.get('value');
			}
		} });
	}
	if($('choosegreen')) {
		$('choosegreen').addEvents({'change': function() {
			if(this.get('value') != '0') {
				window.location = basehref+this.get('value');
			}
		} });
	}


	}

window.addEvent('domready', function() {
	selectBoxes();
	if($$('span.selectline-line')) {
		$$('span.selectline-line').each(function(el) {
			var myHTMLRequest = new Request.HTML({
					onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript)
 					{ el.set('html', responseHTML); 
						selectBoxes();
					} 
			}).get('green-line-inputs.html');
		});

	}

	if($$('span.selectline-red')) {
		$$('span.selectline-red').each(function(el) {
			var myHTMLRequest = new Request.HTML({
					onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript)
 					{ el.set('html', responseHTML); 
						selectBoxes();
					} 
			}).get('red-line-inputs.html');
		});

	}
	//Accordion
	if($$('#resources div')) { 
		accordionIndex = (window.location.hash) ? window.location.hash.replace(/#/, '') : 0;
		var myAccordion = new Fx.Accordion(
			$$('#resources div'), 
			$$('#resources-content .item'), 
			{
				display: accordionIndex,
				alwaysHide: true,
				initialDisplayFx: false,
				onComplete: function(){
					loc = window.location.toString().split('#');
					window.location = loc[0]+'#'+this.previous;
				}

			}
		); 
	}
	

	
	


	
	/*
	 Home Page Events 
	*/

	
	if((gs = $('home-green')) && (rs = $('home-red'))) {
		gs.hide();
	}
	
	if($('green')) {
		$('green').addEvent('change', function() {
			if(this.get('value') == 'green') {
				showGreen();
			} else {
				showRed();
			}
		});
		
		$('red').addEvent('change', function() {
			if(this.get('value') == 'red') {
				showRed();
			} else {
				showGreen();
			}
		});
showRed();
	}
	

	//Quick Search Change Menu
	if($('quicksearchselect')) {
		$('quicksearchselect').addEvents({'change': function() {
			if(this.get('value') != '0') {
				window.location = this.get('value');
			}
		} });
	}

	
	
	var pqs = $$('a[href=quick-search-menu.html]');
	if(pqs) {
		pqs.each(function(item) {
			var its = item.getParent().set('html', '');
			$('quicksearch').inject(its);
		});
	}
});
window.addEvent('load', function() {
	new rsZoom({container: 'hoverMap', 'height': 150, 'width': 150, 'relative': true});
});



function showGreen() {
	$('home-red-home').hide();
	$('home-green-home').show();
} 
function showRed() {
	$('home-green-home').hide();
	$('home-red-home').show();
}

function S4() {
   return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
}
function guid() {
   return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
}

var rsZoom = new Class({
	options: {
		//Basic
		container: false,
		defaultClass : 'rsZoom',
		width: false,
		height: false,
		relative : false
	},
	container : false,
	containerSizes : false,
	overlay : false,
	thumbnail : false,
	sizes : false,
	inner : false,
	rel : false,
	/*
	pass the options,
	create html and inject into container
	*/
	initialize: function(options){
		this.setOptions(options);
		this.container = $(this.options.container);
		if(this.container) {
			this.pullItems();
		}
	},
	
	setStage : function() {
		//Make sure overlay is on top
		this.overlay.inject(this.container, 'top');
		
		var siz = this.thumbnail.getSize();
		this.sizes = siz;
		this.container.setStyles({'height': siz.y, 'width': siz.x, 'position': 'relative'});
		
	
		//Set styles of the overlay
		if(!this.options.width) { 
			//If theres no width for the overlay set the maximum it can be
			this.options.width = siz.x;
		}
		if(!this.options.height) {
			this.options.height = siz.y;
		}
		this.overlay.set('opacity', 0).setStyles({'width': this.options.width, 'height': this.options.height, 'position': 'absolute', 'border': 'solid 2px #CCCCCC'});
		
		if(this.options.relative) {
			this.rel.setStyles({'width': this.options.width, 'height': this.options.height});
		}
		
	},
	
	pullItems : function() {
		this.container.addClass(this.options.defaultClass);
		
		var ovtemp = this.container.getElement('.overlay');
		/*
		 * If the overlay is move inner relative to the position set up the stage
		 */
		if(this.options.relative) {
			ovtemp.setStyles({'width': $('linelarge').getStyle('width'), 'height': $('linelarge').getStyle('height')});
			var ovAb = new Element('div');
			var ovRel = new Element('div', {'styles': {'position': 'relative', 'overflow': 'hidden'}});
			ovtemp.inject(ovRel);
			ovRel.inject(ovAb);
			this.rel = ovRel;
			this.inner = ovtemp.setStyles({'position': 'absolute'});
			this.overlay = ovAb;
		} else {
			this.overlay = ovtemp;
		}
		this.thumbnail = this.container.getElement('.thumbnail');
		
		//Set Stage
		this.setStage();
		
		this.container.addEvents({
				'mousemove': function(event) {
					this.move(event);
				}.bind(this),
				'mouseenter': function() {
					/*
					var db = $(document.body);
					var myFx = new Fx.Scroll(db, {
									    offset: {
										x: 0,
										y: 0
									    }
									}).toTop();
					document.addEvent("mousewheel",function(e){ e.preventDefault(); });
					*/
					this.overlay.tween('opacity', 1);	
				}.bind(this),
				'mouseleave': function() {
					this.overlay.tween('opacity', 0);	
					document.removeEvents("mousewheel");
				}.bind(this)
		});
	},
	
	move : function(event) {
		var p = event.page; 
		var q = this.thumbnail.getCoordinates();
		var lp = (p.x-q.left.toInt()-(this.options.width/2));
		var maxlp = (this.sizes.x-this.options.width);
		var maxf = false;
		
		if(lp < 0) {
			lp = 0;	
		}
		if(lp > maxlp) {
			lp = maxlp;
			maxf = true;
		}
		
		var tp = ((this.sizes.y.toInt()/2)-(this.options.height/2));
		tp = (p.y-q.top.toInt()-(this.options.height/2));
		var maxtp = (this.sizes.y-this.options.height);
		if(tp < 0) {
			tp = 0;	
		}
		if(tp > maxtp) {
			tp = maxtp;
			maxf = true;
		}
		
		
		
		this.overlay.setStyles({'top': tp, 'left': lp});
		
		
		//Inner Relative Move
		if(this.options.relative) {
				 //Find the right position for it being left
				//Find where the mouse is
				lp = p.x-q.left.toInt();
				var ip = (lp/this.sizes.x);
				
				//Set move the inner image accordingly
				var innerw = this.inner.getSize().x.toInt();
				this.inner.setStyle('left', (ip*innerw*(-1)+(this.options.width*ip)));
			
				
				
					tlp = p.y-q.top.toInt();
					var itp = (tlp/this.sizes.y);
					
					//Set move the inner image accordingly
					innerw = this.inner.getSize().y.toInt();
					var posTop = (itp*innerw*(-1)+(this.options.height*itp));
					/*
					if(posTop < 0 && tp == 0) {
						posTop = 0;
					}
					*/
					this.inner.setStyle('top', posTop);
				
		}
	},
	
	message : function(message) {
		if(console) {
			console.log(message);	
		}
	}

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