Evening Cool Down

Avatar:
Author:
Publish date:
Social count:
0

/* Specifications for container for layers to show/hide.
Most browsers need both width and height set. */
#suncontainer{ position:relative; width:248px; height: 248px; z-index:100 }
#sunacontainer{ position:relative; width:248px; height: 248px; z-index:100 }
/* Include id's for all your layers here, with commas between. */
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16#lyra1, #lyra2, #lyra3, #lyra4, #lyra5, #lyra6, #lyra7, #lyra8, #lyra9, #lyra10, #lyra11, #lyra12, #lyra13, #lyra14, #lyra15, #lyra16{
position:absolute; visibility:hidden; left:0; top:0; z-index:1; background-color: #ffffff; width:248px; height:248px; }

/*.button { position: relative; left: 300px; top: -15px;}*/
.text { width: 380px; }
.button { width: 20px; }
.posearticletitle { font-family: georgia, times, serif; color: #96352E; font-weight: bold; font-size: 13pt;}
.thumbnail {border: 1px solid #333333; width: 100px; height: 100px; }
.thumbtext {text-align: left;}
.thmmbnail a:hover {border: 1px solid #990000;}
.tocCell {margin: 0 0 8 0;}
.tocText {margin: 0 0 0 10;}
.posename {font-weight: bold;}
.posename a {text-decoration:none;}
.posename a:hover {color: #ff940c;}
#ratingTable {border: solid 1px #d8dc7d; margin-top: 15px; width: 468px;}
.ratingRow {height: 50px; padding-top: 10px;}
.ratingImg {padding-left: 15px; padding-right: 15px; padding-top: -10px;}
.ratingText {line-height: 1.5em; padding-top: 5px;}
#Table_01 {
position:relative;
left:0px;
top:0px;
width:475px;
}

#id01 {
position:absolute;
left:0px;
top:0px;
width:475px;
height:157px;
}

#id02 {
position:absolute;
left:0px;
top:157px;
width:162px;
height:152px;
}

#seatedtwists {
position:absolute;
left:162px;
top:157px;
width:162px;
height:152px;
}
#poselist {
position:absolute;
left:162px;
top:157px;

}

#standing {
position:absolute;
left:324px;
top:157px;
width:151px;
height:152px;
}

#core {
position:absolute;
left:0px;
top:335px;
width:162px;
height:152px;
}

#backbends {
position:absolute;
left:162px;
top:335px;
width:162px;
height:152px;
}

#armbalance {
position:absolute;
left:324px;
top:335px;
width:151px;
height:152px;
}

#forwardbends {
position:absolute;
left:0px;
top:477px;
width:162px;
height:152px;
}

#inversions {
position:absolute;
left:162px;
top:477px;
width:162px;
height:152px;
}

#restorative {
position:absolute;
left:324px;
top:477px;
width:151px;
height:152px;
}

#pranayama {
position:absolute;
left:0px;
top:630px;
width:162px;
height:152px;
}

#bandha {
position:absolute;
left:162px;
top:630px;
width:162px;
height:152px;
}

#meditation {
position:absolute;
left:324px;
top:630px;
width:151px;
height:152px;
}

#id14 {
position:absolute;
left:0px;
top:765px;
width:475px;
height:19px;
}
#id15 {
position:absolute;
left:0px;
top:700px;
width:475px;
}
.articleLinks td {
border-bottom: 1px #cccccc dotted;
padding-left: 5px;
}

window.onload=setup;

function setup( ) {
document.getElementById('one').style.display='none';
document.getElementById('two').style.display='none';
document.getElementById('three').style.display='none';
document.getElementById('four').style.display='none';
document.getElementById('five').style.display='none';
document.getElementById('six').style.display='none';
document.getElementById('seven').style.display='none';
document.getElementById('eight').style.display='none';
document.getElementById('nine').style.display='none';
document.getElementById('ten').style.display='none';
document.getElementById('eleven').style.display='none';
document.getElementById('twelve').style.display='none';
}

function show(newItem) {
var item = document.getElementById(newItem);
if (item.style.display=='none') {
item.style.display='block';
} else {
item.style.display='none';
}
}

//]]>

/*************************************************************************
This code is from Dynamic Web Coding at http://www.dyn-web.com/
Copyright 2001-3 by Sharon Paine
See Terms of Use at http://www.dyn-web.com/bus/terms.html
regarding conditions under which you may use this code.
This notice must be retained in the code as is!
*************************************************************************/

// resize fix for ns4
var origWidth, origHeight;
if (document.layers) {
origWidth = window.innerWidth; origHeight = window.innerHeight;
window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

var cur_lyr;// holds id of currently visible layer
function swapLayers(id) {
if (cur_lyr) hideLayer(cur_lyr);
showLayer(id);
cur_lyr = id;
}

function showLayer(id) {
var lyr = getElemRefs(id);
if (lyr && lyr.css) lyr.css.visibility = "visible";
}

function hideLayer(id) {
var lyr = getElemRefs(id);
if (lyr && lyr.css) lyr.css.visibility = "hidden";
}

function getElemRefs(id) {
var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
if (el) el.css = (el.style)? el.style: el;
return el;
}

// get reference to nested layer for ns4
// from old dhtmllib.js by Mike Hall of www.brainjar.com
function getLyrRef(lyr,doc) {
if (document.layers) {
var theLyr;
for (var i=0; i 0)
if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
return theLyr;
}
return null;
}
}
window.onload="swapLayers('lyr1')";