<?php
// $Id: corner_trans.inc,v 1.1.2.4 2008/01/08 18:03:08 merlinofchaos Exp $
/**
 * @file styles/corner_trans.inc
 * Definition of the 'corner_trans' panel style.
 */


// ---------------------------------------------------------------------------
// Panels hooks.

/**
 * Implementation of hook_panels_style_info().
 */
function panels_corner_trans_panels_styles() {
  return array(
    'corner_trans' => array(
      'title' => t('Transparent Corners'),
      'description' => t('Presents the panes or panels with transparent corners around them'),
      'render panel' => 'panels_corner_trans_style_render_panel',
      'settings form' => 'panels_corner_trans_style_settings_form',
    ),
  );
}


// ---------------------------------------------------------------------------
// Panels style plugin callbacks.

/**
 * Render callback.
 *
 * @ingroup themeable
 */
function theme_panels_corner_trans_style_render_panel($display, $panel_id, $panes, $settings) {
  $output = '';

  // Determine where to put the box. If empty or 'pane' around each pane. If
  // 'panel' then just around the whole panel.
  $where = empty($settings['corner_location']) ? 'pane' : $settings['corner_location'];

  foreach ($panes as $pane_id => $pane) {
		$pane->title = theme('corner_trans_title', $pane->title); 
    $text = theme('panels_pane', $pane, $display->content[$pane_id], $display);
    if ($text) {
      $output .= ($where == 'pane') ? theme('corner_trans_box', $text) : $text;
    }

	}

  $output = theme('corner_trans_box', $output);

  static $displays_used = array();
  if (empty($displays_used[$display->name])) {
    theme('corner_trans_css', $display, $where);
    $displays_used[$display->name] = TRUE;
  }
  return $output;
}



// ---------------------------------------------------------------------------
// Themeing callbacks.

/**
 * @ingroup themable
 * @{
 */

/**
 * Generates the dynamic CSS.
 *
 * @param $display
 *   A Panels display object.
 * @param $where
 *   String indicating where the rounded allourquilts should be applied, either
 *   'pane' or 'panel'.
 */
function theme_corner_trans_css($display, $where = 'pane') {
  $idstr = empty($display->css_id) ? '.corner_trans' : "#$display->css_id";
  $url = panels_get_path('styles/corners', TRUE);

  $css = <<<EOF



/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url($url/grey_body.png) no-repeat top right;
 _background-image:url($url/grey_body.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
 margin-top: -10px;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

.dialog .content .content {
background: none;
margin:0px;
padding: 0px;
overflow:hidden;
}


EOF;


drupal_set_html_head("<style type=\"text/css\" media=\"all\">\n$css</style>\n");
}

/**
 * Create the HTML for our rounded corner box.
 *
 * @param $text
 *   The content of this rounded corner box.
 * @return
 *   The created HTML.
 */
function theme_corner_trans_title($content) {
 return <<<EOF
<div class="dialog">

 <!-- top/right PNG -->
 <div class="content">

  <!-- optional: vertical scroll wrapper -->
  <div class="wrapper">

   <!-- top/left PNG -->
   <div class="t"></div>

   <!-- Your content goes here -->

   <!-- Optional: Standard Module Format (hd/bd/ft)
   for providing semantic, meaningful content.
   Not required for visual effect. -->

   <div class="hd">
    <h1>$content</h1>
   </div>


EOF;
}

function theme_corner_trans_box($content) {
 return <<<EOF



   <div class="bd">
    $content
   </div>

   <div class="ft">
   </div>

  <!-- end content -->
  </div>

 <!-- end scroll wrapper -->
 </div>

 <!-- bottom PNG -->
 <div class="b"><div></div></div>

<!-- end dialog -->
</div>
EOF;
}
/**
 * @} End of "ingroup themeable".
 */