jQuery(function(){

    jQuery('#protest-wall-a').remove();
    
    var apiKey = '4ef2fe2affcdd6e13218f5ddd0e2500d';
    
    jQuery.getJSON('http://api.flickr.com/services/rest/?&method=flickr.groups.pools.getPhotos&api_key=' + apiKey + '&group_id=509682@N23&format=json&jsoncallback=?',
        function(data){
        
        jQuery.each(data.photos.photo, function(i, item) {
            
            var protestImage = '<a class="protest-photo-link" href="http://www.flickr.com/photos/videogamevotersnetwork/' + item.id + '/in/pool-wallofprotest" target="_blank"><img class="protest-photo" src="http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_s.jpg" sTitle="' + item.title + '" lrgThmb="http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.secret + '_m.jpg"></a>';
            
            jQuery(protestImage).appendTo('#image-container');

            
        });
                       
    });

    jQuery('.protest-photo-link').live('mouseover', function(e){
        var photoTitle = jQuery(this).children('img').attr('sTitle');
        var largeThumbnail = jQuery(this).children('img').attr('lrgThmb');
        jQuery('<div class="protest-photo-info"><p>' + photoTitle + '</p><img alt="" src="' + largeThumbnail + '" /></div>').appendTo('body');
        /*
        if(e.pageX > 800){
				jQuery('.info').css('position', 'absolute').css('left', e.pageX - 250).css('top', e.pageY + 6);
			} else {
				jQuery('.info').css('position', 'absolute').css('left', e.pageX - 10).css('top', e.pageY + 6);
			}
        */
        jQuery('.protest-photo-info').css('position', 'absolute').css('left', e.pageX - 10).css('top', e.pageY + 6);
    });
    jQuery('.protest-photo-link').live('mouseout', function(){
        jQuery('.protest-photo-info').remove();
    });
    jQuery('.protest-photo-link').live('mousemove', function(e){
        /*
        if(e.pageX > 800){
				jQuery('.info').css('position', 'absolute').css('left', e.pageX - 250).css('top', e.pageY + 6);
			} else {
				jQuery('.info').css('position', 'absolute').css('top', e.pageY + 6).css('left', e.pageX + 15);
			}
        */
        jQuery('.protest-photo-info').css('position', 'absolute').css('left', e.pageX - 15).css('top', e.pageY + 15);
    });
    
    jQuery('#join-protest-form').load('/page/s/joinprotest .base');
    

});