// JavaScript Document

$(document).ready(function(){
	var cache = [];

	function displayItem(item, holder) {
		$('#'+holder+' .recipe_panel').stop().fadeTo(600, 0, function() {
			$(this)
				.find('img.display')
					.attr('src', '/assets/img/glorious-gammon-2010/' + item + '.jpg')
				.end()
				.attr('href', $('#'+holder+' .'+item).attr('href'))
				.fadeTo(600, 1);
		});

		$('#'+holder+' li').removeClass('selected');
		$('#'+holder+' li .'+item).parent().addClass('selected');
	}

	$('.recipe_panel img').hover(function(){
		$('span', $(this).parent()).show();
	},function(){
		$('span', $(this).parent()).hide();
	});

	$('.recipe_panel span')
		.hide()
		.hover(function(){
			$(this).show();
		},function(){

		});

	$('#sausage_recipes .rArr').click(function(){
		var sel = $(this).parent().attr('id');
		var index = $('.recipes li', $('#'+sel)).index($('.recipes li.selected', $('#'+sel)).get(0));

		var i = 'p1';
		index++;
		if (index < $('.recipes li', $('#'+sel)).length) {
			i = $('.recipes li', $('#'+sel)).eq(index).children('a').attr('class');
		}

		displayItem(i, sel);
	});

	$('#sausage_recipes .lArr').click(function(){
		var sel = $(this).parent().attr('id');
		var index = $('.recipes li', $('#'+sel)).index($('.recipes li.selected', $('#'+sel)).get(0));

		var i = 'p'+$('.recipes li', $('#'+sel)).length;
		index--;
		if (index >= 0) {
			i = $('.recipes li', $('#'+sel)).eq(index).children('a').attr('class');
		}

		displayItem(i, sel);
	})

	$('#sausage_recipes .recipes li a').each(function() {
		var src = '/assets/img/glorious-gammon-2010/' + this.className+ '.jpg';

		var cacheImage = document.createElement('img');
		cacheImage.src = src;
		cache.push(cacheImage);
	});

	$('#sausage_recipes .recipes li a').click(function() {
		displayItem(this.className, 'sausage_recipes');
		return false;
	});

    var displaySculptures = 6;
    var numSculptures = 0;
    var sculpturesPage = 1;
    
	$('#sausage-sculptures .recipes li a').each(function() {
		var src = '/assets/img/sausage-week-2010/sausage-sculptures/' + this.className+ '.jpg';

		var cacheImage = document.createElement('img');
		cacheImage.src = src;
		cache.push(cacheImage);
        
        var num = parseInt(this.className.replace("p", ""));
        if (num > displaySculptures) {
            $(this).hide();
        }
        
        numSculptures ++;
	});

    if (numSculptures <= displaySculptures) {
        $('#sausage-sculptures .rArr').hide();
    }
    if (sculpturesPage == 1) {
        $('#sausage-sculptures .lArr').hide();
    }
    
	$('#sausage-sculptures .recipes li a').click(function() {
		displayItem(this.className, 'sausage-sculptures');
		return false;
	});
    
	$('#sausage-sculptures .rArr').click(function(){
		sculpturesPage ++;
        var upper = sculpturesPage * displaySculptures;
        var lower = upper - (displaySculptures - 1);
        $('#sausage-sculptures .recipes li a').each(function() {
            var num = parseInt(this.className.replace("p", ""));
            if (num < lower || num > upper) {
                $(this).hide();
            } else {
                $(this).css('display', 'block');
            }
        });
        if (sculpturesPage > 1) {
            $('#sausage-sculptures .lArr').show();
        }
        if ((displaySculptures * sculpturesPage) > numSculptures) {
            $('#sausage-sculptures .rArr').hide();
        }
	});

	$('#sausage-sculptures .lArr').click(function(){
		sculpturesPage --;
        var upper = sculpturesPage * displaySculptures;
        var lower = upper - (displaySculptures - 1);
        $('#sausage-sculptures .recipes li a').each(function() {
            var num = parseInt(this.className.replace("p", ""));
            if (num < lower || num > upper) {
                $(this).hide();
            } else {
                $(this).css('display', 'block');
            }
        });
        if (sculpturesPage == 1) {
            $('#sausage-sculptures .lArr').hide();
            $('#sausage-sculptures .rArr').show();
        }
	})

	/* POLL */
	function displayGraph() {
		$.ajax({
			'url': '/poll/results_sausage_week_2010',
			'dataType': 'json',
			success: function(json) {
				for (var sausage in json.sausages) {
					var p = json.sausages[sausage].percent;

					 json.sausages[sausage].height = Math.round(json.sausages[sausage].height * 190);

					$('#sausage-results .' + sausage).animate({
						'marginTop': 190 - json.sausages[sausage].height,
						'height': json.sausages[sausage].height
					}, 1000).data('percent', json.sausages[sausage].percent);
				}
			}
		});
	}

	if (!$.browser.msie) {
		$('#percent').css('opacity', 0).show();
	}
	$('#sausage-results a').hover(function() {
        $('.sausage-key li').css('opacity', '0.3');
        $('#key-' + $(this).attr('class')).css('opacity', '1');
		$('#percent').html( $(this).data('percent') + '%').attr('class', $(this).attr('class'));
		if ($.browser.msie) {
			$('#percent').show();
		} else {
			$('#percent').stop().fadeTo(75, 1);
		}
	}, function() {
        $('.sausage-key li').css('opacity', '1');
		if ($.browser.msie) {
			$('#percent').hide();
		} else {
			$('#percent').stop().fadeTo(75, 0);
		}
	});

	$('#sausage-options a').click(function() {
		$('#sausage-options li').removeClass('selected');
		$(this).parent().addClass('selected');
		$('#poll-submit').show();
		
		return false;
	});
	$('#poll-submit').click(function() {
		var myVote = $('#sausage-options li.selected a').attr('id');
		$(this).hide();
		$('#sausage-options').hide();
		$('#sausage-results').show();

		//  Vote
		$.ajax({
			'url': '/poll/vote_sausage_week_2010',
			'type': 'post',
			'data': {
				'vote': myVote
			},
			'success': displayGraph,
			'error': displayGraph
		});

		return false;
	});

    // map rollover images
    $('#news-feed-map ul li a').hover(
        function () {
			$('#news-feed-map ul li a').css('z-index', 2);
            $('span', this).css('display', 'block').css('z-index', 200);
            $(this).addClass('current').css('z-index', 200);
        }, 
        function () {
			$('#news-feed-map ul li a').css('z-index', 2);
            $('span', this).css('display', 'none');
            $(this).removeClass('current');
        }
    );
    
    // news feed
    var newsIndex = 0;
    $('.news-list').hide();
    $("#news" + newsIndex).show();
    $('.newer').hide();
    
    $('#news-feed .newer').click(function() {
        newsIndex -= 3;
        newsIndex == 0 ? $('.newer').hide() : $('.newer').show();
        newsIndex >= 27 ? $('.older').hide() : $('.older').show();
        $('.news-list').hide();
        $("#news" + newsIndex).show();
        return false;
    });
    
    $('#news-feed .older').click(function() {
        newsIndex += 3; 
        newsIndex == 0 ? $('.newer').hide() : $('.newer').show();
        newsIndex >= 27 ? $('.older').hide() : $('.older').show();
        $('.news-list').hide();
        $("#news" + newsIndex).show();
        return false;
    });
    
});

sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#intro-panel h1',
	offsetTop: "-10",
	tuneHeight: "-20",
	css: '.sIFR-root { color: #ffffff; }'
});
sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#intro-panel h2',
	offsetTop: "-10",
	tuneHeight: "-20",
	css: '.sIFR-root { color: #b17bd1; }'
});


sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage_recipes h2',
	offsetTop: "-10",
	tuneHeight: "-25",
	css: '.sIFR-root { color: #502557; text-align: center; }'
});
sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage_recipes h3',
	offsetTop: "-5",
	tuneHeight: "0",
	css: '.sIFR-root { color: #a066c5; text-align: center; line-height: 10%; }'
});


sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#news-feed h2',
	offsetTop: "-10",
	tuneHeight: "-25",
	css: '.sIFR-root { color: #ffffff; }'
});

sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage-activities h3',
	offsetTop: "-5",
	tuneHeight: "-5",
	css: '.sIFR-root { color: #63326A; text-align: center; }'
});


sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage-sculptures h2',
	offsetTop: "-10",
	tuneHeight: "-20",
	css: '.sIFR-root { color: #502557; text-align: center; }'
});
sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage-sculptures h3',
	offsetTop: "0",
	tuneHeight: "-5",
	css: '.sIFR-root { color: #a066c5; text-align: center; }'
});


sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage-poll h2',
	offsetTop: "-10",
	tuneHeight: "-20",
	css: '.sIFR-root { color: #ffffff; }'
});
sIFR.replace({src: '/assets/swf/ElGrande.swf'}, {
	wmode: 'transparent',
	selector: '#sausage-poll h3',
	offsetTop: "-5",
	tuneHeight: "-8",
	css: '.sIFR-root { color: #b17bd1; }'
});