﻿$(function(){
    var _positionFootball = function(){
        var left = -225 + (($(window).width() - 983) / 2);
        $('#goal').css('left', left > -25 ? '-25px' : left + 'px');
    };
    // Reposition football
    $(window).resize(_positionFootball);
    _positionFootball();
    
    // Staf detail popup
    $('a').filter(function(){   
        var href = $(this).attr('href');
        if(!href)return false;       
        return (new RegExp(($.Mvc.url_root + "/staf/lid/").toLowerCase())).test(href.toLowerCase());
    }).click(function(e){
        $.jeegoopopup.open('', {
            url: $(this).attr('href'),    
            width: 700,
            height: 270,
	    scrolling: 'no' 
        });
        return false;
    });
    var popupTitle = $('#staf_popup_title').text();
    if(popupTitle && !/^\s*$/.test(popupTitle))
    {
        window.parent.$.jeegoopopup.title(popupTitle);
	var height = $('div.staf').height();
	if(height < 250)height = 250;
        window.parent.$.jeegoopopup.height(height);
    }
   
    // Team pics
    var _length = $('#team_pic_slider > img').length;
    var _refreshTeamPics = function(){
        if(_length > 1){
            var index = Math.abs(parseInt($('#team_pic_slider').css('left'))) / 543;
	        if(index == 0){
	            $('#team_pic_left').removeClass('ready').fadeOut(500);
	            $('#team_pic_right').fadeIn(500, function(){
	                $(this).addClass('ready');
	            });
	        }
	        else if(index == _length - 1){
	            $('#team_pic_left').fadeIn(500, function(){
	                $(this).addClass('ready');
	            });
	            $('#team_pic_right').removeClass('ready').fadeOut(500);
	        }
	        else{
                $('#team_pic_left, #team_pic_right').fadeIn(500, function(){
                    $(this).addClass('ready');
                });
            }
        }
    };
    
    var animate = false;
    var move = function(toLeft){
        if(animate)return;
        var left = parseInt($('#team_pic_slider').css('left'));
	    var index = Math.abs(left) / 543;
	    var length = $('#team_pic_slider > img').length;

	    if((!toLeft && index != length - 1) || (toLeft && index != 0))
	    {
            animate = true;
           
            $('#team_pic_slider').animate({
                left: toLeft ? left + 543 + 'px' : left - 543 + 'px'
            }, 500, function(){
                animate = false;
                _refreshTeamPics();
            });
	    }
    };
    
    $('#team_pic_slider').width(543 * _length);  
	$('#team_pic_left').click(function(){move(true);});
	$('#team_pic_right').click(function(){move(false);});
	_refreshTeamPics();

	// Hover over photobrowser.
	if($.fn.jeegoohover){
	    $('#jg_photo_page_2').jeegoohover({
            width: 300,
            onLoad: function(data){
                var summary = $('div.jg_photo_page a:eq(' + $.photobrowser.currentItem() + ') span.jg_photo_summary').text();
                data.html = /^\s*$/.test(summary) ? '' : '<div id="summary_hover">' + summary + '</div>';
            },
            delay: 0,
            fadeIn: 0
        });
    };
    
    // Update text in jeegoohover on item move.
    if($.photobrowser){
        $.photobrowser.afterItemMove(function(){
            var summary = $('div.jg_photo_page a:eq(' + $.photobrowser.currentItem() + ') span.jg_photo_summary').text();
            var html = /^\s*$/.test(summary) ? '' : '<div id="summary_hover">' + summary + '</div>';
            $('#jg_hover_content').html(html);
        });
    }
    
    $('a.clublied').click(function(){
        $.jeegoopopup.open('', {
            url: $(this).attr('href'),
            width: 296,
            height: 240,
            skinClass: 'jg_popup_clublied',
            scrolling: 'no'
        });
        return false;
    });

    // Banner 
    if($('#banner').length == 1)
    {
        var slider = $('#banner_slider');
        var itemCount = slider.find('> div').length;
        if(itemCount > 1)
        {
            // copy first item to last item.
            slider.find('> div:eq(0)').clone().appendTo(slider);
            
            setInterval(function(){
                var top = parseInt(slider.css('top'));
                slider.animate({
                    top: (top - 69) + 'px'
                }, 300, function(){
                    if(top / (itemCount - 1) == -69)slider.css('top', '0');
                }); 
            }, 5000);
        }
    }
});
$.firstFocus = function(){};
