$(document).ready(function() {
	$('a').focus(function() { this.blur(); });
	wrapButtons();
	initImageFade();
});

function wrapButtons() {
	$('a.cms').children('span.cms_big').each(function() {
		var obj = $(this);
		obj.wrap('<span class="button_wrapper"></span>');
		obj.before('<span class="button_left"></span>');
		obj.after('<span class="button_right"></span>');
		obj.addClass('button_center');
	});
	$('input[type="submit"]').each(function() {
		var obj = $(this);
		obj.wrap('<span class="button_wrapper"></span>');
		obj.before('<span class="button_left"></span>');
		obj.after('<span class="button_right"></span>');
		obj.addClass('button_center');
		$(this).mouseover(function() {
			$(this).parent().removeClass('hover');
			$(this).parent().addClass('hover');
		});
		$(this).mouseout(function() {
			$(this).parent().removeClass('hover');
		});
	});
}

function initImageFade() {
	var table = $('table.cc_fading');
	var rows = table.find('tr');
	var row2 = $(rows.get(1));
	var col = rows.first().children('td').first();
	var img = col.children('img');
	var img2 = row2.children('td').first().children('img');
	img2.clone().appendTo(col);
	img2 = col.children('img').last();
	var interval = row2.children('td').last().html();
	interval = parseInt(interval, 10);
	if (!interval || isNaN(interval)) interval = 3;
	row2.remove();
	col.wrapInner('<div class="fading_wrapper"></div>');
	if (img.height()) {
		startImageFade(col, img, img2, col.children('div.fading_wrapper'), interval);
	} else {
		img.load(function() {
			startImageFade(col, img, img2, col.children('div.fading_wrapper'), interval);
		});
	}
}

function startImageFade(col, img, img2, wrapper, interval) {
	wrapper.height(Math.max(img.height(), img2.height()) + 'px');
	wrapper.width(Math.max(img.width(), img2.width()) + 'px');
	img2.hide();
	wrapper.data('images', new Array(img, img2));
	wrapper.data('idx', 0);
	setInterval(function() {
		fadeImages(wrapper);
	}, interval * 1000);
}

function fadeImages(wrapper) {
	var idx = wrapper.data('idx');
	var rem = idx;
	idx = (idx)? 0 : 1;
	wrapper.data('idx', idx);
	var images = wrapper.data('images');
	images[0].stop();
	images[0].clearQueue();
	images[1].stop();
	images[1].clearQueue();
	images[rem].fadeOut(650);
	images[idx].css('z-index', 12);
	images[idx].fadeIn(650);
}
