if(document.images){
	preloadImage = new Image();
	preloadImage.src = "/images/loading.gif";
}

var galleryItems = function(id, file){
	$$('#'+id+'list a').addEvent('click', function(event) { event = new Event(event).stop();
		gid=this.rel;
		new galleryItem(gid, id, file);
		
		$$('#'+id+'list a').removeClass('active');
		
		this.addClass('active');
	});
};

var galleryItem = function(gid, id, file){
	var div=$(id);
	var url = '/inc/'+file;
	var loading = $('loading');
	
	div.fade(0, 0);
	loading.addClass('loading');
			
	var myRequest = new Request({
		url: url,
		method: 'get',
		onComplete: function(response) {			
			div.set({'html': response});
			div.fade(0, 1);	
			loading.removeClass('loading');
		}
	}).send('gid='+gid);
};

var postForm = function(formid, url){
	$(formid).addEvent('submit', function(e) {
		e.stop();
		var form = $(formid).addClass('loading');
		
		this.scroll = new Fx.Scroll(window);
		this.scroll.toElement(form);
		
		this.set('send', {
			onComplete: function(response) { 
				form.removeClass('loading');
				form.set('html', response);
			}
		});

		this.send('/inc/'+url);
	});
};

var ajaxSnippet = function(ajax_links, file){
	var div;
	var div_loading;
	var url = '/inc/'+file;
	
	var snippets = $$("ul.maps a, ul.ajax a");
	snippets.each(function(snippet, i) {
		snippet.addEvent("click", function(e) {
			new Event(e).stop();
			
			div = $(ajax_links);
			
			div_loading=$('loading');
			div_loading.addClass('loading');
			
			div.fade(0, 0);
			
			var myRequest = new Request({
				url: url,
				method: 'get',
				onComplete: function(response) {
					div.set({'html': response});
					
					this.scroll = new Fx.Scroll(window);
					this.scroll.toElement(div);
					
					external();
										
					div.fade(0, 1);
					div_loading.removeClass('loading');
				}
			}).send('ajax='+this.rel);
			
			var snippetsrevert = $$("ul.maps a, ul.ajax a");
			snippetsrevert.each(function(snippetrevert, i) {
				snippetrevert.className='';
			});
			
			this.className='active';
	
		});
	});
};

function website(url){
	popupWindow = window.open(url, '_blank','');
	popupWindow.focus();
}

var acordian = function(){
	var szNormal = 108, szSmall  = 108, szFull   = 218;
		 
	var kwicks = $$(".slides li");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			fx.start(o);
		});
	});
	 
	/*$("#slides").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	});*/
};

var external = function(){
	var anchors = $$("a");
	anchors.each(function(anchor, i) {
		var relAttribute = String(anchor.getAttribute('rel'));
		if (anchor.id=='print'){
			anchor.onclick = function() {
				print();
				return false;
			};
		}else if (anchor.getAttribute('href') && (relAttribute=='external')){
			anchor.onclick = function() {
				website(this);
				return false;
			};
		}
	});
};

window.addEvent('domready', function(){
	new external();
});