Banners = {
	banners: [],
	currentIndex: 0,
	
	bannerContainer: function() {
		return $('#frontpage_big');
	},

	buttonsContainer: function() {
		return $('#banner_buttons');
	},
	
	initBanners: function() {
		if( Banners.banners.length > 1 )
		{
			Banners.renderButtons();
			Banners.showBanner(0);
			Banners.startRotation();
		}
	},
	
	nextBanner: function() {
		nextIndex = Banners.currentIndex + 1;
		if( nextIndex >= Banners.banners.length ) nextIndex = 0;
		Banners.showBanner(nextIndex);
	},
	
	setIndex: function(index) {
		Banners.stopRotation();
		Banners.showBanner(index);
		Banners.startRotation();
	},
	
	showBanner: function(newIndex) {
		Banners.setButtonInactive(Banners.currentIndex);
		banner = Banners.banners[newIndex];
		file_url = banner.page_attachment.public_filename;
		if( file_url.indexOf('.swf') > 0 )
			Banners.renderFlash(file_url);
		else
			Banners.renderImage(file_url, banner.link_url);
		Banners.currentIndex = newIndex;
		Banners.setButtonActive(Banners.currentIndex);
	},

	renderImage: function(image_url, link_url) {
		has_link = ( link_url != null && link_url != "" );
		html = '';
		if(has_link) html += '<a href="' + link_url + '">';
		html += '<img src="' + image_url + '" border="0" width="680" height="230" />';
		if(has_link) html += '</a>';
		Banners.bannerContainer().html(html);
	},
	
	renderFlash: function(url) {
		Banners.bannerContainer().flashembed({src: url, width: 680, height: 230, wmode: 'opaque'});
	},
	
	renderButtons: function() {
		$(Banners.banners).each(function(index, banner) {
			Banners.buttonsContainer().append('<a href="#" onclick="Banners.setIndex(' + index + ')"><img width="19" height="19" index="' + index + '" /></a>');
			banner.button = Banners.buttonsContainer().find('img[index=' + index + ']').get(0);
			Banners.setButtonInactive(index);
		});
	},
	
	setButtonInactive: function(index) {
		count = index + 1;
		Banners.banners[index].button.src = '/images/banners/button_' + count + '.gif';
	},
	
	setButtonActive: function(index) {
		count = index + 1;
		Banners.banners[index].button.src = '/images/banners/current_' + count + '.gif';
	},
	
	startRotation: function() {
		Banners.bannerContainer().everyTime('11s', Banners.nextBanner);
	},
	
	stopRotation: function() {
		Banners.bannerContainer().stopTime();
	}
	
};

$(document).ready( function() {
  Banners.initBanners();
});