/* TViewJ2D.java  Java 2D version of tensegrity viewer

   History:

   13 Jun 2008  Only act on SELECTED state changes for the JModelMenu.
   12 Jun 2008  Do not implement ThreeDClient.  ThreeD constructor
                no longer requires client as arg.  Fine tune exception
                handling in TViewJ2D.load() and TViewJ2DPgm.load() by resetting
                ThreeD if IOException occurs when stream is opened.  Replace
                all reset functions with resetMagnifyBar, and now it does
                not do anything with ThreeD.  Calling ThreeD.load handles
                resetting there.  Implement userMessage() as popup dialog
                and eliminate special handling for TViewJ2DPgm.
   06 Jun 2008  Improve comments.  JComboBox eliminated in favor of separate
                JModelMenu class which reads the label-filename pairs out of a
                file called "models.txt" in the directory where the model data
                is stored.
   03 Jun 2008  Change "Aspension Tower" label to "Aspension Tower (Marcus)"
                so it is clearer that Jan Marcus is the author of this design.
                Re-order the aspensions so the towers come first.  Label the
                tetrahedrons with their authors, and re-order to match order
                in VRML viewer.
   19 May 2008  Add "Aspension Tower II" and "Aspension Canary".  Change
                "Aspension Skylon" to "Aspension Skylon II" and refer to
                another data file.  "Aspension Tower" now refers to data
                for Jan's original structure, and "Aspension Tower II"
                refers to my variation.
   10 Mar 2008  Add "Aspension Skylon".
   26 Dec 2007  Add "Split-Level Prism II" and "Tetrahedral Prisms".  Rename
                "Diamond-Shaped Tensegrity" as "Diamond-Shaped Prisms" and
                "Split-Level Prism" as "Split-Level Prism I".
   07 Dec 2007  Use different data files for "Wishbone Tensegrity" and
                "Diamond-Shaped Tensegrity".
   21 Nov 2007  Add "Split-Level Prism", "Wishbone Tensegrity" and
                "Diamond-Shaped Tensegrity".
   11 Sep 2007  Add "Aspension Tower".
   15 Aug 2007  Add "3-Stage X-Module Column".
   13 Aug 2007  Add "Dodecahedron with X-Column Edges".  Use
                JFrame.setVisible() instead of deprecated show().
   29 Jun 2007  Change "Val Gómez module" to "Gómez Jáuregui module".
   16 Feb 2007  Add "Perspective Prism".
   10 Aug 2006  Close the URL InputStream after reading the data.  If an
                exception occurs, send a user message.  Close the
                FileInputStream after reading the data.
   03 Aug 2006  Use getContentPane() to setLayout() and add() for JApplet.
   01 Aug 2006  Convert GUI to Swing.  Decrease initial size from 700x700
                to 600x600.
   24 Jul 2006  Add Checkbox to turn color on and off.
   14 Jun 2006  Add Checkboxes to turn anti-aliasing and two-tone rendering
                on and off.
   13 Jul 2006  Created from TViewJ3D.java.
*/

import java.awt.*;
import javax.swing.*;
import javax.swing.event.*;
import java.awt.event.*;
import java.io.*;
import java.net.URL;

/**
  GUI for viewing tensegrities with single-point hubs using Java2D.

  @author Bob Burkhardt
*/
public class TViewJ2D extends JApplet
  implements ItemListener, AdjustmentListener,
    MouseListener, MouseMotionListener {
  JTwoD m_threed;
  JScrollBar m_magnifybar;
  JCheckBox m_do_anti_aliasing, m_do_two_tone, m_do_color;
  JModelMenu m_select_model;

  /**
    Name of file where label-filename data is stored.
   */
  static final String LABEL_FILENAME = "models.txt";
  /**
    Name of (default) directory where model data files are stored.
    Only used by TViewJ2D applet, not by TViewJ2DPgm.
   */
  static final String MODEL_DATA_DIR = "models";
  /**
    How many integer units to divide the zoom JScrollBar's range into.
    JScrollBar is set so its output value ranges from 0 to -SCROLL_RESOLUTION.
    */
  static final int SCROLL_RESOLUTION = 1000;
  /**
    How wide to make the zoom JScrollBar bubble.  Should be some smaller
    percentage of the SCROLL_RESOLUTION value and definitely not
    bigger than it.
    */
  static final int SCROLL_BUBBLE_WIDTH = 50;
  /**
    The maximum magnification that is allowed.
    The minimum is none (1.0f).
    */
  static final float MAX_MAGNIFICATION = 8.0f;
  /**
    Amount the figure is currently being magnified.  Varies from
    0 (no magnification) to -SCROLL_RESOLUTION (MAX_MAGNIFICATION).
    */
  int m_magnify_value;
  /**
    Initial dimension of Canvas3D square.
    */
  static final int INITIAL_DIM = 600;
  /**
    Indicate whether left-mouse-button drag is in progress.  MOUSE_PRESSED
    indicates drag in progress; otherwise, MOUSE_RELEASED.
    */
  int m_drag = MouseEvent.MOUSE_RELEASED;

  /**
   Overload standard Applet initialization procedure.
   */
  public void init() {
    try {
      URL url = new URL(getDocumentBase(),
                        MODEL_DATA_DIR + "/" + LABEL_FILENAME);
      InputStream is = url.openStream();
      init(is);
    }
    catch (Exception e) {
      userMessage(e.toString());
    }
  }

  /**
   Initialize the GUI.

   @param is  InputStream containing data for JModelMenu.
   */
  public void init(InputStream is) {
    getContentPane().setLayout(new BorderLayout());
    // parameters are set so the top of the JScrollBar represents the
    // maximimum magnification rather than the usual scrolling situation
    // where the top represents minimum scroll -- Scrollbar value is
    // negated before use.  The max value must be adjusted for the
    // size of the thumb.
    m_magnifybar =
      new JScrollBar(JScrollBar.VERTICAL, 0, SCROLL_BUBBLE_WIDTH,
	             -SCROLL_RESOLUTION, SCROLL_BUBBLE_WIDTH);
    m_magnifybar.addAdjustmentListener(this);
    getContentPane().add("East", m_magnifybar);
    try {
      m_select_model = new JModelMenu(is);
      m_select_model.addItemListener(this);
    }
    catch (Exception e) {
      userMessage(e.toString());
    }
    JPanel p = new JPanel();
    p.setLayout(new FlowLayout());
    m_do_anti_aliasing = new JCheckBox("Anti-aliasing");
    m_do_anti_aliasing.setSelected(true);
    m_do_anti_aliasing.addItemListener(this);
    p.add(m_do_anti_aliasing);
    p.add(m_select_model);
    m_do_two_tone = new JCheckBox("Depth Shading");
    m_do_two_tone.addItemListener(this);
    p.add(m_do_two_tone);
    m_do_two_tone.setSelected(true);
    m_do_color = new JCheckBox("Color");
    m_do_color.addItemListener(this);
    p.add(m_do_color);
    m_do_color.setSelected(true);
    getContentPane().add("North", p);
    m_threed = new JTwoD();
    m_threed.addMouseListener(this);
    m_threed.addMouseMotionListener(this);
    m_threed.doAntiAliasing(true);
    m_threed.doTwoTone(true);
    getContentPane().add("Center", m_threed);
    resetMagnifyBar();
  }

  /**
   Overload standard Applet start procedure.
   */
  public void start() {
    handleModelSelection();
  }

  /**
    Display a status message to the user.

    @param msg String containing message to be displayed.
    */
  public void userMessage(String msg) {
    JOptionPane.showMessageDialog(getContentPane(), msg, "Problem Report",
				  JOptionPane.ERROR_MESSAGE);
  }

  /**
    Create data stream for specified model and send to m_threed.
    Applet version.
    @param model_name unqualified name of file containing model data
    */
  public void load(String model_name) {
    InputStream is = null;
    try {
      URL url = new URL(getDocumentBase(),
                        MODEL_DATA_DIR + "/" + model_name);
      is = url.openStream();
    } catch (Exception e) {
      m_threed.reset();
      userMessage(e.toString());
      return;
    }
    if (is != null) try {
      m_threed.load(is);
      is.close();
    } catch (Exception e) { userMessage(e.toString()); }
  }

  /**
    Load the model corresponding to currently
    selected model.
    */
  public void handleModelSelection() {
    resetMagnifyBar();
    load(m_select_model.getSelectedFilename());
  }

  /**
    Handle JComboBox/JModelMenu and JCheckBox events.  Implements ItemListener.

    @param evt Data pertaining to this event.
    */
  public void itemStateChanged(ItemEvent evt) {
    if (m_threed == null) return;
    if (evt.getSource() == m_select_model) {
      if (evt.getStateChange() == ItemEvent.SELECTED)
        handleModelSelection();
    }
    else if (evt.getSource() == m_do_anti_aliasing) {
      m_threed.doAntiAliasing(m_do_anti_aliasing.isSelected());
    }
    else if (evt.getSource() == m_do_two_tone) {
      m_threed.doTwoTone(m_do_two_tone.isSelected());
    }
    else if (evt.getSource() == m_do_color) {
      m_threed.doColor(m_do_color.isSelected());
    }
  }

  /**
    Handle Scrollbar events.  Implements AdjustmentListener.

    @param evt Data pertaining to this event.
    */
  public void adjustmentValueChanged(AdjustmentEvent evt) {
    int old_value = m_magnify_value;
    m_magnify_value = m_magnifybar.getValue();
    float max = (float)-SCROLL_RESOLUTION;
    float int_mag = (float)m_magnify_value;
    if (old_value != m_magnify_value)
      m_threed.setMagnification(1.0f + (MAX_MAGNIFICATION - 1.0f)*int_mag/max);
  }

  /**
    Watch for presses of the left mouse button, and update state
    accordingly (part of MouseListener interface).

    @param evt Data pertaining to this event.
    */
  public void mousePressed(MouseEvent evt)
  {
    if (evt.getButton() == MouseEvent.BUTTON1)
    {
      m_drag = MouseEvent.MOUSE_PRESSED;
      m_threed.startDrag(evt.getX(), evt.getY());
    }
  }

  /**
    Watch for presses of the left mouse button, and update state
    accordingly (part of MouseListener interface).

    @param evt Data pertaining to this event.
    */
  public void mouseReleased(MouseEvent evt)
  {
    if (evt.getButton() == MouseEvent.BUTTON1)
      m_drag = MouseEvent.MOUSE_RELEASED;
  }

  /**
    Implement this for the MouseListener interface, but ignore
    the events.
    */
  public void mouseClicked(MouseEvent evt) { }

  /**
    Implement this for the MouseListener interface, but ignore
    the events.
    */
  public void mouseEntered(MouseEvent evt) { }

  /**
    Implement this for the MouseListener interface, but ignore
    the events.
    */
  public void mouseExited(MouseEvent evt) { }

  /**
    Watch for mouse movements and adjust rotation accordingly
    (part of MouseMotionListener interface).

    @param evt Data pertaining to this event.
    */
  public void mouseDragged(MouseEvent evt)
  {
    if (m_drag == MouseEvent.MOUSE_PRESSED)
      if ((evt.getModifiersEx() & InputEvent.CTRL_DOWN_MASK) != 0)
	m_threed.updateShift(evt.getX(), evt.getY());
      else
        m_threed.updateRotation(evt.getX(), evt.getY());
  }

  /**
    Implement this for the MouseMotionListener interface, but ignore
    the events.
    */
  public void mouseMoved(MouseEvent evt) { }

  /**
    Put magnification Scrollbar into initial state.
    */
  private void resetMagnifyBar() {
    m_magnifybar.setValue(0);
    m_magnify_value = 0;
  }

}

/**
 Provides for a stand-alone (app rather than applet) instance of the
 tensegrity viewer.  It builds on the Applet overriding in the few situations
 where different facilities are required.
 */
class TViewJ2DPgm extends TViewJ2D {
  String m_model_dir;

  /**
   Create a tensegrity viewer instance.

   @param model_dir  name of directory where model data files and
                     text file containing label-filename list
                     can be found.

   @see #LABEL_FILENAME
   */
  public TViewJ2DPgm(String model_dir) {
    m_model_dir = model_dir;
  }

  /**
   Override the design for Applet with something that gets streams from
   Files rather than URLs.
   */
  public void init() {
    FileInputStream is = null;
    File label_file =
      new File(m_model_dir + File.separator + LABEL_FILENAME);
    try {
      is = new FileInputStream(label_file);
    }
    catch (Exception e) {
      userMessage("init: " + e.toString());
    }
    super.init(is);
  }

  /**
    Create data stream for specified model and send to m_threed.
    Stand-alone app version.
    @param model_name unqualified name of file containing model data
    */
  public void load(String model_name) {
    FileInputStream is = null;
    File model_file =
      new File(m_model_dir + File.separator + model_name);
    try {
      is = new FileInputStream(model_file);
    } catch (Exception e) {
      m_threed.reset();
      userMessage(e.toString());
      return;
    }
    if (is != null) try {
      m_threed.load(is);
      is.close();
    } catch (Exception e) { userMessage(e.toString()); }
  }

  /**
    Requires the path to the directory containing the model data
    as an argument.
    */
  public static void main(String args[]) {
    if (args.length != 1) {
      System.out.println("Usage: TViewJ2DPgm MODEL_DIR");
      System.exit(1);
    }
    JFrame f = new JFrame("Tensegrity Viewer");
    f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    TViewJ2D viewer = new TViewJ2DPgm(args[0]);
    viewer.init();
    f.getContentPane().add(viewer);
    f.setSize(INITIAL_DIM, INITIAL_DIM);
    f.setVisible(true);
    viewer.start();
  }
}
<!--'"</title></head>-->

<script type="text/javascript">
//OwnerIQ
var __oiq_pct = 50;
if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) {
var _oiqq = _oiqq || [];
_oiqq.push(['oiq_addPageBrand','Lycos']);
_oiqq.push(['oiq_addPageCat','Internet > Websites']);
_oiqq.push(['oiq_addPageLifecycle','Intend']);
_oiqq.push(['oiq_doTag']);
(function() {
var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true;
oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s);
})();
}
//Google Analytics
var _gaq = _gaq || [];
_gaq.push(['_setAccount','UA-21402695-19']);
_gaq.push(['_setDomainName','tripod.com']);
_gaq.push(['_setCustomVar',1,'member_name','bobwb',3]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//Lycos Init
function getReferrer() {
var all= this.document.cookie;
if (all== '') return false;
var cookie_name = 'REFERRER=';
var start = all.lastIndexOf(cookie_name);
if (start == -1) return false;
start += cookie_name.length;
var end = all.indexOf(';', start);
if (end == -1) end = all.length;
return all.substring(start, end);
}
function getQuery() {
var rfr = getReferrer();
if (rfr == '') return false;
var q = extractQuery(rfr, 'yahoo.com', 'p=');
if (q) return q;
q = extractQuery(rfr, '', 'q=');
return q ? q : "";
}
function extractQuery(full, site, q_param) {
var start = full.lastIndexOf(site);
if (start == -1) return false;
start = full.lastIndexOf(q_param);
if (start == -1) return false;
start += q_param.length;
var end = full.indexOf('&', start);
if (end == -1) end = full.length;
return unescape(full.substring(start, end)).split(" ").join("+");
}
function generateHref(atag, template){
atag.href=template.replace('_MYURL_', window.location.href.replace('http://', '')).replace('_MYTITLE_','Check%20out%20this%20Tripod%20Member%20site!'); 
}
var lycos_ad = Array();
var lycos_onload_timer;
var cm_role = "live";
var cm_host = "tripod.lycos.com";
var cm_taxid = "/memberembedded";
var tripod_member_name = "bobwb";
var tripod_member_page = "bobwb/tenseg/tview/TViewJ2D.java";
var tripod_ratings_hash = "1713441872:ae8d7ede2158840d3db2862b8f66c27f";

var lycos_ad_category = {"dmoz":"arts\/literature","ontarget":"&CAT=arts%20and%20entertainment&L2CAT=books%20and%20literature","find_what":"In the Kitchen"};

var lycos_ad_remote_addr = "209.202.244.9";
var lycos_ad_www_server = "www.tripod.lycos.com";
var lycos_ad_track_small = "";
var lycos_ad_track_served = "";
var lycos_search_query = getQuery();
</script>

<script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script>

<script type='text/javascript'>
 var googletag = googletag || {};
 googletag.cmd = googletag.cmd || [];
 (function() {
   var gads = document.createElement('script');
   gads.async = true;
   gads.type = 'text/javascript';
   var useSSL = 'https:' == document.location.protocol;
   gads.src = (useSSL ? 'https:' : 'http:') +
     '//www.googletagservices.com/tag/js/gpt.js';
   var node = document.getElementsByTagName('script')[0];
   node.parentNode.insertBefore(gads, node);
 })();
</script>

<script type='text/javascript'>
 googletag.cmd.push(function() {
   googletag.defineSlot('/95963596/TRI_300X250_dfp', [300, 250], 'div-gpt-ad-1450204159126-0').addService(googletag.pubads());
   googletag.defineSlot('/95963596/TRI_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450204159126-1').addService(googletag.pubads());
   googletag.defineSlot('/95963596/TRI_below_728x90_dfp', [728, 90], 'div-gpt-ad-1450204159126-2').addService(googletag.pubads());
   googletag.pubads().enableSingleRequest();
   googletag.enableServices();
 });
</script>


<script type="text/javascript"> 
(function(isV)
{
    if( !isV )
    {
        return;
    }
    var adMgr = new AdManager();
    var lycos_prod_set = adMgr.chooseProductSet();
    var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2", "slider"];
    var adCat = this.lycos_ad_category;
    adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member');
    if (this.lycos_search_query)
    {
        adMgr.setForcedParam("keyword", this.lycos_search_query);
    } 
    else if(adCat && adCat.find_what)
    {
        adMgr.setForcedParam('keyword', adCat.find_what);
    }
    
    for (var s in slots)
    {
        var slot = slots[s];
        if (adMgr.isSlotAvailable(slot))
        {
            this.lycos_ad[slot] = adMgr.getSlot(slot);
        }
    }

    adMgr.renderHeader();
    adMgr.renderFooter();
}((function() {

var w = 0, h = 0, minimumThreshold = 300;

if (top == self)
{
    return true;
}
if (typeof(window.innerWidth) == 'number' )
{
    w = window.innerWidth;
    h = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
    w = document.documentElement.clientWidth;
    h = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight))
{
    w = document.body.clientWidth;
    h = document.body.clientHeight;
}
return ((w > minimumThreshold) && (h > minimumThreshold));
}())));




window.onload = function()
{
    var f = document.getElementById("FooterAd");
    var b = document.getElementsByTagName("body")[0];
    b.appendChild(f);
    f.style.display = "block";
    document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html';
    


    
    // DOM Inj Ad
    (function(isTrellix)
    {
        var e = document.createElement('iframe');
        e.style.border = '0';
        e.style.margin = 0;
        e.style.display = 'block';
        e.style.cssFloat = 'right';
        e.style.height = '254px';
        e.style.overflow = 'hidden';
        e.style.padding = 0;
        e.style.width = '300px';


        var isBlokedByDomain = function( href )
        {
            var blockedDomains = [
                "ananyaporn13000.tripod.com",
                "xxxpornxxx.tripod.com"
            ];
            var flag = false;
            
            for( var i=0; i<blockedDomains.length; i++ )
            {
                if( href.search( blockedDomains[ i ] ) >= 0 )
                {
                    flag = true;
                }
            }
            return flag;
        }

        var getMetaContent = function( metaName )
        {
            var metas = document.getElementsByTagName('meta');
            for (i=0; i<metas.length; i++)
            { 
                if( metas[i].getAttribute("name") == metaName )
                { 
                    return metas[i].getAttribute("content"); 
                } 
            }
            return false;
        }
        
        var getCommentNodes = function(regexPattern)
        {
            var nodes = {};
            var nodesA = [];
            var preferredNodesList = ['a', 'c', 'b'];
        
            (function getNodesThatHaveComments(n, pattern)
            {
                if (n.hasChildNodes())
                {
                    if (n.tagName === 'IFRAME')
                    {
                        return false;
                    }
                    for (var i = 0; i < n.childNodes.length; i++)
                    {
                        if ((n.childNodes[i].nodeType === 8) && (pattern.test(n.childNodes[i].nodeValue)))
                        {
                            var areaName = pattern.exec(n.childNodes[i].nodeValue)[1];
                            nodes[areaName] = n;
                        }
                        else if (n.childNodes[i].nodeType === 1)
                        {
                            getNodesThatHaveComments(n.childNodes[i], pattern);
                        }
                    }
                }
            }(document.body, regexPattern));

            for (var i in preferredNodesList)
            {
                if (nodes[preferredNodesList[i]])
                {
                    if( isTrellix && nodes[preferredNodesList[i]].parentNode.parentNode.parentNode.parentNode )
                    {
                        nodesA.push(nodes[preferredNodesList[i]].parentNode.parentNode.parentNode.parentNode);
                    }
                    else
                    {
                        nodesA.push( nodes[preferredNodesList[i]] );
                    }
                }
            }
            return nodesA;
        }
        
        
        var properNode = null;
        var areaNodes = getCommentNodes( new RegExp( '^area Type="area_(\\w+)"' ) );

        for (var i = 0; i < areaNodes.length; i++)
        {
            var a = parseInt(getComputedStyle(areaNodes[i]).width);
            if ((a >= 300) && (a <= 400))
            {
                properNode = areaNodes[i];
                break;
            }
        }


        var propertyName = getMetaContent("property") || false;
        if( isTrellix && (properNode) )
        {
            e.src = '/adm/ad/injectAd.iframe.html';
            properNode.insertBefore(e, properNode.firstChild);
        }
        else if( isTrellix && !( properNode ) ) // Slap the ad eventhought there is no alocated slot
        {
            e.src = '/adm/ad/injectAd.iframe.html';
            e.style.cssFloat = 'none';
            var cdiv = document.createElement('div');
            cdiv.style = "width:300px;margin:10px auto;";
            cdiv.appendChild( e );
            b.insertBefore(cdiv, b.lastChild);
        }
        else if( !isBlokedByDomain( location.href ) )
        {
            var injF = document.createElement('iframe');
            injF.style.border = '0';
            injF.style.margin = 0;
            injF.style.display = 'block';
            injF.style.cssFloat = 'none';
            injF.style.height = '254px';
            injF.style.overflow = 'hidden';
            injF.style.padding = 0;
            injF.style.width = '300px';
            injF.src = '/adm/ad/injectAd.iframe.html';

            if( b && ( !isTrellix || ( typeof isTrellix == "undefined" ) ) ) // All other tripod props
            {
                var cdiv = document.createElement('div');
                cdiv.style = "width:300px;margin:10px auto;";
                cdiv.appendChild( injF );
                b.insertBefore(cdiv, b.lastChild);
            } 
        }
  }( document.isTrellix ));
}

</script>

<div id="tb_container" style="background:#DFDCCF; border-bottom:1px solid #393939; position:relative; z-index:999999999!important">
<!--form name="search" onSubmit="return searchit()" id='header_search' >
<input type="text" placeholder="Search" size=30 name="search2" value="">
<input type="button" value="Go!" onClick="searchit()">
</form>
<style>
form#header_search {
    width: 916px;
    margin: 0 auto 8px;
    position: relative;
}


form#header_search input {
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding: 0 8px;
    box-sizing: border-box;
    background: #F4F2E9;
    border: 1px solid #BBB8B8;
    transition: background-color 300ms ease-out,
                color 300ms ease;
}

form#header_search input[type="text"] {
    width: 100%;
}
form#header_search input[type="text"]:focus {
    border-color: #A2D054;
    background-color: #fff;
    box-shadow: 0 0px 12px -4px #A2D054;
}



form#header_search input[type="button"] {
    position: absolute;
    top: 1px;
    right: 1px;
    opacity: 1;
    background: #DFDCCF;
    color: #463734;
    width: 125px;
    cursor: pointer;
    height: 38px;
    border: none;
}
form#header_search input[type="text"]:focus ~ input[type='button']:hover,
form#header_search input[type='button']:hover {
    background-color: #A5CE56;
    color: #fff;
}
form#header_search input[type="text"]:focus ~ input[type='button'] {
    background-color: #52AEDF;
    color: #fff;
}

</style>

<script>
function searchit(){
    
    // determine environment 
    var search_env 
    if (lycos_ad_www_server.indexOf(".pd.") > -1) {
       search_env = 'http://search51.pd.lycos.com/a/';
    } else if (lycos_ad_www_server.indexOf(".qa.") > -1) {
       search_env = 'http://search51.qa.lycos.com/a/';
    } else {
       search_env = 'http://search51.lycos.com/a/';
    }

var search_term = encodeURIComponent(document.search.search2.value)
var search_url = search_env+search_term;
window.open(search_url);

return false
}
</script-->
<style>
    .adCenterClass{margin:0 auto}
</style>
<div id="tb_ad" class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;">

<div id="ad_container" style="display:block!important; float:left; width:728px ">
<script type="text/javascript">
if (typeof lycos_ad !== "undefined" && "leaderboard" in lycos_ad) {
  document.write(lycos_ad['leaderboard']);
}
</script>
</div>
</div>
</div>
<script type="text/javascript">
if (typeof lycos_ad !== "undefined" && "slider" in lycos_ad) {
  document.write(lycos_ad['slider']);
}
</script> <!-- added 7/22 -->
<div id="FooterAd" style="background:#DFDCCF; border-top:1px solid #393939; clear:both; display:none; width:100%!important; position:relative; z-index:999999!important; height:90px!important"> 
<div class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;">
<div id="footerAd_container" style="display:block!important; float:left; width:728px">
<iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe>
</div>
</div>
</div>