(function ($) {
    $.fn.Zoomer = function (b) {
        var c = $.extend({
            speedView: 200,
            speedRemove: 400,
            altAnim: false,
            speedTitle: 400,
            debug: false
        }, b);
        var d = $.extend(c, b);

        function e(s) {
            if (typeof console != "undefined" && typeof console.debug != "undefined") {
                console.log(s)
            } else {
                alert(s)
            }
        }
        if (d.speedView == undefined || d.speedRemove == undefined || d.altAnim == undefined || d.speedTitle == undefined) {
            e('speedView: ' + d.speedView);
            e('speedRemove: ' + d.speedRemove);
            e('altAnim: ' + d.altAnim);
            e('speedTitle: ' + d.speedTitle);
            return false
        }
        if (d.debug == undefined) {
            e('speedView: ' + d.speedView);
            e('speedRemove: ' + d.speedRemove);
            e('altAnim: ' + d.altAnim);
            e('speedTitle: ' + d.speedTitle);
            return false
        }
        if (typeof d.speedView != "undefined" || typeof d.speedRemove != "undefined" || typeof d.altAnim != "undefined" || typeof d.speedTitle != "undefined") {
            if (d.debug == true) {
                e('speedView: ' + d.speedView);
                e('speedRemove: ' + d.speedRemove);
                e('altAnim: ' + d.altAnim);
                e('speedTitle: ' + d.speedTitle)
            }
            $(this).hover(function () {
                $(this).css({
                    'z-index': '10'
					
                });
                $(this).find('img').addClass("hover").stop().animate({
                    marginTop: '-37px',
                    marginLeft: '-70px',
                    top: '50%',
                    left: '50%',
                    width: '152px',
                    height: '79px',
                    padding: '0px'
                }, d.speedView);
                if (d.altAnim == true) {
                    var a = $(this).find("img").attr("alt");
                    if (a.length != 0) {
                        $(this).prepend('<span class="title">' + a + '</span>');
                        $('.title').animate({
                            marginLeft: '-47px',
                            marginTop: '0px'
                        }, d.speedTitle).css({
                            'z-index': '10',
                            'position': 'absolute',
                            'float': 'left'
                        })
                    }
                }
            }, function () {
                $(this).css({
                    'z-index': '0'
                });
                $(this).find('img').removeClass("hover").stop().animate({
                    marginTop: '0',
                    marginLeft: '0',
                    top: '0',
                    left: '0',
                    width: '52px',
                    height: '27px',
                    padding: '0px'
                }, d.speedRemove);
                $(this).find('.title').remove()
            })
        }
    }
})(jQuery);

$(function() {
	$('ul.thumb li').Zoomer({speedView:200,speedRemove:400,altAnim:true,speedTitle:400,debug:false});
	
	$('.mright').bind('mouseenter', function() {
		this.iid = setInterval(function() {
			var currentLeft = $('.bgimg').css('margin-left');
			currentLeft = parseInt(currentLeft);
			
			if(currentLeft > -3579) {
				currentLeft -= 5;
				$('.bgimg').css('margin-left', currentLeft + 'px');
			}
		}, 1);
	}).bind('mouseleave', function(){
		this.iid && clearInterval(this.iid);
	});
	
	$('.mleft').bind('mouseenter', function() {
		this.iid = setInterval(function() {
			var currentLeft = $('.bgimg').css('margin-left');
			currentLeft = parseInt(currentLeft);
			
			if(currentLeft < 0) {
				currentLeft += 5;
				$('.bgimg').css('margin-left', currentLeft + 'px');
			}
		}, 1);
	}).bind('mouseleave', function(){
		this.iid && clearInterval(this.iid);
	});
	
	$.get('http://search.twitter.com/search.json?q=%23friesemeren+OR+friesemeren_nl&result_type=recent&callback=?', function(data) {
		// $('.twitter_cont').append('<p><a href="http://twitter.com/#!/' + data.results[0].from_user + '" target="_blank">@' + data.results[0].from_user + '</a>: ' + data.results[0].text + '</p>');
		$('.twitter_cont').append('<p><strong>Laatste tweet #friesemeren</strong><br /><br />' + data.results[0].text + '</p>');
		$('.twitter_icon').attr('src', data.results[0].profile_image_url);
		// $('.twitter_user').text(data.results[0].from_user);
		$('.twitter_user').append('<a href="http://twitter.com/#!/' + data.results[0].from_user + '" target="_blank">@' + data.results[0].from_user + '</a>');
	}, 'json');
});