<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>Untitled</title>

 

<title>WolfFair</title>

<Meta name="Author" content="Gene Strantz">

<Meta name="Publisher" content="Gene Strantz">

<Meta name="Copyright" content="">

<Meta name="Revisit-After" content="5 days">

<Meta HTTP-EQUIV="Expires" content="none">

<META HTTP-EQUIV="VW96.OBJECT TYPE" CONTENT="index">

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<Meta name="keywords" content="wolffair, WolfFair, strantz, gene strantz, eugene strantz, irma strantz, music, mp3, art, photography, literature, entertainment, blue light theatre, dramarama, concert, linksalot,guestbook, guest artists, education, links, web pages,">

<Meta name="Description" content="WolfFair presents the music, art, photography, literature, entertainment of Gene Strantz, as well as guest artists, links, websites.">

<Meta name="Pagetopic" content="Music, Art, Photography, Literature">

<Meta name="Pagetype" content="Music, Art, Literature, Entertainment">

<Meta name="Audience" content="general">

<Meta name="Robots" content="ALL,INDEX,FOLLOW">

<Meta name="Content-Language" content="English">

<META NAME="generator" CONTENT="FreeFormEditor 1.0"/>

<style>

BODY {

scrollbar-base-color :000000;

scrollbar-arrow-color : yellow;

}

</style>

<STYLE TYPE="text/css">

<!-- /* $WEFT -- Created by: ES (wolfchen@charter.net) on 10/29/2003 -- */

@font-face {

font-family: Viner Hand ITC;

font-style: normal;

font-weight: normal;

src: url(VINERHA0.eot);

}

@font-face {

font-family: Times New Roman;

font-style: normal;

font-weight: normal;

src: url(TIMESNE0.eot);

}

-->

</STYLE>

 

 

<style type="text/css">

#marqueecontainer{

position: relative;

width:400px; /*marquee width */

height: 700px; /*marquee height */

background-color: black;

overflow: hidden;

border: 0px solid orange;

padding: 2px;

padding-left: 4px;

}

</style>

<script type="text/javascript">

/***********************************************

* Cross browser Marquee II- ??? Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for this script and 100s more.

***********************************************/

var delayb4scroll=4000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)

var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)

var pauseit=0 //Pause marquee onMousever (0=no. 1=yes)

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed

var pausespeed=(pauseit==1)? copyspeed: 0

var actualheight=''

function scrollmarquee(){

if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))

cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"

else

cross_marquee.style.top=parseInt(marqueeheight)+8+"px"

}

function initializemarquee(){

cross_marquee=document.getElementById("vmarquee")

cross_marquee.style.top=0

marqueeheight=document.getElementById("marqueecontainer").offsetHeight

actualheight=cross_marquee.offsetHeight

if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit

cross_marquee.style.height=marqueeheight+"px"

cross_marquee.style.overflow="scroll"

return

}

setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)

}

if (window.addEventListener)

window.addEventListener("load", initializemarquee, false)

else if (window.attachEvent)

window.attachEvent("onload", initializemarquee)

else if (document.getElementById)

window.onload=initializemarquee

 

</script>

<!--Horizontal Sliding Menue

Put the <style> script in the <head> of your page.

Set up the border, background-color, padding, and

font elements as needed. Leave the position as is.

Width and height can be set as auto, or you can

specify these in pixels.

//-->

<style>

#menuShow{

border: 0px solid #666666;

background-color: #000000;

padding: 0px;

font-size: 13px;

font-color: #ffffcc

font-family: Viner Hand ITC, Verdana, Arial;

position: absolute;

width: auto;

height: auto;

}

#menuSelect{

border: 0px solid #666666;

background-color: #000000;

padding: 0px;

font-color: #ffffcc

font-size: 13px;

font-family: Viner Hand ITC, Verdana, Arial;

position: absolute;

width: auto;

height: auto;

}

</style>

 

</head>

<body>

 

<div>

<center>

<BODY bgcolor="#000000" text="#ffffcc" link="#ffcc00" alink="#cc0033" vlink="#ffcc00">

<center><strong><font face="viner hand itc" color="#c0c0c0" size="2">Take just a few seconds and download the artistic VINER HAND ITC font. Then you'll be able to see this page in the more attractive way designed.<br>Just RIGHT click on the Viner Hand font name below. Next choose: SAVE TARGET AS...and choose your FONT directory which should be C:&#92;windows&#92;fonts&#92;<br>Font should then change automatically. If not, just hit the Refresh button at top of page.</font></strong></center>

<center><font face="Viner Hand ITC" size="3"><a href="http://www.wolffair.com/fonts/VINERITC.TTF ">Viner Hand</a></font></center>

<br><br>

<script language="JavaScript">

/*

Magic Wand cursor II (By Kurt at kurt.grigg@virgin.net)

Modified and permission granted to Dynamic Drive to feature script in archive

For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com

*/

if (document.all){

with (document){

write('<div id="starsDiv" style="position:absolute;top:-200px;left:0px">')

write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')

write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')

write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')

write('</div>')

}

}

if (document.layers)

{window.captureEvents(Event.MOUSEMOVE);}

var yBase = 200;

var xBase = 200;

var step = 1;

var currStep = 0;

var Xpos = 1;

var Ypos = 1;

if (document.all)

{

function MoveHandler(){

Xpos = document.body.scrollLeft+event.x;

Ypos = document.body.scrollTop+event.y;

}

document.onmousemove = MoveHandler;

}

else if (document.layers)

{

function xMoveHandler(evnt){

Xpos = evnt.pageX;

Ypos = evnt.pageY;

}

window.onMouseMove = xMoveHandler;

}

function animateLogo() {

if (document.all)

{

yBase = window.document.body.offsetHeight/6;

xBase = window.document.body.offsetWidth/6;

}

else if (document.layers)

{

yBase = window.innerHeight/8;

xBase = window.innerWidth/8;

}

if (document.all)

{

for ( i = 0 ; i < starsDiv.all.length ; i++ )

{

starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200);

starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200);

}

}

else if (document.layers)

{

for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!

{

var templayer="a"+j

document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200);

document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200);

}

}

currStep+= step;

setTimeout("animateLogo()", 10);

}

animateLogo();

</script>

 

<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">

<div id="vmarquee" style="position: absolute; width: 98%;">

<!--YOUR SCROLL CONTENT HERE-->

<center><font face="Viner Hand ITC" size="4">

Mark well ye who would enter this domain. Any sourness of spirit will be sucked from thy very essence and be replaced by adventurous undertakings.

If you are aroused by musical reverberations, visual insinuations...even sundry musings and titillations...then do not dally.

<font size= 3 font face="Viner Hand ITC,emboss"> *Welcome To WolfFair*

<br><br>

<img src="http://www.wolffair.com/graphics/BabaYaga_Soboleva.jpg" width="400" height="319" border="0"> Soboleva</font></center>

<!--YOUR SCROLL CONTENT HERE-->

</center>

</div>

<br>

<SCRIPT language="JavaScript1.2">

</SCRIPT>

</center></div>

 

<!--EndFreetext-->

<!--Horizontal Sliding Menue STEP TWO: Copy this code into the BODY of your HTML document -->

<!--Horizontal Sliding Menue

Place the two <div>'s below in the <body> of your code.

(Normally, this will be immediately after the <body>

tag.) The menuShow div will contain your links; change

the text, links, and targets as needed.

//-->

<div id="menuSelect">

<a href="#" onClick="moveOnMenu();moveOffSelector()">

<img src="http://www.wolffair.com/graphics/alladin_clr.gif" width="64" height="48" alt="" border="0"></a>

</div>

<div id="menuShow">

<a href="#" onClick="moveOffMenu();moveOnSelector()">

<img src="http://www.wolffair.com/graphics/alladin_clr.gif" width="64" height="48" alt="" border="0"></a>

<Br>

<Br>

<a href="http://www.wolffair.com/WolfFairSoundStage.html">Sound Stage</a><Br>

<a href="http://cdbaby.com/cd/gistrantz">Concert</a><Br>

<a href="http://pub29.bravenet.com/guestbook/show.php?usernum=2473485889&cpv=1">Backstage</a><Br>

<a href="http://www.wolffair.com/ArtLair.html">ArtLair</a><Br>

<a href="http://www.wolffair.com/DramaRama.html">DramaRama</a><Br>

<a href="http://www.wolffair.com/Blue_Light_Theatre.html">Blue Light Theatre</a><Br>

<a href="http://www.wolffair.com/LinksALot.html">LinksALot</a><Br>

</div>

<!--

Put the following script immediately *after* the

<div>'s (above) in your page. Set the variables as

indicated in the script.

//-->

<SCRIPT LANGUAGE="JavaScript">

<!-- Original: David Sosnowski (support@codelifter.com) -->

<!-- Web Site: http://www.codelifter.com -->

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

// (C) 2001 www.CodeLifter.com

// http://www.codelifter.com

// Free for all users, but leave in this header.

// Set Show to "yes" to show the menu on start-up.

// Set Show to "no" to show the selector on start-up.

Show ="No";

// Set OffX in pixels to a negative number

// somewhat larger than the width of the menu.

var OffX = -250;

// Set the PosX and PosY variables

// to the location on the screen where the

// menu should position (in pixels) when stopped.

var PosX =140;

var PosY =420;

// Usually, use the settings shown; but you can

// change the speed and the increment of motion

// across the screen, below.

var speed = 1;

var increment = 5;

var incrementNS4 = 5; // for slower NS4 browsers

// do not edit below this line

// ===========================

var is_NS = navigator.appName=="Netscape";

var is_Ver = parseInt(navigator.appVersion);

var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;

var is_NS5up = is_NS&&is_Ver>=5;

var MenuX = OffX;

var SelX = PosX;

var sPosX = PosX;

var sOffX = OffX;

if (Show == "yes") {

sPosX = OffX;

sOffX = PosX;

MenuX = sOffX;

SelX = sPosX;

}

if (is_NS4) {

increment = incrementNS4;

Lq = "document.layers.";

Sq = "";

eval(Lq+'menuSelect'+Sq+'. right=sPosX');

eval(Lq+'menuShow'+Sq+'. right=sOffX');

eval(Lq+'menuSelect'+Sq+'.top=PosY');

eval(Lq+'menuShow'+Sq+'.top=PosY');

} else {

Lq = "document.all.";

Sq = ".style";

document.getElementById('menuSelect').style. right = sPosX+"px";

document.getElementById('menuShow').style. right = sOffX+"px";

document.getElementById('menuSelect').style.top = PosY+"px";

document.getElementById('menuShow').style.top = PosY+"px";

}

function moveOnMenu() {

if (MenuX < PosX) {

MenuX = MenuX + increment;

if (is_NS5up) {

document.getElementById('menuShow').style. right = MenuX+"px";

} else {

eval(Lq+'menuShow'+Sq+'. right=MenuX');

}

setTimeout('moveOnMenu()',speed);

}

}

function moveOffMenu() {

if (MenuX > OffX) {

MenuX = MenuX - increment;

if (is_NS5up) {

document.getElementById('menuShow').style. right = MenuX+"px";

} else {

eval(Lq+'menuShow'+Sq+'. right=MenuX');

}

setTimeout('moveOffMenu()',speed);

}

}

function moveOffSelector() {

if (SelX > OffX) {

SelX = SelX - increment;

if (is_NS5up) {

document.getElementById('menuSelect').style. right = SelX+"px";

} else {

eval(Lq+'menuSelect'+Sq+'. right=SelX');

}

setTimeout('moveOffSelector()',speed);

}

}

function moveOnSelector() {

if (SelX < PosX) {

SelX = SelX + increment;

if (is_NS5up) {

document.getElementById('menuSelect').style. right = SelX+"px";

} else {

eval(Lq+'menuSelect'+Sq+'.right=SelX');

}

setTimeout('moveOnSelector()',speed);

}

}

// End -->

</script>

</body>

</html>