Initial add

README.txt

+# $Id$
+
+==============================
+About
+==============================
+
+Flickr Insert allows you to easily insert Flickr sets into content throughout your site, whether it be nodes, blocks or even comments by the use of [flickrinsert||...] tags.
+
+==============================
+Installation
+==============================
+
+ 1. Drop the flickrinsert folder into the modules directory (/sites/all/modules/)
+ 2. Enable Flickr Insert module (?q=/admin/build/modules)
+
+Required Modules:
+------------------------------
+
+ - Flickr API (http://drupal.org/project/flickrapi)
+
+==============================
+Known Issues
+==============================
+
+This module is in very early development so take care!
+
+ - Issue with incorrect interpretation of photo sizes (main issue with Large and Original photos).
+
+==============================
+The FlickrInsert Tag
+==============================
+
+[flickrinsert||type==$type==$id||size==$size||num==$num||rand==$rand||pager==$pager||link==$link]
+
+$type: photoset or photo
+$id: ID of photoset or photo
+$size: sq (75px), t (100px), s (240px), m (500px), l (1024px), o (original)
+$num: number of photos to display (per page)
+$rand: 0 for false, 1 for true; randomise display photos - will automatically disable the pager
+$pager: Use a pager so the user can navigate the whole photoset
+$link: none (Don't Link), page (Flickr Photo Page), sq (75px), t (100px), s (240px), m (500px), l (1024px), o (original)
+
+==============================
+The Future  
+==============================
+
+If you have any questions, issues, or feature suggestions then please do leave feedback on the project page (http://drupal.org/project/flickrinsert)
\ No newline at end of file

flickrinsert.info

+; $Id$
+name = Flickr Insert
+description = Insert Flickr photo sets.
+core = 6.x
+package = Flickr
+dependencies[] = flickrapi
\ No newline at end of file

flickrinsert.install

+<?php
+// $Id$
+
+function flickrinsert_install() {
+  //Do Nothing
+}
+
+function flickrinsert_uninstall() {
+  //Do Nothing
+}
\ No newline at end of file

flickrinsert.module

+<?php
+// $Id$
+
+//Make sure pager elements get a unique ID.
+$element = 0;
+
+/**
+ * Implementation of hook_help().
+ */
+function flickrinsert_help($path, $arg) {
+  $output = '';
+  switch ($path) {
+    case "admin/help#flickrinsert":
+      $output = '<p>'. t("Insert photo sets into Flickr.") .'</p>';
+      break;
+  }
+  return $output;
+}
+
+/**
+ * Implementation of hook_init().
+ */
+function flickrinsert_init() {
+  drupal_add_css(drupal_get_path('module', 'flickrinsert') .'/theme/flickrinsert.css');
+}
+
+
+/** ========================================
+ * FILTER TAGS
+ */
+
+
+/**
+ * Implementation of hook_filter().
+ */
+function flickrinsert_filter($op, $delta = 0, $format = -1, $text = '') {
+  if ($op == 'list') {
+    return array(
+      0 => t('Flickr Insert'),
+    );
+  }
+
+  switch ($delta) {
+    case 0:
+      switch ($op) {
+        case 'description':
+          return t('Replaces Flickr Insert tags with photosets and photos from Flickr (e.g. [flickrinsert||...]).');
+
+        case 'no cache':
+          return TRUE;
+
+        case 'prepare':
+          return $text;
+
+        case 'process':
+          $processed = FALSE;
+          foreach (flickrinsert_get_tags($text) as $unexpanded_macro => $macro) {
+            $expanded_macro = flickrinsert_render_tag($macro);
+            $text           = str_replace($unexpanded_macro, $expanded_macro, $text);
+            $processed      = FALSE;
+          }
+          return $text;
+      }
+      break;
+  }
+}
+
+/**
+ * Implementation of hook_filter_tips().
+ */
+function flickrinsert_filter_tips($delta, $format, $long = false) {
+  if ($long) {
+    return t('To post Flickr photos use: [flickrinsert||type==photo==0000||size==m||link==none] or for photosets: [flickrinsert||type==photoset==0000||size==sq||num==5||rand==0||pager==1||link==page].');
+  }
+  else {
+    return t('To post Flickr photos use: [flickrinsert||type==photo==0000||size==m||link==none] or for photosets: [flickrinsert||type==photoset==0000||size==sq||num==5||rand==0||pager==1||link==page].');
+  }
+}
+
+/**
+ * Get Flickr Insert tags.
+ */
+function flickrinsert_get_tags($text) {
+  $m = array();
+  preg_match_all('/ \[ ( [^\[\]]+ )* \] /x', $text, $matches);
+  // Don't process duplicates.
+  $tag_match = (array) array_unique($matches[1]);
+  
+  foreach ($tag_match as $macro) {
+    $current_macro = '['. $macro .']';
+    $param = array_map('trim', explode('||', $macro));
+    // The first macro param is assumed to be the function name.
+    $func_name = array_shift($param);
+    if ($func_name == 'flickrinsert') {
+      $vars = array();
+      foreach ($param as $p) {
+        $parts = explode("==", $p);
+        $vars[$parts[0]] = $parts;
+      }
+      // The full unaltered filter string is the key for the array of filter
+      // attributes.
+      $m[$current_macro] = $vars;
+    }
+  }
+  
+  return $m;
+}
+
+/**
+ * Render tags.
+ */
+function flickrinsert_render_tag($attr = array()) {
+  //Variables
+  $type     = (string)  $attr['type'][1];   //Either Photo or Photoset
+  $id       = (int)     $attr['type'][2];   //ID of Photo or Photoset
+  $size     = (string)  $attr['size'][1];   //Flickr image size
+  $num      = (int)     $attr['num'][1];    //Number of photos to display
+  $random   = (bool)    $attr['rand'][1];   //Randomise image?
+  $pager    = (bool)    $attr['pager'][1];  //Show pager?
+  $link     = (string)  $attr['link'][1];   //Link photo?
+  
+  //Validation
+  if($size != 'sq' && $size != 't' && $size != 's' && $size != 'm' && $size != 'o') {
+    return 'Size is not valid.';
+  }
+  if($num > 500) {
+    return 'You cannot display more than 500 photos at a time.';
+  }
+  if($link != 'none' && $link != 'page' && $link != 'sq' && $link != 't' && $link != 's' && $link != 'm' && $link != 'o') {
+    return 'Link is not valid.';
+  }
+  
+  //Translation
+  switch ($size) {
+    case 'sq':
+      $size = 0;
+      break;
+    case 't':
+      $size = 1;
+      break;
+    case 's':
+      $size = 2;
+      break;
+    case 'm':
+      $size = 3;
+      break;
+    case 'o':
+      $size = 4;
+      break;
+  }
+  
+  if ($type == 'photo') {
+    return flickrinsert_photo($id, $size, NULL, $link);
+  }
+  elseif ($type == 'photoset') {
+    return flickrinsert_photoset($id, $size, $num, $random, $pager, $link);
+  }
+}
+
+/**
+ * Fetch Flickr API object.
+ */
+function flickrinsert_invoke_api() {
+  global $f;
+  if(!isset($f) || $f == '') {
+    $f = flickrapi_phpFlickr();
+  }
+  
+  return $f;
+}
+
+/**
+ * Process Flickr photo.
+ */
+function flickrinsert_photo($id, $size, $user, $link) {
+  //Make API call
+  $f = flickrinsert_invoke_api();
+  
+  $photo = $f->photos_getSizes($id);
+  
+  if($user == NULL) {
+    $photo_info = $f->photos_getInfo($id);
+    $user = $photo_info['owner']['nsid'];
+  }
+  
+  switch ($link) {
+    case 'none':
+      $link = NULL;
+      break;
+    case 'page':
+      $link = 'http://www.flickr.com/photos/'.$user.'/'.$id;
+      break;
+    case 'sq':
+      $link = $photo[0]['source'];
+      break;
+    case 't':
+      $link = $photo[1]['source'];
+      break;
+    case 's':
+      $link = $photo[2]['source'];
+      break;
+    case 'm':
+      $link = $photo[3]['source'];
+      break;
+    case 'o':
+      $link = $photo[4]['source'];
+      break;
+  }
+  
+  return theme('flickrinsert_photo', $photo[$size]['source'], $photo[$size]['height'], $photo[$size]['width'], $link);
+}
+
+/**
+ * Process Flickr photoset.
+ */
+function flickrinsert_photoset($id, $size, $num, $random, $pager, $link) {
+  global $pager_page_array, $pager_total, $element;
+  $element++;
+  //Make API call
+  $f = flickrinsert_invoke_api();
+  
+  $overview = $f->photosets_getInfo($id);
+  $user = $overview['owner'];
+  
+  if (!isset($_GET['page']) || $_GET['page'] == '') {
+    $page = 0;
+  }
+  else {
+    $page_parts = explode(',', $_GET['page']);
+    $page = $page_parts[$element];
+  }
+  
+  $pager_page_array[$element] = $page;
+  $pager_total[$element] = (int) ceil($overview['photos']/$num);
+  
+  //Random photos wanted?
+  if ($random == FALSE) {
+    $photos = $f->photosets_getPhotos($id, NULL, 1, $num, $pager_page_array[$element]+1, 'photos');
+    $photos = $photos['photo'];
+  }
+  else {
+    $photos = $f->photosets_getPhotos($id, NULL, 1, 500, 1, 'photos');
+    $photos_random = array_rand($photos['photo'], $num);
+    $photos_new = array();
+    foreach($photos_random as $random_id) {
+      $photos_new[] = $photos['photo'][$random_id];
+    }
+    $photos = $photos_new;
+    $pager = FALSE;
+  }
+  
+  if ($pager == TRUE) {
+    $pager_real = theme('pager', NULL, $num, $element);
+  }
+  else {
+    $pager_real = '<div class="clear"></div>';
+  }
+  
+  return '<div class="flickrinsert_photoset">' . theme('flickrinsert_photoset', $photos, $size, $user, $link).$pager_real . '</div>';
+}
+
+
+/** ========================================
+ * THEME
+ */
+
+
+/**
+ * Implementation of hook_theme().
+ */
+function flickrinsert_theme() {
+  return array(
+    'flickrinsert_photo' => array(
+      'arguments' => array(
+        'url' => NULL,
+        'height' => NULL,
+        'width' => NULL,
+        'link' => NULL,
+      )
+    ),
+    'flickrinsert_photoset' => array(
+      'arguments' => array(
+        'photos' => array(),
+        'size' => 2,
+        'user' => NULL,
+        'link' => NULL,
+      ),
+    ),
+  );
+}
+
+/**
+ * Theme Flickr photo.
+ */
+function theme_flickrinsert_photo($url, $height, $width, $link) {
+  $attributes = array(
+    'width' => $width,
+    'height' => $height,
+    'class' => 'flickrinsert_photo',
+  );
+  
+  if ($link == NULL) {
+    return theme('image', $url, 'Flickr Insert Image', NULL, $attributes, FALSE);
+  }
+  else {
+    return '<a href="'.$link.'" class="flickrinsert_link">'.theme('image', $url, 'Flickr Insert Image', NULL, $attributes, FALSE).'</a>';
+  }
+}
+
+/**
+ * Theme Flickr photoset.
+ */
+function theme_flickrinsert_photoset($photos, $size, $user, $link) {
+  $output = '<ul class="photos">';
+  foreach($photos as $photo) {
+    $output .= '<li>' . flickrinsert_photo($photo['id'], $size, $user, $link) . '</li>';
+  }
+  
+  return $output . '</ul>';
+}
\ No newline at end of file

flickrinsertbrowser/README.txt

+# $Id$
+
+==============================
+About
+==============================
+
+Flickr Insert Browser is a plugin for FCKeditor that makes it easy to browse your photosets, change various display options and then insert the tag into your node, comment or block.
+
+==============================
+Installation
+==============================
+
+ 1. Drop the flickrinsert folder into the modules directory (/sites/all/modules/)
+ 2. Enable Flickr Insert Browser module (?q=/admin/build/modules).
+ 3. Enter your Flickr user ID so it knows which photosets to return.
+
+Required Modules:
+------------------------------
+
+ - FCKeditor (http://drupal.org/project/fckeditor)
+ - Flickr Insert (http://drupal.org/project/fckeditor)
+
+Installing the FCKeditor plugin:
+------------------------------
+
+ 1. Copy the flickrinsert directory from /modules/flickinsert/flickrinsertbrowser/plugins/ into /modules/fckeditor/plugins/
+ 2. Edit /modules/fckeditor/fckeditor.config.js - insert the line: FCKConfig.Plugins.Add( 'flickrinsert' ) ; below line 19
+
+==============================
+Known Issues
+==============================
+
+This module is in very early development so take care!
+
+ - Can't browse and insert single photos yet.
+ - Incompatible if Image Assist is enabled.
+ - Can't edit existing Flickr Insert tags.
+
+==============================
+The Future  
+==============================
+
+If you have any questions, issues, or feature suggestions then please do leave feedback on the project page (http://drupal.org/project/flickrinsert)
\ No newline at end of file

flickrinsertbrowser/flickrinsertbrowser.info

+; $Id$
+name = Flickr Insert Browser
+description = Plugin for FCKeditor and Flickr Insert allowing you to easily browse and insert Flickr photosets.
+core = 6.x
+package = Flickr
+dependencies[] = flickrinsert
+dependencies[] = fckeditor
\ No newline at end of file

flickrinsertbrowser/flickrinsertbrowser.install

+<?php
+// $Id$
+
+function flickrinsertbrowser_install() {
+  //Do Nothing
+}
+
+function flickrinsertbrowser_uninstall() {
+  //Do Nothing
+}
\ No newline at end of file

flickrinsertbrowser/flickrinsertbrowser.module

+<?php
+// $Id$
+
+/**
+ * Implementation of hook_help().
+ */
+function flickrinsertbrowser_help($path, $arg) {
+  $output = '';
+  switch ($path) {
+    case "admin/help#flickrinsertbrowser":
+      $output = '<p>'. t("Plugin for FCKeditor and Flickr Insert allowing you to easily browse and insert Flickr photosets.") .'</p>';
+      break;
+  }
+  return $output;
+}
+
+/**
+ * Implementation of hook_perm().
+ */
+function flickrinsertbrowser_perm() {
+  return array('administer flickrinsert', 'insert flickrinsert photosets');
+}
+
+/**
+ * Implementation of hook_menu().
+ */
+function flickrinsertbrowser_menu() {
+  $items = array();
+  //The browser
+  $items['flickrinsert/browser'] = array(
+    'title' => 'Flickr Insert Browser Window',
+    'page callback' => 'flickrinsertbrowser_window',
+    'access arguments' => array('insert flickrinsert photosets'),
+    'type' => MENU_CALLBACK,
+  );
+  $items['flickrinsert/browser/%/%'] = array(
+    'title' => 'Flickr Insert Browser Window',
+    'page callback' => 'flickrinsertbrowser_window',
+    'page arguments' => array(2, 3),
+    'access arguments' => array('insert flickrinsert photosets'),
+    'type' => MENU_CALLBACK,
+  );
+  //Admin settings
+  $items['admin/settings/flickrinsert/browser'] = array(
+    'title' => 'Flickr Insert Browser',
+    'description' => "Administer Flickr Insert Browser Settings.",
+    'page callback' => 'drupal_get_form',
+    'page arguments' => array('flickrinsertbrowser_settings'),
+    'access arguments' => array('administer flickrinsert'),
+  );
+  return $items;
+}
+
+
+/** ========================================
+ * INSERT BROWSER
+ */
+
+
+/**
+ * The window template.
+ */
+function flickrinsertbrowser_window($first = NULL, $second = NULL) {
+  //Set CSS
+  drupal_add_css(drupal_get_path('module', 'flickrinsertbrowser') .'/theme/flickrinsertbrowser.css');
+  $css = drupal_get_css();
+
+  //Set javascript
+  drupal_add_js(drupal_get_path('module', 'flickrinsertbrowser') .'/theme/flickrinsertbrowser.js');
+  if (module_exists('fckeditor')) {
+    drupal_add_js('var flickrinsert_path = "'. base_path().drupal_get_path('module', 'fckeditor') .'";', 'inline');
+  }
+  $javascript = drupal_get_js();
+
+  //Get Body
+  if($first == NULL && $second == NULL) {
+    $body = flickrinsertbrowser_browser();
+  }
+  else if($first == 'photoset' && $second != NULL) {
+    $body = flickrinsertbrowser_photoset_details($second);
+  }
+
+  //Theme the bad boy
+  print theme('flickrinsertbrowser_window', $body, $css, $javascript);
+}
+
+/**
+ * The photoset browser.
+ */
+function flickrinsertbrowser_browser() {
+  global $pager_page_array, $pager_total, $element;
+  //Make API call
+  $f = flickrinsert_invoke_api();
+  
+  $user = flickrapi_get_user_nsid(variable_get('flickrinsert_user', NULL));
+  
+  if($user == false) {
+    return '<div id="browse"><p class="message">There seems to be an issue with your Flickr User ID,<br /> please check it on the <a href="?q=admin/settings/flickrinsert/browser" target="_new">settings page</a>?</p></div>';
+  }
+  
+  $photosets = $f->photosets_getList($user);
+  
+  //Pager
+  $num = 10;
+  $total = count($photosets['photoset']);
+  $element = 0;
+  
+  if (!isset($_GET['page']) || $_GET['page'] == '') {
+    $page = 0;
+  }
+  else {
+    $page_parts = explode(',', $_GET['page']);
+    $page = $page_parts[$element];
+  }
+  
+  $pager_page_array[$element] = $page;
+  $pager_total[$element] = (int) ceil($total/$num);
+  
+  $pager_real = theme('pager', NULL, $num, $element);
+  
+  //Output
+  $output = '<div id="browse"><ul>';
+  
+  $photosets = array_slice($photosets['photoset'], ($page*$num), $num);
+  
+  foreach ($photosets as $photoset) {
+    $id = $photoset['id'];
+    $photo = $photoset['primary'];
+    $num = $photoset['photos'];
+    $title = $photoset['title'];
+    $output .= '<li><a href="?q=flickrinsert/browser/photoset/'.$id.'">' . flickrinsert_photo($photo, 0, NULL, 'none') . '<span class="title">'.$title.'</span><span class="number">('.$num.')</span></a></li>';
+  }
+  return $output.'</ul></div><div id="footer">'.$pager_real.'</div>';
+}
+
+/**
+ * Photoset options form.
+ */
+function flickrinsertbrowser_photoset_options_form($form_id, $id) {
+  $form['type'] = array(
+    '#type' => 'hidden',
+    '#value' => 'photoset',
+  );
+  
+  $form['id'] = array(
+    '#type' => 'hidden',
+    '#value' => $id,
+  );
+  
+  $form['size'] = array(
+    '#type' => 'select',
+    '#title' => t('Photo size'),
+    '#default_value' => 'sq',
+    '#options' => array('sq' => t('Square (75px)'), 't' => t('Thumbnail (100px)'), 's' => t('Small (240px)'), 'm' => t('Medium (500px)'), 'l' => t('Large (1024px)'), 'o' => t('Original')),
+    '#required' => TRUE,
+    '#weight' => 0,
+  );
+  
+  $form['num'] = array(
+    '#type' => 'textfield',
+    '#title' => t('Number of photos (per page)'),
+    '#default_value' => 5,
+    '#size' => 3,
+    '#maxlength' => 3,
+    '#weight' => 1,
+    '#required' => TRUE,
+  );
+  
+  $form['rand'] = array(
+    '#type' => 'select',
+    '#title' => t('Randomise?'),
+    '#default_value' => 0,
+    '#options' => array(0 => t('No'), 1 => t('Yes')),
+    '#required' => TRUE,
+    '#weight' => 2,
+  );
+  
+  $form['pager'] = array(
+    '#type' => 'select',
+    '#title' => t('Pager?'),
+    '#default_value' => 0,
+    '#options' => array(0 => t('No'), 1 => t('Yes')),
+    '#required' => TRUE,
+    '#weight' => 3,
+  );
+  
+  $form['link'] = array(
+    '#type' => 'select',
+    '#title' => t('Link'),
+    '#default_value' => 'none',
+    '#options' => array('none' => t("Don't Link"), 'page' => t('Flickr Photo Page'), 'sq' => t('Square (75px)'), 't' => t('Thumbnail (100px)'), 's' => t('Small (240px)'), 'm' => t('Medium (500px)'), 'l' => t('Large (1024px)'), 'o' => t('Original')),
+    '#required' => TRUE,
+    '#weight' => 4,
+  );
+  
+  return $form;
+}
+
+
+/**
+ * Photoset details.
+ */
+function flickrinsertbrowser_photoset_details($id = 0) {
+  //Make API call
+  $f = flickrinsert_invoke_api();
+  
+  $overview = $f->photosets_getInfo($id);
+  
+  return theme('flickrinsertbrowser_window_photoset', drupal_get_form('flickrinsertbrowser_photoset_options_form', $id), flickrinsert_photo($overview['primary'], 1, $overview['owner'], 'none'), $overview['title'], $overview['description']);
+}
+
+
+/** ========================================
+ * THEME
+ */
+
+
+/**
+ * Implementation of hook_theme().
+ */
+function flickrinsertbrowser_theme() {
+  $path = drupal_get_path('module', 'flickrinsertbrowser') .'/theme';
+  return array(
+    'flickrinsertbrowser_window' => array(
+      'template' => 'window',
+      'arguments' => array(
+        'body' => NULL,
+        'css' => NULL,
+        'javascript' => NULL,
+      ),
+      'path' => $path,
+    ),
+    'flickrinsertbrowser_window_photoset' => array(
+      'template' => 'photoset',
+      'arguments' => array(
+        'form' => NULL,
+        'thumbnail' => NULL,
+        'title' => NULL,
+        'description' => NULL,
+      ),
+      'path' => $path,
+    ),
+  );
+}
+
+
+/** ========================================
+ * ADMIN FUNCTIONS
+ */
+
+
+/**
+ * Flickr Insert's admin settings.
+ */
+function flickrinsertbrowser_settings() {
+  if (user_access('administer flickrinsert')) {
+    $form['flickrinsert_user'] = array(
+      '#type' => 'textfield',
+      '#title' => t('Flickr User ID'),
+      '#default_value' => variable_get('flickrinsert_user', NULL),
+      '#description' => t('Your Flickr User ID e.g. 00000000@N04 or e-mail address'),
+    );
+    return system_settings_form($form);
+  }
+}
\ No newline at end of file

flickrinsertbrowser/theme/flickrinsertbrowser.css

+/* $Id$ */
+
+/*==============================*/
+/* GENERAL                      */
+/*==============================*/
+
+* {
+  margin: 0;
+  padding: 0;
+  font-family: arial, sans-serif;
+  font-size: 1.1em;
+}
+
+body {
+  margin: 0!important;
+  padding: 0!important;
+}
+
+#main {
+  margin: 10px;
+  padding: 0;
+  width: 612px;
+  height: 377px;
+}
+
+/*==============================*/
+/* PHOTOSET BROWSER             */
+/*==============================*/
+
+#browse, #photoset {
+  width: 613px;
+  height: 340px;
+  border: 1px solid #CCC;
+  background: #FFF;
+}
+
+#browse ul {
+  margin: 38px 0 0 38px;
+  list-style: none;
+}
+
+#browse ul li {
+  margin: 0 38px 38px 0;
+  float: left;
+}
+
+#browse ul li img {
+  border: 1px solid #CCC;
+}
+
+#browse ul li span.title {
+  display: block;
+  width: 77px;
+  font-size: 0.8em;
+  text-align: center;
+  overflow: hidden;
+}
+
+#browse ul li a:link, #browse ul li a:visited {
+  text-decoration: none;
+}
+
+#browse ul li a:link span.title, #browse ul li a:visited span.title {
+  color: #0063DC;
+}
+
+#browse ul li a:hover span.title, #browse ul li a:active span.title {
+  background: #0063DC;
+  color: #FFF;
+}
+
+#browse ul li span.number {
+  display: block;
+  width: 75px;
+  font-size: 0.7em;
+  text-align: center;
+  padding-top: 2px;
+}
+
+#browse ul li a:link span.number, #browse ul li a:visited span.number {
+  color: #CCC;
+}
+
+#browse ul li a:hover span.number, #browse ul li a:active span.number {
+  text-decoration: none;
+}
+
+#footer {
+  width: 613px;
+  height: 25px;
+  margin-top: 10px;
+}
+
+#photoset .overview {
+  float: right;
+  width: 170px;
+  padding: 15px;
+  background: #DFEBF7;
+  border-left: 1px solid #CCC;
+  overflow: hidden;
+  height: 310px;
+  text-align: center;
+}
+
+#photoset .overview img {
+  border: 1px solid #333;
+}
+
+#photoset .overview .title {
+  font-size: 1.3em;
+  font-weight: bold;
+  color: #0063DC;
+  padding: 5px 0;
+}
+
+#photoset .overview .description {
+  font-size: 1em;
+  color: #333;
+}
+
+#photoset .options {
+  background: #FFF;
+  float: left;
+  width: 382px;
+  padding: 15px;
+  height: 310px;
+  overflow: hidden;
+}
+
+#photoset .options .info {
+  color: #333;
+  font-size: 1em;
+}
+
+#photoset .options label {
+  font-size: 0.6em;
+  color: #0063DC;
+}
+
+#photoset .options label .form-required {
+  color: #FF0084;
+}
+
+#footer ul {
+  margin: 0;
+  padding: 0;
+  height: 25px;
+  font-size: 0.8em;
+  padding-top: 4px;
+}
+
+#footer ul li {
+  background: #FFF;
+  color: #0063DC;
+  padding: 0;
+  margin: 0;
+}
+
+#footer ul li a:link, #footer ul li a:visited {
+  text-decoration: none;
+  color: #0063DC;
+  padding: 2px 4px;
+  border: 1px solid #DDD;
+  background: #FFF;
+}
+
+#footer ul li a:hover, #footer ul li a:active {
+  text-decoration: none;
+  background: #0063DC;
+  color: #FFF;
+  border: 1px solid #003366;
+}
+
+#footer ul li.pager-current {
+  color: #FF0084;
+  font-weight: bold;
+  background: transparent;
+  border: 1px solid transparent;
+  margin: 0 5px;
+}
+
+#footer ul li.pager-next {
+  margin-left: 10px;
+}
+
+#footer ul li.pager-previous {
+  margin-right: 10px;
+}
+
+#footer a.insert:link, #footer a.insert:visited {
+  width: 613px;
+  height: 25px;
+  border: 1px solid #DDD;
+  background: #FFF;
+  display: block;
+  line-height: 25px;
+  text-align: center;
+  text-transform: uppercase;
+  color: #0063DC;
+  text-decoration: none;
+  font-weight: bold;
+  font-size: 1em;
+}
+
+#footer a.insert:hover, #footer a.insert:active {
+  background: #0063DC;
+  color: #FFF;
+  border: 1px solid #003366;
+}
+
+#browse .message {
+  padding: 20px;
+  line-height: 1.3em;
+  font-size: 1.1em;
+  text-align: center;
+}
+
+#browse .message a:link, #browse .message a:visited {
+  color: #0063DC;
+  text-decoration: underline;
+  font-size: 1em;
+}
+
+#browse .message a:hover, #browse .message a:active {
+  background: #0063DC;
+  color: #FFF;
+}
\ No newline at end of file

flickrinsertbrowser/theme/flickrinsertbrowser.js

+// $Id$
+
+/**
+ * @file flickrinsert.js
+ *
+ * The javascript for Flickr Insert
+ */
+
+/**
+ * FCKEditor insert function
+ */
+function FlickrInsert_InsertPhotoset(type, id, size, num, rand, pager, link) {
+  var oImage = dialog.Selection.GetSelectedElement() ;
+  
+  if ( oImage && oImage.tagName.toLowerCase() != 'img' )
+  oImage = null ;
+  
+  var bHasImage = ( oImage != null ) ;
+  
+  // Get the active link.
+  var oLink = dialog.Selection.GetSelection().MoveToAncestorNode( 'A' ) ;
+  oEditor.FCKUndo.SaveUndoStep() ;
+  
+  if ( !bHasImage )
+  {
+    oImage = oEditor.FCK.InsertElement( 'img' ) ;
+  }
+  
+   // [flickrinsert||type==photoset==72157613429245274||size==sq||num==4||rand==0||pager==1||link==o] 
+  $(oImage).attr("src", flickrinsert_path + '/plugins/flickrinsert/FlickrInsertPreview.jpg');
+  $(oImage).attr("alt", 'Flickr Insert');
+  $(oImage).attr("class", 'flickr_insert_preview');
+  $(oImage).attr("_fck_fi", "type=="+type+"=="+id+"||size=="+size+"||num=="+num+"||rand=="+rand+"||pager=="+pager+"||link=="+link);
+  
+   dialog.CloseDialog();
+}
+
+/**
+ * Prepare links in the browser for insert overlay
+ */
+function FlickrInsert_PrepareLinks() {
+  //Insert button
+  $(".insert").click(function() {
+    var type = $("#edit-type").val();
+    var id = $("#edit-id").val();
+    var size = $("#edit-size").val();
+    var num = $("#edit-num").val();
+    var rand = $("#edit-rand").val();
+    var pager = $("#edit-pager").val();
+    var link = $("#edit-link").val();
+    
+    FlickrInsert_InsertPhotoset(type, id, size, num, rand, pager, link);
+    return false;
+  });
+}
+
+/**
+ * Make things happen on page load
+ */
+$(document).ready(function(){
+  FlickrInsert_PrepareLinks();
+});
\ No newline at end of file

flickrinsertbrowser/theme/photoset.tpl.php

+<?php
+// $Id$
+
+/**
+ * @file
+ * Template for Photoset details window.
+ */
+?>
+<div id="photoset">
+  <div class="options">
+    <p class="info"><?php print t('Customise your photoset before insert:'); ?></p>
+    <?php print $form; ?>
+  </div>
+  <div class="overview">
+    <div class="thumbnail"><?php print $thumbnail; ?></div>
+    <div class="title"><?php print $title; ?></div>
+    <div class="description"><?php print $description; ?></div>
+  </div>
+</div>
+<div id="footer">
+  <a href="#" class="insert"><?php print t('Insert Flickr Photoset'); ?></a>
+</div>
\ No newline at end of file

flickrinsertbrowser/theme/window.tpl.php

+<?php
+// $Id$
+
+/**
+ * @file
+ * Template for Flickr Insert's main window.
+ */
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title><?php print t('Flickr Insert'); ?></title>
+    <?php print $css; ?>
+    <script language="javascript">
+      var dialog = window.parent ;
+      var oEditor = dialog.InnerDialogLoaded() ;
+    </script>
+  </head>
+  <body>
+    <div id="main"><?php print $body; ?></div>
+    <?php print $javascript; ?>
+  </body>
+</html>
\ No newline at end of file

theme/flickrinsert.css

+/* $Id$ */
+
+/*==============================*/
+/* GENERAL                      */
+/*==============================*/
+
+.flickrinsert_photoset {
+  border: 1px solid #E3E3E3;
+  background: #F5F5F5;
+}
+
+.flickrinsert_photoset ul.photos {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  margin-right: 10px;
+}
+
+.flickrinsert_photoset ul.photos li {
+  background: none;
+  margin: 10px;
+  margin-right: 0;
+  padding: 0;
+  float: left;
+}
+
+.flickrinsert_photoset ul.photos li a {
+  padding: 0;
+  margin: 0;
+  display: block;
+}
+
+.flickrinsert_photoset ul.photos li img {
+  border: 1px solid #333;
+}
+
+.flickrinsert_photoset .clear {
+  clear: left;
+}
+
+.flickrinsert_photoset ul.pager {
+  background: #E3E3E3;
+  margin: 0;
+  padding: 0;
+  height: 22px;
+  padding-top: 3px;
+  clear: left;
+}
+
+.flickrinsert_photoset ul.pager li {
+  background: #FFF;
+  color: #0063DC;
+  padding: 0;
+  margin: 0;
+}
+
+.flickrinsert_photoset ul.pager li a:link, .flickrinsert_photoset ul.pager li a:visited {
+  text-decoration: none;
+  color: #0063DC;
+  padding: 2px 4px;
+  border: 1px solid #CCC;
+  background: #FFF;
+}
+
+.flickrinsert_photoset ul.pager li a:hover, .flickrinsert_photoset ul.pager li a:active {
+  text-decoration: none;
+  background: #0063DC;
+  color: #FFF;
+  border: 1px solid #003366;
+}
+
+.flickrinsert_photoset ul.pager li.pager-current {
+  color: #FF0084;
+  font-weight: bold;
+  background: transparent;
+  border: 1px solid transparent;
+  margin: 0 5px;
+}
+
+.flickrinsert_photoset ul.pager li.pager-next {
+  margin-left: 10px;
+}
+
+#footer ul li.pager-previous {
+  margin-right: 10px;
+}
\ No newline at end of file