// Script for new ttdolls main page 8-12-07.  Tested in IE6, IE7, Firefox 2.0
var nheaders = 0;
var view = 'xpand';
var sub = new Array();
var hdr = new Array();
var classAttr = (navigator.appName == "Microsoft Internet Explorer") ? "className" : "class";

// brwsr: 1=IE7, 2=other IE, 3=non-IE browser.
var brwsr = (navigator.appVersion.indexOf("MSIE 7") > -1) ?
  1 : ((navigator.appVersion.indexOf("MSIE") > -1) ? 2 : 3);

if (brwsr==3) {
	var topleft = 'screenY=0,screenX=0';
  var availW  = outerWidth;
  var availH  = outerHeight;
}
else {
  var topleft = 'top=0,left=0';
  var availW  = window.screen.availWidth;
  var availH  = window.screen.availHeight;
}

// Onclick event handler
function vis() {
	for (var i=0; i < nheaders; i++) {
		if (this == hdr[i])
		  setvis(i);
	}
}

function init() {
	// Put all the class="header" a tags in array hdr
	var j=0;
	var atags = document.getElementsByTagName("a");
	for (var i=0; i < atags.length; i++) {
		if (atags[i].getAttribute(classAttr) == "header") {
			hdr[j] = atags[i];
			// assign function vis as onclick event handler
		  hdr[j++].onclick = vis;
	   }
	}
	nheaders = j;
	// Put all the class="subsection" div tags in array sub.
	// hdr elements must match sub elements 1-to-1.
	j=0;
	var divtags = document.getElementsByTagName("div");
   for (var i=0; i < divtags.length; i++) {
		if (divtags[i].getAttribute(classAttr) == "subsection") {
			sub[j++] = divtags[i];
	   }
	}
}

// Toggle display status of element
function setvis(elemNbr) {
  var element = sub[elemNbr];
  var displayed = element.style.display;
  var imgLmnt = hdr[elemNbr].getElementsByTagName('img');
  if (displayed == 'block')
  {
    displayed = 'none';
    imgLmnt[0].src = "http://www.dslide.com/newTT/graphics/openButton2.gif";
  }
  else {
    displayed = 'block';
    imgLmnt[0].src = "http://www.dslide.com/newTT/graphics/closeButton.gif";
  }
  element.style.display = displayed;
}

// Function to open contents page in a new window
function show(src) {
   var dater = new Date(); // Used to make a unique window name.
   var wht = availH - 30;
   var wwd = availW - 20;
   newWin = window.open(src,dater.getTime(), 'scrollbars,resizable,'+topleft+',height='+wht+',width='+wwd);
}

// Function to generate img tag for collage image with either jpg or png.
function collage(dir) {
	 var ext =  (brwsr==2) ? "jpg" : "png";
	 document.writeln('<img class="collage" src=http://www.dslide.com/newTT/'+dir+'/collage.'+ext+' alt="'+dir+' collage thumbnail" />');
}

// browser-dependent top section since IE doesn't support fixed position
function top() {
	switch(brwsr) {
		case 1: // IE7
		  stdTop();
		  break;
		case 2: // other IE
		  ieTop();
		  break;
		case 3: // non-IE
		  stdTop();
	}
}

function stdTop() {
  document.writeln(' <div id="tc">');
	document.writeln('   <div id="tci">');
	document.writeln('     <img src="http://www.dslide.com/newTT/graphics/banter.png" />');
	document.writeln('   </div>');
	document.writeln(' </div>');
	document.writeln(' <div id="container">');
	document.writeln('  <div id="content">');
  document.writeln(' <div id="center">');
}

// I.E. top html
function ieTop() {
  document.writeln(' <div id="container">');
  document.writeln('  <div id="content">');
  document.writeln('   <div id="top">');
}

// browser-dependent bottom section since IE doesn't support fixed position
function bottom() {
	switch(brwsr) {
		case 1: // IE7
		  stdBtm();
		  break;
		case 2: // other IE
		  ieBtm();
		  break;
		case 3: // non-IE
		  stdBtm();
	}
}

// standard bottom html
function stdBtm() {
  document.writeln('   </div> <!-- top -->');
  document.writeln('  </div> <!-- content -->');
  document.writeln(' </div> <!-- container -->');
  document.writeln('</body>');
  document.writeln('</html>');

  document.writeln('<div id="left"></div>');
	document.writeln('<div id="right"></div>');
	document.writeln('<div id="bt">');
  document.writeln('</div>');
}

// I.E. bottom html
function ieBtm() {
  document.writeln('   </div>');
  document.writeln('  </div>');
  document.writeln(' </div>');
  document.writeln(' <div id="tc"><img id="tci" src="http://www.dslide.com/newTT/graphics/banter.jpg" alt="Timeless Treasures Dolls" />');
  document.writeln(' </div>');
  document.writeln(' <div id="leftedge"></div>');
  document.writeln(' <div id="rightedge"></div>');
  document.writeln(' <div id="bt"></div>');
}