FlickrSet Extension

From ThePlaz.com

Revision as of 22:10, 18 July 2010 by ThePlaz (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Code

Skin Header

<script type="text/javascript">function html_decode(input) {return input.replace(/\&/g,"&");}</script>

Extension File

<?php
# FlickrSet MediaWiki extension v.1
#   Shohei Yokoyama (Shizuoka Univ. Japan) 2010.07
#   Michael Plasmeier (http://theplaz.com) 2010.07
# 
#-Set Image List and Viewer (with Slideshow and Google Maps)
# Featuring a cache
#  Wiki Tag:  <flickrset>photo-set-id</flickrset>
#  Ex :
#    Flickr-Set url: http://www.flickr.com/photos/abarth500/sets/72157624120056693/
#    <flickrset>72157624120056693</flickrset>
#-Tag Image List and Viewer (with Slideshow and Google Maps)
# Featuring a cache
# Right now only with a hardcoded user
#  Wiki Tag:  <flickrtag>tag</flickrtag>
#  Ex :
#    Flickr url: http://www.flickr.com/photos/theplaz/tags/berlin/
#    <flickrtag>berlin</flickrtag>
#-Set Thumbnails and Link
# Tag :
#    <flickrsetthumbs>photo-set-id1,photo-set-id2|PageTitle|LinkText</flickrsetthumbs>
#        *LinkText is optional
# Ex :
#    Flickr-Set url: http://www.flickr.com/photos/abarth500/sets/72157624120056693/
#                    http://www.flickr.com/photos/abarth500/sets/72157624324034434/
#    Link to:        http://shohei.yokoyama.ac/Gallary/Indidnapolis_Motor_Speedway
#    Link text:      CLICK HERE to enter the Photo gallary of Indianapolis Motor Speedway
#    <flickrsetthumbs>72157624120056693,72157624324034434|Gallary/Indidnapolis_Motor_Speedway|CLICK HERE to enter the Photo gallary of Indianapolis Motor Speedway</flickrsetthumbs>
#
# This code is licensed under the Creative Commons Attribution-ShareAlike 3.0 License
# For more information or the latest version visit
# http://shohei.yokoyama.ac/ƒ\ƒtƒgƒEƒFƒA/MediaWiki_Extension/FlickrSet/en
# http://shohei.yokoyama.ac/ƒ\ƒtƒgƒEƒFƒA/MediaWiki_Extension/FlickrSet (Japanses)

/* TODO
static maps of all points
Loading status image
Combine next/show js code
*/


require_once 'HTTP/Request2.php';


// User Setting ------------------------------------------------------
//   Flickr
define("wfFLICKRSET_APIKYE", ""); //<----Change!
define("wfFLICKRSET_SECRET", ""); //<--------------------Change!
define("wfFLICKRSET_REST",   "http://api.flickr.com/services/rest/");

//   Google Maps V3 API
define("wfFLICKRSET_GMAPURL",'http://maps.google.com/maps/api/js?sensor=false'); //url for full google maps api
define("wfFLICKRSET_GMAPSTATICURL",'http://maps.google.com/maps/api/staticmap?sensor=false'); //url for static google maps API
define("wfUSE_JS_GMAP", FALSE); //if false use only a static google map picture (loads page faster, but not interactive)

//   Ext core 3
define("wfFLICKRSET_EXTPATH",'http://ajax.googleapis.com/ajax/libs/ext-core/3/ext-core.js');
//--------------------------------------------------------------------

define("wfFLICKRSET_WIDTH",  549);
define("wfFLICKRSET_HEIGHT", 549);
define("wfFLICKRSET_BACKGROUND", "http://farm5.static.flickr.com/4060/4482574753_af9cc46021_o.png");
define("wfFLICKRSET_CACHE",dirname(__FILE__)."/cache/");

function wfFlickrSet_getSig($secret, $args){
    ksort($args);
    $s = "";
    foreach($args as $k => $v){
        $s .= $k . $v;
    }
    return md5($secret . $s);
}

function wfFlickrSet_callFlickerService($args,$POST = false){
	$args['api_sig'] = wfFlickrSet_getSig(wfFLICKRSET_SECRET, $args);
	$Req = new HTTP_Request2();
	if($POST){
		$Req->setMethod(HTTP_Request2::METHOD_POST);
		$url = FLICKR_REST;
		$Req->addPostParameter($args);
	}else{
		$url = wfFLICKRSET_REST . "?" . http_build_query($args);
	}
	$Req->setUrl($url);
	$res = $Req->send();
	return simplexml_load_string($res->getBody());
}

$wgExtensionFunctions[] = 'wfFlickrSet';
$wgExtensionCredits['parserhook'][] = array(
        'name' => 'FlickrSet',
        'description' => 'Display Flickr image sets and tags. Slideshow and Geotag are available.',
        'author' => 'Shohei Yokoyama and Michael Plasmeier',
        'url' => 'http://shohei.yokoyama.ac/'
);

function wfFlickrSet() {
        global $wgParser;
        $wgParser->setHook('flickrset', 'renderFlickrSet');
		$wgParser->setHook('flickrtag', 'renderFlickrTag');
		$wgParser->setHook('flickrsetbanner', 'renderFlickrSetThumbs');
		$wgParser->setHook('flickrsetthumbs', 'renderFlickrSetThumbs');//old
}

function renderFlickrSetThumbs($input,$arg,&$parser){
	$in = explode("|",$input);
	if(count($in)>=2){
		$page = $in[1];
		$inputs = explode(",",$in[0]);
		foreach($inputs as $i){
			if(!is_numeric($i)){
				return "<strong class='error'>PHOTO-ID ERROR</strong>";
			}
		}
		$input = str_replace(",","-",$in[0]);
	}else{
		return "<strong class='error'>INPUT ERROR</strong>";
	}
	if(count($in)>=3){
		$linkStr = $in[2];
	}else{
		$linkStr = "CLICK HERE to enter the photo gallery of '''".$page."'''";
	}
	$pagelink = $parser->recursiveTagParse("[[".$page."|".$linkStr."]]");
	$oldfile = wfFLICKRSET_CACHE."t+".ltrim($input,"+-");
	$newfile = wfFLICKRSET_CACHE."t-".ltrim($input,"+-");
	if(!strncmp($input,"-",1)){
		$f = $newfile;
		$newfile = $oldfile;
		$oldfile = $f;
	}
	if(is_file($oldfile)){
		unlink($oldfile);
	}
	if(is_file($newfile)){
		$output1 = file_get_contents($newfile);
	}else{
		$imgs=array();$q = 0;
		foreach($inputs as $setid){
			$photoset = wfFlickrSet_callFlickerService(array(
				'method'  => 'flickr.photosets.getPhotos',
				'api_key' => wfFLICKRSET_APIKYE,
				'photoset_id' => $setid,
				'extras' => "url_sq",
				'per_page' => 30,
				'page' => 1,
				'media' => 'photos'
			));
			if((string)$photoset["stat"]!="fail"){
				$imgs[$q]=array();
				foreach($photoset->photoset->photo as $photo){
					$url = (string)$photo["url_sq"];
					array_push($imgs[$q],'<img src="'.$url.'"/>');
				}
			}else{
				$output = "<strong class='error'>FLICKR API ERROR (photoset ID)</strong>";
				return $output;
			}
			$q++;
		}
		$thumbs = array();
		$cc = 0;
		while(count($thumbs) < 30){
			for($c = 0; $c < $q; $c++){
				if(count($imgs[$c])>0){
					array_push($thumbs,array_shift($imgs[$c]));
					if(count($thumbs) >= 30){break;}
				}
			}
			if(count($thumbs) == $cc){
				break;
			}else{
				$cc = count($thumbs);
			}
		}
		$output1 = '<div id="_THUMB_'.$input.'" style="width:'.(count($thumbs)*75).'px;">'.implode("",$thumbs).'</div>';
	}
	$output = "";
	$output2 = "";
	$output0 = "";
	$output0 = '<div style="position:relative;height:79px;margin:0px 20px 20px 20px;padding:0px;background-color:#000;">
	<div id="_TLIST_'.$input.'" style="position:relative;top:0px;left:0px;height:75px;padding:2px 1px 2px 1px;background-color:#000;overflow:hidden;">';
	//$output1 here
	$output2 .= '</div>
	<div style="position:absolute;top:0px;left:0px;"><span style="background-color:#fff;padding:3px 5px 1px 5px;">'.$pagelink.'</span></div>
	</div>
	<script type="text/javascript">
		Ext.onReady(function(){
			Ext.get("_TLIST_'.$input.'").on("mousemove",function(e){
				var d = (e.getPageX()-Ext.get("_TLIST_'.$input.'").getX())/Ext.get("_TLIST_'.$input.'").getWidth();
				var w = Ext.get("_THUMB_'.$input.'").getWidth() - Ext.get("_TLIST_'.$input.'").getWidth();
				Ext.get("_THUMB_'.$input.'").setX(Ext.get("_TLIST_'.$input.'").getX()-Math.ceil(d*w),true);
			},this);
		},this);
	</script>';
	if(FALSE === file_put_contents($newfile,$output1) or $output1 == ""){
		$output = "<strong class='error'>Cache File ".$newfile." ERROR</strong>";
		return $output;
	}
	return $output0.$output1.$output2;
}


function renderFlickrSet($input) {
	if ( !is_numeric($input)) {
		$output = "<strong class='error'>Flickr Error ( Not a valid ID ): PhotoID ".htmlentities($input, ENT_QUOTES,mb_internal_encoding())." is not numeric</strong>";
		return $output;
	}
	$oldfile = wfFLICKRSET_CACHE."f+".ltrim($input,"+-");
	$newfile = wfFLICKRSET_CACHE."f-".ltrim($input,"+-");
	//theplaz 2010-7-17: if cache off or purge is in the url, bypass cache
	global $wgCachePages;
	//var_dump($wgCachePages);
	if ($wgCachePages != FALSE && $_GET["action"] != 'purge') {
		//echo 'checking cache';
		if(intval($input) > 0){
			$f = $newfile;
			$newfile = $oldfile;
			$oldfile = $f;
		}
		if(is_file($oldfile)){
			unlink($oldfile);
		}
		if(is_file($newfile)){
			//echo 'from cache';
			return file_get_contents($newfile);
		}
	}
	//echo 'new';
	$input = ltrim($input,"+-");
	$photoset_info = wfFlickrSet_callFlickerService(array(
		'method'  => 'flickr.photosets.getInfo',
		'api_key' => wfFLICKRSET_APIKYE,
		'photoset_id' => $input
	));
	$photoset = wfFlickrSet_callFlickerService(array(
		'method'  => 'flickr.photosets.getPhotos',
		'api_key' => wfFLICKRSET_APIKYE,
		'photoset_id' => $input,
		'extras' => "url_sq,url_m",
		'per_page' => 500,
		'page' => 1,
		'media' => 'photos'
	));
	if((string)$photoset["stat"]!="fail"){
		//added theplaz 2010-07-17 Title of flickr item
		$title = '<h3><a href="http://flickr.com"><strong><span style="color:#0063DC">flick</span><span style="color:#EE007B">r</span></strong></a> > <a href="http://flickr.com/photos/'.$photoset->photoset["ownername"].'/sets">'.$photoset->photoset["ownername"].'</a> > <a href="http://www.flickr.com/photos/theplaz/sets/'.$input.'/">'.$photoset_info->photoset->title.' <span style="font-size:12px">Set</span></a></h3>';
		return flickr_common_print($photoset->photoset, $input, $oldfile, $newfile, $title);
	}else{
		$output = "<strong class='error'>FlickrSets: photoset ID not numeric</strong>";
		return $output;
	}
}
//input format: user:tag
//ie theplaz:berlin
function renderFlickrTag($input) {
	//user was not working, just use mine static
	$user = 'theplaz';
	$tag = $input;


	$oldfile = wfFLICKRSET_CACHE."f+".ltrim($input,"+-");
	$newfile = wfFLICKRSET_CACHE."f-".ltrim($input,"+-");
	//theplaz 2010-7-17: if cache off or purge is in the url, bypass cache
	global $wgCachePages;
	//var_dump($wgCachePages);
	if ($wgCachePages != FALSE && $_GET["action"] != 'purge') {
		//echo 'checking cache';
		if(intval($input) > 0){
			$f = $newfile;
			$newfile = $oldfile;
			$oldfile = $f;
		}
		if(is_file($oldfile)){
			unlink($oldfile);
		}
		if(is_file($newfile)){
			//echo 'from cache';
			return file_get_contents($newfile);
		}
	}
	//echo 'new';
	$input = ltrim($input,"+-");
	/*$user_info = wfFlickrSet_callFlickerService(array(
		'method'  => 'flickr.people.findByUsername',
		'api_key' => wfFLICKRSET_APIKYE,
		'username' => $user
	));
	$nsid = $user_info->user['id'];
	echo $nsid;
	$photoset = wfFlickrSet_callFlickerService(array(
		'method'  => 'flickr.photos.search',
		'api_key' => wfFLICKRSET_APIKYE,
		'user_id' => $nsid,
		'tags' => $tag,
		'per_page' => 500,
		'page' => 1,
		'media' => 'photos'
	));*/
		$photoset = wfFlickrSet_callFlickerService(array(
		'method'  => 'flickr.photos.search',
		'api_key' => wfFLICKRSET_APIKYE,
		'user_id' => '77179348@N00',
		'extras' => "url_sq,url_m",
		'tags' => $tag,
		'per_page' => 500,
		'page' => 1,
		'media' => 'photos'
	));
	if((string)$photoset["stat"]!="fail"){
		//added theplaz 2010-07-17 Title of flickr item
		$title = '<h3><a href="http://flickr.com"><strong><span style="color:#0063DC">flick</span><span style="color:#EE007B">r</span></strong></a> > <a href="http://flickr.com/photos/'.$user.'/sets">'.$user.'</a> > <a href="http://www.flickr.com/photos/'.$user.'/tags/">tags</a> > <a href="http://www.flickr.com/photos/'.$user.'/tags/'.$tag.'/">'.$tag.'</a></h3>';
		return flickr_common_print($photoset->photos, $input, $oldfile, $newfile, $title);
	}else{
		$output = "<strong class='error'>FlickrSets: photoset ID not numeric</strong>";
		return $output;
	}
}

function flickr_common_print($photos, $input, $oldfile, $newfile, $title) {
		$output2 = '';
		$output3 = '';
		$output2 = $title;
		
		//print all of the JS needed to run this
		if (wfUSE_JS_GMAP) {
			$output = '<script type="text/javascript" src="'.wfFLICKRSET_GMAPURL.'"></script>';
		}
		$output = '<script type="text/javascript" src="'.wfFLICKRSET_EXTPATH.'"></script>
		<script type="text/javascript">
		var jsFLICKRSET_sel_'.$input.' = 0;
		var jsFLICKRSET_swap_'.$input.' = true;
		var jsFLICKRSET_runner_'.$input.' = new Ext.util.TaskRunner();
		var jsFLICKRSET_task_'.$input.' = {run:function(){
				jsFLICKRSET_next_'.$input.'();
				},scope:this,interval:5000};
		var jsFLICKRSET_started_'.$input.' = false;
		var jsFLICKRSET_mapped_'.$input.' = false;
		var jsFLICKRSET_STATIC_GMAP_ROOT'.$input.' = "'.wfFLICKRSET_GMAPSTATICURL.'";
		';
		// FUNCTION showmap ------------------------------------------------------------
		$output .= 'function jsFLICKRSET_showmap_'.$input.'(){
			if(jsFLICKRSET_mapped_'.$input.'){ //close
				var top = Ext.get("_BASE'.$input.'").getTop() - '.wfFLICKRSET_HEIGHT.';
				Ext.get("_MAP'.$input.'").setY(top,true);
				Ext.getDom("_SHOWMAPa'.$input.'").style.color="#aaaaaa";
			}else{ //open
				var top = Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-500)/2);
				Ext.get("_MAP'.$input.'").setY(top,true);
				Ext.getDom("_SHOWMAPa'.$input.'").style.color="#ff8888";
			}
			jsFLICKRSET_mapped_'.$input.'=!jsFLICKRSET_mapped_'.$input.'; //flip the bit
		}
		';
		// FUNCTION slideshow ------------------------------------------------------------
		$output.= 'function jsFLICKRSET_slideshow_'.$input.'(){
			if(jsFLICKRSET_started_'.$input.'){
				jsFLICKRSET_runner_'.$input.'.stop(jsFLICKRSET_task_'.$input.');
				Ext.getDom("_SLIDESHOW'.$input.'").style.color="#aaaaaa";
			}else{
				jsFLICKRSET_runner_'.$input.'.start(jsFLICKRSET_task_'.$input.');
				Ext.getDom("_SLIDESHOW'.$input.'").style.color="#ff8888";
			}
			jsFLICKRSET_started_'.$input.'=!jsFLICKRSET_started_'.$input.';
		}
		';
		// FUNCTION next ------------------------------------------------------------
		$output.= 'function jsFLICKRSET_next_'.$input.'(){
			var imgidnew = "_'.$input.'_A";
			var imgidold = "_'.$input.'_B";
				if(jsFLICKRSET_swap_'.$input.'){
				imgidnew="_'.$input.'_B";
				imgidold="_'.$input.'_A";
			}
			jsFLICKRSET_swap_'.$input.'=!jsFLICKRSET_swap_'.$input.';
			var info = jsFLICKRSET_info_'.$input.'(jsFLICKRSET_sel_'.$input.');
			Ext.get("_'.$input.'_"+jsFLICKRSET_sel_'.$input.').setStyle("border-color","#fff");
			Ext.get("_'.$input.'_"+jsFLICKRSET_sel_'.$input.').setOpacity(0.3,true);
			jsFLICKRSET_sel_'.$input.'++;
			if(jsFLICKRSET_sel_'.$input.'>=jsFLICKRSET_num_'.$input.'){
				jsFLICKRSET_sel_'.$input.'=0;
			}
			Ext.get("_'.$input.'_"+jsFLICKRSET_sel_'.$input.').setStyle("border-color","#ff0000");
			info = jsFLICKRSET_info_'.$input.'(jsFLICKRSET_sel_'.$input.');
			var left = Ext.get("_BASE'.$input.'").getLeft() + Math.floor(('.wfFLICKRSET_WIDTH.'-info["width"])/2);
			var top = Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-info["height"])/2);';
			if (wfUSE_JS_GMAP) {
				$output .= 'if(info["geo"]){
					map'.$input.'.setCenter(new google.maps.LatLng(info["latitude"],info["longitude"]));
					marker'.$input.'.setPosition(new google.maps.LatLng(info["latitude"],info["longitude"]));
					if(jsFLICKRSET_mapped_'.$input.'){
						Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-500)/2),true);
					}
				}else{
					Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() -'.wfFLICKRSET_HEIGHT.',true);
				}';
			} else {
				$output .= 'if(info["geo"]){
					static_map_url = "&zoom=13&size=500x500&markers=size:mid|"+info["latitude"]+","+info["longitude"];
					Ext.get("_STATIC_MAP'.$input.'").set({src:  "'.wfFLICKRSET_GMAPSTATICURL.'"+html_decode(static_map_url)});
					if(jsFLICKRSET_mapped_'.$input.') {//if map is open
						Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-500)/2),true);
					}
				}else{
					Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() -'.wfFLICKRSET_HEIGHT.',true);
				}';
			}
			$output .= 'Ext.getDom("_'.$input.'_title").innerHTML = info["title"];
			Ext.getDom("_'.$input.'_description").innerHTML = info["description"];
			Ext.getDom("_'.$input.'_description").style.visibility = (info["description"]=="")?"hidden":"visible";
			Ext.getDom("_SHOWMAP'.$input.'").style.visibility = (info["geo"])?"visible":"hidden";
			Ext.get(imgidnew).setXY([left + '.wfFLICKRSET_WIDTH.',top]);
			Ext.get(imgidnew).setOpacity(1,true);
			Ext.get(imgidnew).setXY([left,top],true);
			Ext.get(imgidold).setOpacity(0,{callback:function(){
			var info = jsFLICKRSET_info_'.$input.'(1+jsFLICKRSET_sel_'.$input.');Ext.getDom(imgidold).src=info["url"];},scope:this});
		}
		';
		// FUNCTION show ------------------------------------------------------------
		$output.= 'function jsFLICKRSET_show_'.$input.'(id,url){
			var imgidnew = "_'.$input.'_A";var imgidold = "_'.$input.'_B";
			if(jsFLICKRSET_swap_'.$input.'){
				imgidnew="_'.$input.'_B";
				imgidold="_'.$input.'_A";
			}
			Ext.getDom(imgidold).src = url;
			Ext.get("_'.$input.'_"+id).setStyle("border-color","#ff0000");
			Ext.get("_'.$input.'_"+id).setOpacity(0.3,true);
			Ext.get("_'.$input.'_"+jsFLICKRSET_sel_'.$input.').setStyle("border-color","#fff");
			Ext.get("_'.$input.'_"+jsFLICKRSET_sel_'.$input.').setOpacity(0.3,true);
			var info = jsFLICKRSET_info_'.$input.'(id);
			var left = Ext.get("_BASE'.$input.'").getLeft() + Math.floor(('.wfFLICKRSET_WIDTH.'-info["width"])/2);
			var top = Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-info["height"])/2);';
			if (wfUSE_JS_GMAP) {
				$output .= 'if(info["geo"]){
					map'.$input.'.setCenter(new google.maps.LatLng(info["latitude"],info["longitude"]));
					marker'.$input.'.setPosition(new google.maps.LatLng(info["latitude"],info["longitude"]));
					if(jsFLICKRSET_mapped_'.$input.'){
						Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-500)/2),true);
					}
				}else{
					Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() -'.wfFLICKRSET_HEIGHT.',true);
				}';
			} else {
				$output .= 'if(info["geo"]){
					static_map_url = "&zoom=13&size=500x500&markers=size:mid|"+info["latitude"]+","+info["longitude"];
					Ext.get("_STATIC_MAP'.$input.'").set({src:  "'.wfFLICKRSET_GMAPSTATICURL.'"+html_decode(static_map_url)});
					if(jsFLICKRSET_mapped_'.$input.') {
						Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() + Math.floor(('.wfFLICKRSET_HEIGHT.'-500)/2),true);
					}
				}else{
					Ext.get("_MAP'.$input.'").setY(Ext.get("_BASE'.$input.'").getTop() -'.wfFLICKRSET_HEIGHT.',true);
				}';
			}
			$output .= 'Ext.getDom("_'.$input.'_title").innerHTML = info["title"];
			Ext.getDom("_'.$input.'_description").innerHTML = info["description"];
			Ext.getDom("_'.$input.'_description").style.visibility = (info["description"]=="")?"hidden":"visible";
			Ext.getDom("_SHOWMAP'.$input.'").style.visibility = (info["geo"])?"visible":"hidden";
			Ext.get(imgidold).setXY([left,top],true);
			info = jsFLICKRSET_info_'.$input.'(id+1);
			Ext.getDom(imgidnew).src = info["url"];
			jsFLICKRSET_sel_'.$input.' = id;
		}
		function jsFLICKRSET_info_'.$input.'(id){switch(id){';
		$c = 0;
		$lat=37.4419;$lon=-122.1419;
		$LAT=37.4419;$LON=-122.1419;
		foreach($photos->photo as $photo){
			$photoinfo = wfFlickrSet_callFlickerService(array(
				'method'  => 'flickr.photos.getInfo',
				'api_key' => wfFLICKRSET_APIKYE,
				'photo_id' => (string)$photo["id"]
			));
			$phototitle = htmlentities((string)$photoinfo->photo->title, ENT_QUOTES,mb_internal_encoding());
			$photodescription = htmlentities((string)$photoinfo->photo->description, ENT_QUOTES,mb_internal_encoding());
			$photosizes = wfFlickrSet_callFlickerService(array(
				'method'  => 'flickr.photos.getSizes',
				'api_key' => wfFLICKRSET_APIKYE,
				'photo_id' => (string)$photo["id"]
			));
			$url = (string)$photo["url_m"];
			$width = 500;
			$height = 500;
			if((string)$photosizes["stat"]!="fail"){
				foreach($photosizes->sizes->size as $size){
					$url = $size["source"];
					$width = $size["width"];
					$height = $size["height"];
					if((string)$size["label"] == "Medium"){
						break;
					}
				}
			}
			$geo = "false";
			$visGeo = "hidden";
			if(isset($photoinfo->photo->location)){
				$geo = "true,'latitude':".(string)$photoinfo->photo->location["latitude"].",'longitude':".(string)$photoinfo->photo->location["longitude"];
				$lat = floatval((string)$photoinfo->photo->location["latitude"]);
				$lon = floatval((string)$photoinfo->photo->location["longitude"]);
				$visGeo = "visible";
			}
			$output  .= 'case '.$c.':return {"url":"'.$url.'","title":"'.htmlentities($phototitle).'","description":"'.htmlentities(nl2brr($photodescription)).'","width":'.$width.',"height":'.$height.',"geo":'.$geo.'};
			';
			$col = "#fff";
			if($c == 0){
				$LAT = $lat;
				$LON = $lon;
				$col ="#f00";
				$output2 .= '<div id="_BASE'.$input.'" style="position:relative;top:0px;left:0px;overflow:hidden;width:'.wfFLICKRSET_WIDTH.'px;height:'.wfFLICKRSET_WIDTH.'px;background-color:#000;border: 1px solid #ffffff;margin:1px;float:left;">
				<div id="_'.$input.'_title" style="z-index:105;position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;font-size:large;padding:5px;">'.$phototitle.'</div>
				';
				$visDescription = "hidden";
				if($photodescription!=""){
					$visDescription = "visible";
				}
				$output2 .= '<div style="background-color:#00f;position:absolute;z-index:103;width:500px;height:500px;top:-'.(wfFLICKRSET_HEIGHT+10).'px;left:'.floor((wfFLICKRSET_WIDTH-500)/2).'px;"><div style="width:500px;height:500px;" id="_MAP'.$input.'">';
				if (!wfUSE_JS_GMAP) {
					$output2 .= '<img id="_STATIC_MAP'.$input.'" src="" />';
				}
				$output2 .= '</div></div><div id="_'.$input.'_description" style="visibility:'.$visDescription.';border:1px dotted #fff;z-index:104;background-image:url('.wfFLICKRSET_BACKGROUND.');position:absolute;top:0px;width:'.(wfFLICKRSET_WIDTH-120).'px;margin:55px 50px 0px 50px;left:0px;padding:5px 10px 5px 10px;text-justify:inter-ideograph;color:#fff;">'.$photodescription.'</div>
				<div style="z-index:102;color:#aaa;position:absolute;top:0px;left:'.(wfFLICKRSET_WIDTH-65).'px;">'."[<a id=\"_SLIDESHOW".$input."\" href=\"#\" onclick=\"jsFLICKRSET_slideshow_".$input."();return false;\" style=\"color:#aaa;\">Slideshow</a>]".'</div>
				<div id="_SHOWMAP'.$input.'" style="visibility:'.$visGeo.';z-index:101;color:#aaa;position:absolute;top:0px;left:'.(wfFLICKRSET_WIDTH-100).'px;">'."[<a id=\"_SHOWMAPa".$input."\" style=\"color:#aaa;\" href=\"#\" onclick=\"jsFLICKRSET_showmap_".$input."();return false;\" style=\"color:#aaa;\">Map</a>]".'</div>
				<img onclick="jsFLICKRSET_next_'.$input.'();" style="z-index:100;position:absolute;left:'.floor((wfFLICKRSET_WIDTH-$width)/2).'px;top:'.floor((wfFLICKRSET_HEIGHT-$height)/2).'px;" id="_'.$input.'_A" src="'.(string)$photo["url_m"].'"/>';
			}
			if($c == 1){
				$output2 .= '<img onclick="jsFLICKRSET_next_'.$input.'();" style="z-index:99;position:absolute;left:'.(wfFLICKRSET_WIDTH*2).'px;top:'.floor((wfFLICKRSET_HEIGHT-$height)/2).'px;" id="_'.$input.'_B" src="'.(string)$photo["url_m"].'"/>
				</div>';
			}
			$id = '_'.$input.'_'.$c;
			$output3 .= '<img style="border: 1px solid '.$col.';margin:1px" onclick="jsFLICKRSET_show_'.$input.'('.$c.',\''.(string)$photo["url_m"].'\');" id="'.$id.'" style="margin:1px;" src="'.(string)$photo["url_sq"].'"/>';
			$c++;
		}
		$output  .= 'default:return jsFLICKRSET_info_'.$input.'(0);}}
		            var jsFLICKRSET_num_'.$input.' = '.$c.';';
		if (wfUSE_JS_GMAP) {			
					$output .= 'Ext.onReady(function(){
						map'.$input.' = new google.maps.Map(document.getElementById("_MAP'.$input.'"), {
						zoom:13,center:new google.maps.LatLng('.$LAT.','.$LON.'),
						mapTypeId:google.maps.MapTypeId.ROADMAP,
						mapTypeControlOptions:{position:google.maps.ControlPosition.TOP_RIGHT,style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},
						navigationControlOptions:{position:google.maps.ControlPosition.TOP_LEFT,style:google.maps.NavigationControlStyle.SMALL}
					});
					marker'.$input.' = new google.maps.Marker({clickable:false,position:new google.maps.LatLng('.$LAT.','.$LON.'),map:map'.$input.'});
					},this);';
		} else {
			//init with first img info
			$output .= 'static_map_url = "&zoom=13&size=500x500&markers=size:mid|'.$LAT.','.$LON.'";
			Ext.onReady(function(){
				Ext.get("_STATIC_MAP'.$input.'").set({src:  "'.wfFLICKRSET_GMAPSTATICURL.'"+html_decode(static_map_url)});
			});
			';
		}
		$output .= '</script>
					<p>';
		$output3 .= "<br clear='all'>";
		if(FALSE === file_put_contents($newfile,$output.$output2.$output3)){
			$output = "<strong class='error'>FlickrSets: Error writing cache file: ".$newfile."</strong>";
			return $output.$output2.$output3;
		}
		return $output.$output2.$output3;
	
}

function nl2brr($text)
{
    return preg_replace("/\r\n|\n|\r/", "<br>", $text);
}

?>