$(document).ready(function() {

	$('ul.jewellery li div .hidden').each(function(i, el) {
		$(el).removeClass('hidden');	
	});

	$('#slideshow-castor').after('<div id="nav-castor" class="nav">').cycle({
        fx: 'fade', speed: 500, timeout: 0, pager: '#nav-castor'
    });

	$('#slideshow-corona').after('<div id="nav-chamaeleon" class="nav">').cycle({
        fx: 'fade', speed: 500, timeout: 0, pager: '#nav-chamaeleon'
    });

	$('#slideshow-chamaeleon').after('<div id="nav-corona" class="nav">').cycle({
        fx: 'fade', speed: 500, timeout: 0, pager: '#nav-corona'
    });

	$('#slideshow-cepheus').after('<div id="nav-cepheus" class="nav">').cycle({
        fx: 'fade', speed: 500, timeout: 0, pager: '#nav-cepheus'
    });

	$('#slideshow-king').after('<div id="nav-king" class="nav">').cycle({
        fx: 'fade', speed: 500, timeout: 0, pager: '#nav-king'
    });

	$('#slideshow-queen').after('<div id="nav-queen" class="nav">').cycle({
        fx: 'fade', speed: 500, timeout: 0, pager: '#nav-queen'
    });

	$('#slideshow-canis').after('<div id="nav-canis" class="nav">').cycle({
        fx: 'fade', speed:  500, timeout: 0, pager:  '#nav-canis'
    });

	$('.nav a').each(function(i, el) {
		$(el).text('');
	});

	$('header li a').each(function(i, el) {
		var name = $(el).attr('title').toLowerCase(); 
		var href = $(el).attr('href');
		var active = $(el).hasClass('current');
		var filename = active ? name + '-active' : name;
		$(el).before('<a class="' + $(el).attr('class') + '" href="' + href + '" title="' + name + '"><img class="menuitem" src="/img/menuitem-' + filename + '.png" alt="" /></a>').remove();
	});
	
	$('.menuitem').mouseover(function() {
		var file = $(this).attr('src');
		var hoverfile = file.replace('-active', '').replace('.png', '-hover.png');

		$(this).attr('src', hoverfile);
	});

	$('.menuitem').mouseout(function() {
		var file = $(this).attr('src');
		var nohoverfile;

		if ($(this).parent().hasClass('current')) {
			nohoverfile = file.replace('hover', 'active');
		} else {
			nohoverfile = file.replace('-hover', '');
		}

		$(this).attr('src', nohoverfile);
	});

	$('h1, h2').each(function(i, el) {
		var filename = $(el).text().replace(/\s/g, '-').toLowerCase();
		var tagname = $(el).attr('tagName').toLowerCase();
		$(el).before('<img class="' + tagname + '" src="/img/headers/' + filename + '.png" alt="" />').remove();
	});

	$('#homage').before('<img id="homage" src="/img/credit-txt.png" alt="" />').remove();
	

});