if(document.images){
	preloadImage = new Image();
	preloadImage.src = "/images/loading.gif";
}

var postForm = function(formid, url){
	$(formid).addEvent('submit', function(e) {
		e.stop();
		var form = $(formid).addClass('loading');
		
		this.set('send', {
			onComplete: function(response) { 
				form.removeClass('loading');
				form.set('html', response);
			}
		});

		this.send('/inc/'+url);
	});
};

var imageSwap = function(div, id){
	var link = $(id);
	var destdiv = $(div);
			
	link.onclick = function() {
		destdiv.fade(0, 0).empty();
		var im = new Element('img', {src: link.href});
		this.inject.delay(200, im, (destdiv));
		this.fade.delay(500, destdiv, (0, 1));
		
		return false;
	};
};

var sliderControl = function(links, divs, index){
	var toggles = $$(links);
	var content = $$(divs);
	
	content.each(function(contents) {
		contents.removeAttribute('id');
	});
	
	var AccordionObject = new Accordion(toggles, content, { 
		onActive: function(toggler, element) {
			toggler.addClass('active');
		},
		onBackground: function(toggler, element) {
	        toggler.removeClass('active');
		},
		opacity: true,
		alwaysHide: true,
		show: index
	});
};

var postFormChange = function(formid, url){
	var form = $(formid).addClass('loading');
	
	form.set('send', {
		onComplete: function(response) { 
			form.removeClass('loading');
			form.set('html', response);
		}
	});

	form.send('/inc/'+url+'?change=1');
};

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 photoChange = function(id, current, v){
	$('fade'+v+id).setStyle('z-index', '1');
	$('fade'+v+id).fade(1, 0);
		
	$('fade'+v+current).setStyle('z-index', '2');
	$('fade'+v+current).fade(0, 1);
};

var fadeImages = function(){
	var current=0;
	
	var timer = 6;
	
	var images = $$("div.images p");
	
	var max=(images.length-1);
	
	if(max>0){
		images.each(function(image, i) {
			image.setStyle('opacity', (i==0 ? 1 : 0));
			image.set('id', 'fade'+i);
		});
		
		var refresh = (function() {
			id=current;
			current=(current==max ? -1 : current);
			current++;
			
			new photoChange(id, current, '');
		});
	
		periodical = refresh.periodical(timer * 1000, this);
	}
};

function website(url){
	popupWindow = window.open(url, '_blank','');
	popupWindow.focus();
}

function popup(url){
	popupWindow = window.open(url, '_blank','width=498,height=539,resizable=no,scrollbars=yes,toolbar=no');
	popupWindow.focus();
}

var linksScan = function(){
	var anchors = $$("a");
	anchors.each(function(anchor, i) {
		var relAttribute = anchor.get('rel');
		var classAttribute = anchor.get('class');
		
		if (classAttribute=='popup' || relAttribute=='popup'){
			anchor.addEvent('click', function() {
				popup(this);
				return false;
			});
		}else if (relAttribute=='external'){
			anchor.addEvent('click', function() {
				website(this);
				return false;
			});
		}
	});
};

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