var pan_positions= new Array(0,0);
	window.resizeTo(screen.width,screen.height);
	  l=0;
	scr=1280;
	inc=1280;
		scrcount=1;
	 p=1;
	 imgsloaded=p;
	 down=false;
	 
	 for(n=0;n<15;n++)	{
	  l-=inc;
	 pan_positions.push(l);
	 }
		
	var build;
	var listener;

	imagestamp = $('<img />').attr('src','streamflow0.jpg');
	
	$(document).ready(function()	{
	mode="streamflow";
	timestampmode="intercepted_waves";
	$('#sf_mode').css({color: '#ae0000'});
	//alert($.os.name);
//	
////$('div').click(function()	{
//alert($(this).attr('id'));
//});

	
	
	 //t=-300;
	 t=0;
	 if($.browser.msie){
	 $('#panorama').css({position: 'relative'});
	 $('#timestamp').css({paddingBottom: '20px'});
	  $('#exhibition').css({height: '200px'});
	  $('#cut-in').css({top: '275px'});
	  $('#artists').css({top: '310px', opacity: '.8'});
	  $('#cut-in').css({opacity: '.8'});
	 
	 }
	$('#innerpan').append("<img class='pan' id='image_"+p+"' src='streamflow"+p+".jpg' style='position: absolute;top:"+t+"px;left:"+pan_positions[p]+"px' />");
	//l+=inc;
	
	//initialize panorama
		
	build_panorama();
	build = setTimeout('pan()',1000);
	
	
	//generate wave text
	
	var time=900;
	var frequency=50;
	var amplitude=35;
	var x=250;
	var yoffset=0;
	var timerID;
		if($.browser.msie){
		yoffset=50;
		}
	words="Charting a Poetics of Language, Code,"+' &'+" Networks";
	words=words.split("");
//alert(words);
	
	for(w=0;w<words.length;w++)	{
if(words[w]=="&") words[w]="&#38;";
	amplitude--;
	var y=yoffset+Math.cos(time*frequency)*amplitude;
	x+=13;
	var t=$("<div class='upperwave'><\/div>").appendTo('#wave');
	t.css({color: '#121a59',  position: 'absolute', fontFamily: 'monaco, lucida console, monospace, sans',textTransform: 'none', fontSize: '15px',top: y+'px', left: x+'px'});
	t.html(words[w]);
	time++;
	}
	
	
	function regeneratewave()	{
	
	frequency = Math.round(Math.random() * 60);
	amplitude = Math.round(Math.random() * 130);
	x=250;
	yoffset=0;
	
	
	if($.browser.msie){
		yoffset=50;
		}
	words="Charting a Poetics of Language, Code,"+' &'+" Networks";
	words=words.split("");
//alert(words);
	$('.upperwave').remove();
	for(w=0;w<words.length;w++)	{
if(words[w]=="&") words[w]="&#38;";
	amplitude--;
	var y=yoffset+Math.cos(time*frequency)*amplitude;
	x+=13;
	var t=$("<div class='upperwave' ><\/div>").appendTo('#wave');
	t.css({color: '#121a59',  position: 'absolute', fontFamily: 'monaco, lucida console,monospace, sans',textTransform: 'none', fontSize: '15px',top: y+'px', left: x+'px'});
	t.html(words[w]);
	time++;
	}
}
	
	
	
	$('.chart').click(function()	{ regeneratewave() } );
	
	
	
	
	
	
	//end generate wave text
	accel=2;

		$('#mez').click(function()	{
		killanimations();
		p=2;
		distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
	
		
		});
		
		$('#cayley').click(function()	{
		killanimations();
		p=4;
			distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance*accel;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
		});
		
		$('#coover').click(function()	{
		killanimations();
		p=6;
			distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance*accel;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
		});
		
		$('#hatcher').click(function()	{
		killanimations();
		p=8;
		distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
		});
		
		$('#silvestre').click(function()	{
		killanimations();
		p=10;
				distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance*accel;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
		});
		
		$('#strickland').click(function()	{
		killanimations();
		p=12;
		distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance*accel;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
		});
		
		$('#torres').click(function()	{
		killanimations();
		p=14;
		distance = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
distance=Math.abs(distance);
speed=distance;
if(distance>7000) speed=distance/accel;cleankey();
		difference_pan_and_stop(speed);
		});
		


	$('#cur_mode').click(function()	{
	$('#tabs div').css({color: '#ffffff'});
	$(this).css({color: '#ae0000'});
	killanimations();
	$('#artscape').remove();
	$('#backdrop').remove();
	artscape=false;
	cur_mode();
	});
	$('#ts_mode').click(function()	{
	$('#tabs div').css({color: '#ffffff'});
	$(this).css({color: '#ae0000'});
	killanimations();
	$('#artscape').remove();
	$('#backdrop').remove();
	artscape=false;
	timestamp_mode();
	});
	
	$('#sf_mode').click(function()	{
	$('#tabs div').css({color: '#ffffff'});
	$(this).css({color: '#ae0000'});
	
	killanimations();
	
	if(mode=='timestamp')	{
		$('#artscape').remove();
		$('#backdrop').remove();
		artscape=false;
	//$('#door').animate({marginTop: '-240px'}, 3000);
	//$('#door').animate({marginTop: '-240px'}, 5000);
	//$('#door').animate({marginTop: '-0px'}, 2000);
	$('#door').remove();
	$('#tweetbox').remove();
	if(typeof timerID != 'undefined') clearTimeout(timerID);
	$('#placard').remove();
	if($('#nav-in')) $('#nav-in').remove();
	clearInterval(listener);
	if($('#receiver_holder')) $('#receiver_holder').remove();
	}
	
	if(mode=="curatorial")	{
		$('#placard').remove();
	}
		$('.pan').css({display: 'inline'});
		$('#innerpan').css({display: 'block'});
		$('.pan, #cut-in, #artists').animate({opacity: '1'}, 600);
		mode="streamflow";
	//alert(l + ","+$('#innerpan').offset().left +","+-scr);
	if(p<14)	{
	//speed = Math.abs(-scr) - Math.abs($('#innerpan').offset().left);
	//difference_pan(speed*6);
	speed = Math.abs(pan_positions[p]) - Math.abs($('#innerpan').offset().left);
	difference_pan(speed*6);
	}
	});
	
	$('#sf_mode').mouseover(function()	{
	$(this).css({color: '#ae0000'});
	});
	
	$('#ts_mode').mouseover(function()	{
	$(this).css({color: '#ae0000'});
	});
	
	$('#cur_mode').mouseover(function()	{
	$(this).css({color: '#ae0000'});
	});
	
	$('#sf_mode').mouseout(function()	{
	if(mode!='streamflow')
	$(this).css({color: '#ffffff'});
	});
	
	$('#ts_mode').mouseout(function()	{
	if(mode!='timestamp')
	$(this).css({color: '#ffffff'});
	});
	
	$('#cur_mode').mouseout(function()	{
	if(mode!='cur')
	$(this).css({color: '#ffffff'});
	});
	
	
	}); //end ready
	

function killanimations()	{
$('#innerpan').stop();
		//if(typeof build!='undefined')	{
		//clearTimeout(build);
		//}
		if(typeof build!='undefined')	{
		clearTimeout(build);
		} else	{
		//alert(typeof dopan);
		}
		//}
}

	function pan_and_stop(speed,myindex)	{
	
	$('#innerpan').append("<img id='stf_"+myindex+"' src='streamflow"+myindex+".jpg' style='position: absolute;top:"+t+"px;left:"+l+"px' />");
	l+=inc;
	$('#innerpan').animate({left: (-scr+-scr) + 'px'}, speed );
	
	}
	
	
	function update()	{
	//highlighting
	speed=4000;
	highlight('go');
	scr+=inc;
	if(scrcount<14)	{
	p++;
	if(p<15 & mode=='streamflow')
	
	build = setTimeout('pan()', speed + 1500);
	scrcount++;
	}
	
	}
	
	
	function highlight(stopgo)	{
	
	if(stopgo=='go' && (p-1)%2==1)
	artist_scape();
	if(p==2) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#mez').css({color: '#ae0000'});
	} else
	if(p==4) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#cayley').css({color: '#ae0000'});
	} else
	if(p==6) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#coover').css({color: '#ae0000'});
	} else
	if(p==8) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#hatcher').css({color: '#ae0000'});
	} else
	if(p==10) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#silvestre').css({color: '#ae0000'});
	} else
	if(p==12) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#strickland').css({color: '#ae0000'});
	} else	
	if(p==14) {
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	$('#torres').css({color: '#ae0000'});
	} else	{
	$('#artists div').css({color: '#ffffff'});
	$('#cut-in div').css({color: '#ffffff'});
	speed=1000;
	}
	
	if(stopgo=='stop')	{
	if($('#artscape')) 
	
	$('#artscape, #backdrop').animate({opacity: 0},600,function()	{ $('#artscape, #backdrop').remove() });
	}
	
	
	}
	
	//scroll panorama
	function pan()	{
	if($('#artscape')) 
	
	$('#artscape, #backdrop').animate({opacity: 0},600,function()	{ $('#artscape, #backdrop').remove() });
	$('#innerpan').animate({left: pan_positions[p]+'px'}, 7000, function(){update()});
	}
	
	function difference_pan(speed)	{
	$('#innerpan').animate({left: pan_positions[p]}, speed, function(){update()});
	}
	
	function difference_pan_and_stop(speed)	{
	highlight('stop');
	$('#innerpan').animate({left: pan_positions[p]}, speed, function()	{artist_scape()});
	}
	
	
	imgsl=1280;
	imgsloaded++;
	
	function build_panorama()	{
	//if($('#stf_'+(p-1)))
	//$('#stf_'+(p-1)).remove();
	//t=-300;
	t=0;


//for(r=0;r<3;r++)	{
	//placeholder
	$placeholder = $("<div id='pan_"+imgsloaded+"' ></div>").css({position: 'absolute',left: imgsl+'px', top: '0px', width: '1280px', height: '340px'}).appendTo('#innerpan');
$('#pan_'+imgsloaded).html("<div class='pan' id='holder_"+imgsloaded+"' style='width: 950px; margin-top: 100px; text-align: center;font-size: 50px'>~~~</div>");
	//$('#pan_'+imgsloaded).attr('src', 'streamflow'+imgsloaded+'.jpg'
	src= 'streamflow'+(imgsloaded)+'.jpg';
	image1 = $('<img class="pan" id="i_'+imgsloaded+'"/>').attr('src',src);
	image1.load(function(){
	id=$(this).attr('id');
	matchimg= id.substring(id.indexOf("_")+1, id.length);
	//index=parseInt(index);
	//alert(id + " , " + index + " , " + $('#pan_'+index));
$('#pan_'+matchimg).html($(this));
//$('#stats').html(matchimg);
         });
         
        
	imgsloaded++;
	imgsl+=inc;
	

if(imgsloaded<15)
build_panorama();

	
	}

	function timestamp_mode()	{
	if(mode=="streamflow")	{
	$('#cut-in, #artists').animate({opacity: 0}, 400);
	$('.pan').animate({opacity: 0}, 400, function()	{ $('.pan, #innerpan').css({display: 'none'}) });
	}
	if(mode=="curatorial")	{
	$('#placard').remove();
	}
	mode="timestamp";
	if($('#door')) $('#door').remove();
	clearInterval(listener);
	if($('#receiver_holder')) $('#receiver_holder').remove();
	if($('#tweetbox')) $('#tweetbox').remove();
	if(down==false)	{
	$('#panorama').append('<img id="door" style="margin-top: 0px" style="opacity:0" src="streamflow0.jpg"/>');
	$('#door').animate({opacity: 1}, 1000);
	$('#door').animate({opacity: 1}, 900);
	$('#door').animate({marginTop: '-240px'}, 1000);
	$('#door').animate({marginTop: '-240px'}, 3000);
	$('#door').animate({marginTop: '-1500px', opacity: 0}, 3000, function()	{ timestamp_content();down=false; } );
} else	{

timestamp_content()
}
}


function cur_mode()	{
if($('#nav-in')) $('#nav-in').remove();
if(mode=="streamflow")	{
$('#cut-in, #artists').animate({opacity: 0}, 400);
	$('.pan').animate({opacity: 0}, 400);
	$('.pan').animate({opacity: 0}, 400, function()	{ $('.pan, #innerpan').css({display: 'none'}) });
}
if(mode=="timestamp")	{
clearInterval(listener);
if($('#receiver_holder')) $('#receiver_holder').remove();
$('#door').remove();
$('#tweetbox').remove();
if(typeof timerID != 'undefined') clearTimeout(timerID);
$('#placard').remove();

}

if(mode=="shifts")	{
$('#placard').remove();

}


mode="curatorial";
cur_content();
}
	
function timestamp_content()	{


//add navigation
if($('#nav-in')) $('#nav-in').remove();

timenav = $("<div  id='nav-in'><div id='context' class=\"current\" style='margin-left: 0px'><span>Context</span></div><div>~</div><div id='shifts'><span>Shifts</span></div><div>~</div><div id='intercepted'><span>Intercepted Waves</span></div><div>~</div><div id='timestampstream'><a href='http://twitter.com/timestampstream' target='_blank'><span> timestampstream</span></a></div><div>~</div></div>").css({opacity:.8}).appendTo('#panorama');
if($.browser.msie)	{
$('#nav-in').css({top:'300px', left: '0px'});
}
$('#nav-in div').css({color: '#ffffff'});

//$('#nav-in div:hover').css({color: '#ae0000'});


$('#intercepted').click(function()	{
if(mode=="intro") $('#placard').remove();
timestampmode="intercepted_waves";
timestamp_content();

});

$('#shifts').click(function()	{

timestampmode="shifts";
timestamp_content();

});






$('#context').click(function()	{

if(timestampmode=="intercepted_waves")	{
$('#tweetbox').remove();
}
timestampmode="intro";
timestamp_content();

});



if(timestampmode=="intro")	{
$('#context').css({color:'#ae0000'});
if($('#placard')) $('#placard').remove();
if($('#receiver_holder')) $('#receiver_holder').remove();
placard = $("<div id='placard'></div>").css({width: '600px', height: '300px', padding: '20px', paddingTop: '10px', margin: '0px auto',marginTop:'20px', fontFamily: 'arial, verdana, sans', fontSize: '17px', textTransform: 'none'}).appendTo('#panorama');
$('#placard').html("Beginning at 4:35pm MST (sunset) on December 5, 2009, the artists of <strong><em>Streamflow Conditions</em></strong> performed online for 24 hours through networked writing, live coding, streaming video, or other means. <div style='margin-top:12px'>Each artist occupied a 4-hour shift, and the schedule was designed to facilitate audiences outside of the artists' individual timezones. Writing or links to activity were posted to the shared twitter account, <a href='http://twitter.com/timestampstream' target='_blank'>\"timestampstream\"</a> and<span class='intercepted'> intercepted here</span>. </div> <div style='margin-top:12px'>You were invited to follow along and respond.</div>");

$('.intercepted').click(function()	{
if(mode=="intro") $('#placard').remove();
timestampmode="intercepted_waves";
timestamp_content();
});

}

if (timestampmode=="intercepted_waves")	{
if($('#placard')) $('#placard').remove();
$('#intercepted').css({color:'#ae0000'});
retrieve_transmissions('init');
listener =  setInterval(function(){retrieve_transmissions('checking')}, 20000);	
//intercepted_waves(0);
}

if(timestampmode=="shifts")	{
if($('#receiver_holder')) $('#receiver_holder').remove();
$('#shifts').css({color:'#ae0000'});
if($('#placard')) $('#placard').remove();
if($('#tweetbox')) $('#tweetbox').remove();
placard = $("<div id='placard'></div>").css({width: '850px', height: '300px', padding: '20px', paddingTop: '10px', margin: '0px auto', marginTop: '10px',fontFamily: 'arial, verdana, sans', fontSize: '17px', textTransform: 'none'}).appendTo('#panorama');
$('#placard').html("<div style='float:left;width:375px'>SHIFT 1: December 5, 2009, 4:35pm MST <br/><span style='color:#ae0000'>Mez Breeze</span><br/><br/>SHIFT 2: December 5, 2009, 8:35pm MST <br/><span style='color:#ae0000'><a href='javascript:;' onclick=\"displaytimestamped('http://openingsources.com/timestamp', 'Opening Sources', 'Ian Hatcher')\">Ian Hatcher</a></span><br/><br/>SHIFT 3: December 6, 2009, 12:35am MST<br/><span style='color:#ae0000'><a href='javascript:;' onclick=\"displaytimestamped('http://telepoesis.net/streamflowconditions/index.html', 'Poems In the Middle of the Road', 'Rui Torres')\">Rui Torres</a></span></div><div style='float:left;width:375px;border: solid 0px;margin-left: 70px'>SHIFT 4: December 6, 2009, 4:35am MST<br/><span style='color:#ae0000'>Jose Carlos Silvestre</span><br/><br/>SHIFT 5: December 6, 2009, 8:35am MST <br/><span style='color:#ae0000'><a href='javascript:;' onclick=\"displaytimestamped('https://develop.temple.edu/sct/canyonlands/stream.html', 'Video Prelude to TIMESTAMP shift', 'Roderick Coover')\">Roderick Coover</a></span><br/><br/>SHIFT 6: December 6, 2009, 12:35pm MST<br/><span style='color:#ae0000'><a href='javascript:;' onclick=\"displaytimestamped('http://ts.literalart.net', 'Writing to be Found [for TIMESTAMP]', 'John Cayley')\">John Cayley</a></span></div><br style='clear: both' /><br/>[ use this link to translate into your timezone: <a href='http://www.timeanddate.com/worldclock/converter.html' target='_blank'>http://www.timeanddate.com/worldclock/converter.html</a> ]<div style='font-size: 13px;margin-top: 11px'><em>Please follow 'timestampstream' or see 'intercepted waves' to track activity. Some artists have provided a non-Twitter link for their shift [above].</em></div>");



}





}
	
	
	function cur_content()	{
	placard = $("<div id='placard'></div>").css({width: '600px', height: '300px', padding: '20px', margin: '0px auto', fontFamily: 'arial, verdana, sans', fontSize: '17px', textTransform: 'none'}).appendTo('#panorama');
$('#placard').html("<strong><em>Streamflow Conditions</em></strong> is an online exhibition of electronic literature and networked writing curated by <a href='http://www.judisdaid.com' target='_blank'>Judd Morrissey</a> at the invitation of <a href='http://www.subitopress.org' target='_blank'>Subito Press </a>at the University of Colorado. <br/><br/>Conceptualized in relation to a site-specific consideration of the Colorado landscape and its engineered waterways, the selection of works examines discrete markers in the contemporary data-scape of writing within networked culture. The artists and works chosen each represent an innovative use of language in conjunction with code, data, or networked spaces. The exhibition as a whole engages the overflowing boundaries between presence, process and object at a time when currents of digital literary practice meet the culture and corpus of writing online (& the imminent google waves). <br/><br/><span style='font-size:14px'><em>The initial curatorial response has been the construction of this environment and event. A longer curatorial essay is forthcoming.</em></span>");
	
	
	}
	
			responses=new Array();
		var index;
		
	var resultcount;	
	var transmissions=new Array();
	var timestamps=new Array();
	var url = "http://search.twitter.com/search.json?q=from%3atimestampstream+OR+to%3atimestampstream+OR+from%3aSerpentinaspeak+OR+timestampstream&rpp=100&callback=?";
	var latest;
	
	
	//find new tweets
function retrieve_transmissions(transmode)	{

$.getJSON(url,
		
        function(data){
     
     resultcount=data.results.length;
	newlatest=data.results[0]['text'];

if(newlatest!=latest && transmode!='init') {
notify(data.results[0]['created_at']);
} else	{

}
if(transmode=='init')	{
transmissions=new Array();
timestamps=new Array();

for(s=0;s<resultcount;s++)	{       
transmissions.push(data.results[s]['text']);
timestamps.push(data.results[s]['created_at']);
}
latest = transmissions[0];


$('#receiver_holder').remove();
$("<div id='receiver_holder' style='position: relative'></div>").appendTo('#panorama');
$("<div class='incoming' id='incoming' title='load interception'></div>").css({color: '#ae0000', width: '140px', position: 'absolute', top:'190px', border: 'solid 1px #ae0000',left: '770px',fontSize: '15px',height:'20px', zIndex:'1000',paddingLeft: '0px',padding:'5px', cursor: 'crosshair'}).appendTo('#receiver_holder');
$('#incoming').html('listening...');


$("<div id='legend'></div>").css({color: '#ae0000', width: '210px', position: 'absolute', top:'0px', left: '730px',fontSize: '13px',height:'150px', zIndex:'1000',paddingLeft: '0px',padding:'0px', cursor: 'crosshair'}).appendTo('#receiver_holder');

$('#legend').html("<div class='key'>KEY</div>");
$('#legend').append("<div>~ = read text as wave<br/>");
$('#legend').append("<div>-- = read text as line<br/>");
$('#legend').append("<div>&#8595; = older texts<br/>");
$('#legend').append("<div>&#8593; = newer texts<br/><br/>");

$('#legend').append("<div style='font-size: 11px;color: #000000'>When a new timestamp arrives, click it to receive the transmission. All timestamps are in universal time +0000.</div>");


$("<div id='now_on'></div>").css({color: '#ae0000', width: '540px', position: 'absolute', top:'0px', left: '10px',fontSize: '13px',height:'150px', zIndex:'1000',paddingLeft: '0px',padding:'0px', cursor: 'crosshair'}).appendTo('#receiver_holder');
$('#now_on').html("<span style='color: #ae0000; text-transform: uppercase'>NOW TRANSMITTING (as timestampstream): John Cayley [UTC -5]</span>");


$('#incoming').click(function()	{
if($(this).html()!='listening...')
retrieve_transmissions('init');
});
	

intercepted_waves(0);
}

});
}

function notify(timestamp)	{
stamp=timestamp.substring(timestamp.indexOf(",")+1,timestamp.indexOf("+")-1);
stamp=stamp.replace(" 2009","");
$('#incoming').html('<span id="receiver">'+stamp+'</span>');

}
		
	
	
		
	function intercepted_waves(index)	{

	// interface
	var prev=false;
      var next=false;
    //alert(index);

//var url = "http://search.twitter.com/search.json?q=from%3atimestampstream&rpp=15&callback=?";

if($('#innertweet')) $('#innertweet').remove();

	//$.getJSON(url,
		
     //   function(data){
     
    // resultcount=data.results.length;
      if(index+1<resultcount)	{
      prev=true;
      }
      
 if(index-1>=0)	{
      next=true;
      }
      //alert(next);
       
source=transmissions[index];

//alert(source);



if($('#tweetbox')) $('#tweetbox').remove();
tbox = $('<div class="tweetbox" id="tweetbox"></div>').css({clear: 'both',border: 'solid 0px', height:'340px', width: '950px', margin: '0px auto',  overflow: 'hidden',opacity:1});
tbox.appendTo('#panorama');

$("<div class='innertweet' id='innertweet'></div>").css({position: 'relative'}).appendTo('#tweetbox');
$("<div class='innernav' id='innertweet'></div>").css({position: 'relative'}).appendTo('#tweetbox');

$("<div class='wavebox up' id='up' title='next'></div>").css({background: '#ffffff', width: '15px', position: 'absolute', top:'230px', left: '890px',fontSize: '20px', paddingLeft: '10px'}).appendTo('.innernav');
$('#up').html('&#8593;');


$("<div class='wavebox tweet' id='wavebox' title='wave'></div>").css({width: '20px', position: 'absolute', top:'230px', left: '850px', height: '15px'}).appendTo('.innernav');
$('.tweet').html("~");

$("<div class='wavebox linebox' id='linebox' title='line'></div>").css({width: '20px', fontFamily: 'times, sans', position: 'absolute', top:'230px', left: '810px', height: '15px'}).appendTo('.innernav');
$('.linebox').html("--");



$("<div class='wavebox down' id='down' title='prev'></div>").css({width: '15px', backgroundColor: '#ffffff', position: 'absolute',  left: '770px', top:'230px', fontSize: '20px', height: '15px', paddingLeft: '10px'}).appendTo('.innernav');
$('#down').html('&#8595;');
//$('#down').html('--');

$("<div class='stampbox' id='stampbox'></div>").css({position: 'absolute',  color: '#000000', left: '300px', border: 'solid 0px', top:'230px', fontSize: '20px', height: '15px', paddingLeft: '10px', fontWeight:'bold'}).appendTo('.innernav');
//$('#stampbox').html(data.results[index]['created_at']);
$('#stampbox').html(timestamps[index]);
if($.browser.msie) $('#legend').css({top: $(this).offset().top +20+'px'});


$('.tweet').click(function()	{

//wavetweet(index,data.results[index]['text']);
wavetweet(index,transmissions[index]);

});


$('.linebox').click(function()	{

//linetweet(index,data.results[index]['text']);
linetweet(index,transmissions[index]);


});	


if(!prev)	{
$('#down').css({opacity:'.3'});
} else	{
$('#down').css({opacity:'1'});
}

if(!next)	{
$('#up').css({opacity:'.3'});
} else	{
$('#up').css({opacity:'1'});
}

$('#down').click(function()	{
if(prev)	{
index++;
intercepted_waves((index));

}
});	


$('#up').click(function()	{
//curr_i=id.substring(id.indexOf("_")+1, id.indexOf("_")+2);
if(next)	{
index--;
intercepted_waves((index));
}
});	


	
	
	
	

//convert to wave

frequency = Math.round(Math.random() * 60);
	amplitude = Math.round(Math.random() * 130);
	x=50;
	yoffset=100;
	time=900;
	
	if($.browser.msie){
		yoffset=50;
		}

	words=source.split("");
//alert(words);
	$('.wave').remove();
	for(w=0;w<words.length;w++)	{
if(words[w]=="&") words[w]="&#38;";
	amplitude--;
	var y=yoffset+Math.cos(time*frequency)*amplitude;
	x+=13;
	var t=$("<div class='wave' ><\/div>").appendTo('#innertweet');
	t.css({color: '#121a59',  position: 'absolute', fontFamily: 'monaco, lucida console, monospace, sans',textTransform: 'none', fontSize: '15px',top: y+'px', left: x+'px'});
	t.html(words[w]);
	time++;
	}
	


      //  });

// $('#tweets').append("<div style='margin-top: 40px;margin-bottom:40px'>"+source + "<\/div>");




	}
//intercepted_waves();	
	
function wavetweet(id,response)	{
//curr_i=id.substring(id.indexOf("_")+1, id.indexOf("_")+2);
curr_i=id;
	frequency = Math.round(Math.random() * 60);
	amplitude = Math.round(Math.random() * 130);
	x=50;
	yoffset=100;
	time=900;
	
	if($.browser.msie){
		yoffset=50;
		}
	words=response;
	words=words.split("");
//alert(words);
	$('.wave').remove();
	for(w=0;w<words.length;w++)	{
if(words[w]=="&") words[w]="&#38;";
	amplitude--;
	var y=yoffset+Math.cos(time*frequency)*amplitude;
	x+=13;
	var t=$("<div class='wave' ><\/div>").appendTo('#innertweet');
	t.css({color: '#121a59',  position: 'absolute', fontFamily: 'monaco, lucida console, monospace, sans',textTransform: 'none', fontSize: '15px',top: y+'px', left: x+'px'});
	t.html(words[w]);
	time++;
	}

}



function linetweet(id,response)	{
//curr_i=id.substring(id.indexOf("_")+1, id.indexOf("_")+2);
curr_i=id;

$('.wave').remove();
$('#innertweet').html('<div class="wave" style="position: absolute;font-size: 20px;top:100px;margin: 0px 50px;width: 650px">'+response+'</div>');

}







//artist info

//bio, title, url, description
Mez=new Array("\"<span class='artist'>Mez<\/span> does for code poetry as jodi and Vuk Cosic have done for ASCII Art: Turning a great, but naively executed concept into something brilliant, paving the ground for a whole generation of digital artists.\" (Florian Cramer). The impact of her unique code/net.wurks [constructed via her pioneering net.language \"mezangelle\"] has been equated with the work of Shakespeare, James Joyce, Emily Dickinson, and Larry Wall. Mez is also the Executive Editor of the \"_Augmentology 1[L]0[L]1_\" project, a Synthetic Ecology Strategist, Reality Engineer and Game Theorist who practices _Poetic Game Interventions_ [the creative manipulation of MMO parameters in order to disrupt or comment on various aspects of augmented states].","cross.ova.ing ][4rm.blog.2.log][","http://netwurker.livejournal.com/","<span class='title'>cross.ova.ing ][4rm.blog.2.log][</span> is inscribed using the polysemic language system termed mezangelle, which evolved/s from multifarious email exchanges, computer code flavoured language and net iconographs. the rewired blog uses uses code/network&apos;s base standard of text to invoke imagination rather than motion-based, flashy graphics.","Mez Breeze","<div id='resonant'>Resonant<br/> <a href='http://www.hotkey.net.au/~netwurker/xor/xor.html' target='_blank'>ID.xorcism_</a><br/> <a href='http://arsvirtuafoundation.org/research/2009/03/01/_social-tesseracting_-part-1/' target='_blank'>_Social Tesseracting_</a> </div><div id='anchored'>Anchored<br/> <a href='http://unhub.com/netwurker' target='_blank'>_knott404_</a></div>");
John=new Array("<span class='artist'>John Cayley<\/span> writes digital media, particularly in the domain of poetry and poetics. Three recent and ongoing projects are <em>imposition<\/em>, <em>riverIsland<\/em>, and <em>what we will<\/em> ... Information on these and other works may be consulted at <a href='http://programmatology.shadoof.net' target='_blank'>http://programmatology.shadoof.net<\/a>. Cayley is a Visiting Professor at Brown University, Literary Arts Program.","First Beacon>>>Writing to be Found","john.html","An abstract expository description of <span class='title'>First Beacon</span>, initially produced for Cayley's <em>imposition<\/em> project, is a gallery prologue to materials relating to another, now concurrent live project, <em>Writing to be Found<\/em>, which is also partially exhibited in the gallery. <a href='http://wtbf.literalart.net' target='_blank'><em>Writing to be Found</em></a> interrogates the chaotic edge of attributed authorship in the corpus of English language and literature to which the Google search engine gives us all too convenient access. For the live networked Timestamped writing facet of <em>StreamFlow Conditions<\/em>, Cayley will generate writing that is as yet unfound but soon to be found, with selected modalities of this live writing constrained according to rules and rubrics that will be evoked by the Beacon. It is possible that other practitioners may, concurrently, produce other work in other media that will also be structured by the simple patterns of <span class='title'>First Beacon</span>.","John Cayley","<div id='resonant'>Resonant<br/> <a href='javascript:;' onclick=\"displayresonant('edges.html','Edges of Chaos: Writing to be Found')\">Edges of Chaos: Writing to be Found [proto-essay]</a><br/><a href='http://netpoetic.com/2009/10/an-edge-of-chaos/' target='_blank'>netpoetic: An Edge of Chaos</a><br/> <a href='http://lhk.literalart.net/' target='_blank'>lightHouseKeeper</a> </div><div id='anchored'>Anchored<br/> <a href='http://www.shadoof.net/' target='_blank'>shadoof</a></div");
Ian = new Array("<span class='artist'>Ian Hatcher<\/span> is a writer and musician from Seattle. His digitally mediated writing has been presented at the Electronic Literature Organization and Electronic Literature in Europe conferences and published in various places online. He scores film/video, composes for the Moving Architects dance company, and performs live from time to time. He is currently a graduate student at Brown University.","Signal to Noise","http://clearblock.net/stn/", "<span class='title'>Signal to Noise</span> is a browser-native hypertext work of fiction designed to be read by multiple readers at once. Concurrent readings intertwine and affect one another in realtime.<br/><br/>While participants in simultaneous readings are unable to directly communicate or possess character avatars in the virtual environment, textual ripples are created on the surface of the story with each selected link. These ripples, fragmented yet occasionally intelligible words and phrases, are visible not only to the reader whose decisions created them but to all other readers online at the same time. Within moments, the lines of scattered, shared ephemera (subtext, echoes, commentary, context) subside and disappear.", "Ian Hatcher","<div id='resonant'>Resonant<br/> <a href='http://openingsources.com/' target='_blank'>Opening Sources</a> </div><div id='anchored'>Anchored<br/> <a href='http://clearblock.net/' target='_blank'>clearblock</a></div>");
Roderick= new Array("<span class='artist'>Roderick Coover<\/span> creates panoramic interactive environments, collaborative streaming visual poems, and multimedia documentary projects. In his latest work Unknown Territories (<a href='http://unknownterritories.org' target='_blank'>Unknownterritories.org<\/a>), users navigate through landscapes of fictional and nonfictions portrayals of the American West. Some other works include <em>Cultures in Webs: Working In Hypermedia With The Documentary Image<\/em> (Eastgate Systems), <em>From Verite to Virtual<\/em> (DER), <em>The Theory of Time Here<\/em> (Video Data Bank) and the forthcoming book project <em>Switching Codes<\/em> (Chicago) among others. He has received awards from organizations such as USIS-Fulbight, the LEF Foundation and the Mellon Foundation. He is an associate professor in Film and Media Arts at Temple University in Philadelphia. URL: <a href='http://www.roderickcoover.com' target='_blank'>http://www.roderickcoover.com</a>.","Voyage into the Unknown","http://www.unknownterritories.org/powell/","On May 25, 1869, you join the crew of one-armed Civil War veteran John Wesley Powell in an attempt to navigate the Colorado River through the vast unmapped maze of canyons in the heart of the Great American Desert. No European-American has boated the formidable Colorado River &mdash; not, at least, and written about it. Turning inward... this is, perhaps, the final American frontier, a terra incognita. <br/><br/><span class='title'>Voyage Into The Unknown<\/span> is an interactive work in three parts that follows ways in which an imagined landscape becomes a represented. First comes discovery, although not without dissension and discontent, and even death will haunt the memory of the journey. Then comes representation -- the writing of a heroic narrative. Third, in stereoscope, comes reflection and critique. This work blends fact and fiction, drawing on original diaries, photographs and drawings as well as original text and visualizations.", "Roderick Coover","<div id='resonant'>Resonant<br/> <a href='http://www.hyperrhiz.net/hyperrhiz06/24-artist-statements/81-taking-a-scroll-text-image-and-the-construction-of-meaning-in-a-digital-panorama' target='_blank'>Taking a Scroll</a> </div><div id='anchored'>Anchored<br/> <a href='http://www.roderickcoover.com/' target='_blank'>roderickcoover</a></div>");
Jose=new Array("<span class='artist'>Jos&eacute; Carlos Silvestre<\/span> is a New Media artist and writer. He graduated in Telecommunications Engineering from the University of Brasilia &mdash; Brazil and is currently pursuing a M.A. degree in the Catholic University of Sao Paulo, with a dissertation on the aesthetics of digital errors.","Failed Fractals","jose.html","<span class='title'>Failed Fractals: a code poem</span> investigates how code can signify by means of its native strategies. The code for a Julia-set fractal is submitted to unexpectedly large inputs, which quickly produce arithmetic overflow errors. The resulting image is a noisy, extreme case of aliasing, which displays fractality in its own right. The work requires that the viewer recognize the code and what it stands for; understand why it will incur in errors; and that he run the code and see what happens. The paradox of the Julia fractals &mdash; that these famous representations of infinity only exist in the finite world of computers - is examined poetically using code, in the absence of text.", "Jos&eacute; Carlos Silvestre","<div id='resonant'>Resonant<br/> <a href='javascript:;' onclick=\"displayresonant('code_not_text.html', 'Code, Not Text')\">Code, not Text</a> </div><div id='anchored'>Anchored<br/> <a href='http://bogotissimo.com/' target='_blank'>bogotissimo</a> </div>");
Stephanie=new Array("<span class='artist'>Stephanie Strickland<\/span>&apos;s digital works include two on a CD accompanying her fifth print book of poems, <em>Zone : Zero<\/em> (Ahsahta Press). A director of the <em>Electronic Literature Organization<\/em>, she co-edited Volume 1 of the Electronic Literature Collection. She is writing a sequence of poems,\"Huracan's Harp,\" on the interpenetration of virtual and gravitational worlds.<br/><br/><span class='artist'>Cynthia Lawson Jaramillo<\/span> is a digital artist, technologist and educator. She is particularly interested in reconfigurations and representations of time and space. Her artwork has been internationally exhibited and performed, including at Exit Art (NYC), HERE Arts (NYC), UCLA Hammer Museum (LA), Point &Eacute;ph&eacute;m&egrave;re (Paris) and the Museums of Modern Art in Bogot&aacute; and Medell&iacute;n (Colombia). Cynthia is currently Assistant Professor of Integrated Design in the School of Design Strategies at Parsons The New School for Design, and an active member of the Brooklyn-based arts collective, Madarts.", "slippingglimpse","http://slippingglimpse.org","<span class='title'>slippingglimpse</span> is a born-digital poem, a collaboration between Stephanie Strickland, who wrote and designed it; Cynthia Lawson Jaramillo, who coded it in Flash; and Paul Ryan, who contributed the video. They all wished to explore non-hierarchical structures of communication; turbulence as a source of information; the type of information that videotaping and editing capture; shifts from binary to triadic systems (deriving from an interest in Bateson&apos;s cybernetics and Peirce&apos;s semiotics); and the water-flow (strange attractor) patterns called chreods in Ren&eacute; Thom&apos;s catastrophe theory. The resulting poem involves a refiguring of the reading and translation process.","Stephanie Strickland & Cynthia Lawson Jaramillo","<div id='resonant'>Resonant<br/> <a href='http://www.slippingglimpse.org/pocode' target='_blank'>In Code, In Poetry, In Chreods</a> </div><div id='anchored'>Anchored<br/> <a href='http://www.stephaniestrickland.com/' target='_blank'>stephaniestrickland</a><br/> <a href='http://www.cynthialawson.com/blog/' target='_blank'>cynthialawson</a> </div>");
Rui=new Array("<span class='artist'>Rui Torres<\/span>, b. 1973 in Porto, Portugal, holds a BA in Communication Sciences, a Masters and a Ph.D in Portuguese and Brazilian Literature, and teaches in the Department of Communication Sciences of Fernando Pessoa University. There he coordinates CETIC, a Center for Cyberliterature Studies, and the Masters Program in Communication Sciences. He is also coordinator and member of several International Research Projects in the areas of Experimental and Digital Poetry, and e-Learning. He is currently doing Post-Doctoral research under the supervision of Prof. S&eacute;rgio Bairon, of PUC-SP, Brazil, studying Portuguese and Brazilian experimental and digital poetry, as a Research Fellow of the Funda&ccedil;&atilde;o para a Ci&ecirc;ncia e a Tecnologia (MCTES, Portugal). His articles and poems are available at <a href='http://telepoesis.net' target='_blank'>http://telepoesis.net<\/a>","Poemas no meio do caminho","http://www.telepoesis.net/caminho/index.html","<span class='title'>Poemas no meio do caminho</span> (Poems in the middle of the road) (<a href='http://telepoesis.net/caminho/caminho1.html' target='_blank'>http://telepoesis.net/caminho/caminho1.html<\/a>) is a work of generative, combinatory and computer-animated poetry. The poems are programmed in order to allow the reader to dynamically change the lexical paradigms that feed the original syntax. The sound is also a set of random mixage of previously recorded fragments of voice as well as soundscapes. Besides altering the poems, the reader also has the option of sending/save his/her reading/textual execution(s) to a weblog (<a href='http://telepoesis.net/poemario' target='_blank'>http://telepoesis.net/poemario<\/a>). The horizontal version also promotes immersive poetics, as the 3D panorama in which the reader can navigate, is populated with shadow-films with hyperlinks and high-resolution visual renderings of the texts being played. This work uses Flash Panorama Player, Actionscript 3.0, perl, xml, and WordPress. It requires Flash Player 9 +; Web browser with JavaScript active; sound speakers. For this work, Rui Torres had the collaboration of Nuno F. Ferreira (programming); Lu’s Aly (sound); Nuno M. Cardoso (voice); Lu’s Carlos Petry (image); and Ana Carvalho (video).","Rui Torres","<div id='resonant'>Resonant<br/> <a href='http://www.netzliteratur.net/block/poetic_transformations.html' target='_blank'>Poetic Transformation in(to) the Digital</a> </div><div id='anchored'>Anchored<br/> <a href='http://www.telepoesis.net' target='_blank'>telepoesis</a> </div>");

 var artists=new Array(0,0,Mez,0,John,0,Roderick,0,Ian,0,Jose,0,Stephanie,0,Rui);

artscape=false;

function artist_scape()	{
//$('.pan').animate({opacity:'.7'}, 800);
	artmode=artists[p];



$('<div id="artscape"><div class="outerflag2 marker"><div class="innerflag marker"><div class="pole"></div><div id="penant" class="flag marker">></div><div id="bio" style="left: 10px" class="legend" ><span>bio</span></div></div></div><div class="outerflag3 marker"><div class="innerflag"><div class="flag"><div id="topwave" style="margin-bottom: -30px">~</div><div style="margin-top: 0px">~</div></div><div class="legend" id="resources"><span>resources</span></div></div></div><div class="outerflag1 marker"><div class="outerbox"><div class="box"></div><div class="box" style="top: 4px;left: 4px"></div></div><div class="innerbox"><div class="box" style="top: 8px; left: 8px"></div><div class="box" style="top: 10px;left: 10px;"></div></div><div class="legend" id="work" style="width: 500px;left: 40px;top:0px;"><span>'+artmode[1]+'</span></div></div></div>').appendTo('#panorama');

if($.os.name=='win')	{
//alert('yes');
$("#topwave").css({marginBottom:'-25px'});
$('#penant').css({top: '8px'});
}

if($.browser.msie)	{
$("#topwave").css({marginBottom:'-20px'});
$('#penant').css({top: '11px'});
}

$('<div id="backdrop"></div>').css({background: '#ffffff', opacity: '.8',width:'400px', height: '210px',top: '0px', left: '0px'}).appendTo('#panorama');

	tposits=new Array();
	lposits=new Array();
	tpos=-28;
	for(f=1;f<5;f++)	{
//tpos=Math.floor(Math.random()*240);
	lpos=Math.floor(Math.random()*950);

	lpos=15;
	tpos+=60;
	if(f==2) { 
	tpos-=10;
	$('#work').css({top:'3px'});
	}
	if(f==3)	{
	tpos+=10;
	}

	$('.outerflag'+f).css({position: 'absolute', top: tpos  + 'px', left: lpos}); 
tposits.push(tpos);
lposits.push(lpos);
	}

if($.browser.msie)	{

$('#backdrop').css({position: 'absolute',opacity: .8,zIndex:'0'});

$('#artscape').css({zIndex:100});
}
	//$("<div class='marker' style='position: absolute;top:0px;left:0px;width:30px;background:#ffffff;color:#ae0000;text-transform: uppercase;font-size: 15px;padding:5px 10px;border-right: solid 1px #000000;border-bottom:solid 1px #000000;cursor: crosshair' id='key'>key</div>").appendTo('#artscape');

$('.marker').fadeIn();


//}



	//$('#key').click(function()	{
	//key();
	
	//});



$('#resources').click(function()	{
if(! $.browser.msie)	{
$('.marker').css({opacity:'.1'});
$('.outerflag1').css({opacity:'1'});
} else	{
//$('.marker').css({opacity:.1});
//$('.outerflag1').css({opacity:1});
}
$("<div class='resources'><\/div>").css({width: '300px',background: '#ffffff', opacity: '.98', padding: '20px',color: '#000000', position: 'absolute',top: '60px',left:'25px',border:'solid 1px'}).appendTo('.outerflag1');
$('.resources').html("<span>"+artmode[5]+"</span>");
$('<div class="closer">x<\/div>').css({cursor: 'crosshair',border: 'solid 1px #ae0000',fontSize: '22px', padding: '0px 8px', position: 'absolute', top: '0px', left: '310px', borderTop:'none', borderRight:'none', color: '#ae0000'}).appendTo('.resources');
$('.closer').click(function()	{   $('.resources').remove(); 
if(! $.browser.msie)$('.marker').css({opacity:'1'});     
});
//alert(lposits[0] + ":"+tposits[0]);
if(lposits[0]>550) {$('.bio').css({left: '-615px', top:'-40px'});}
if(lposits[0]<550 && lposits[0]>325  ) {$('.bio').css({left: -1*$('.bio').width()/2+'px',top:'-40px'});}
if(tposits[0]>150) {$('.bio').css({top:-1*$('.bio').height()/2+'px'});}

});



	

$('#bio').click(function()	{
if(! $.browser.msie)	{
$('.marker').css({opacity:'.1'});
$('.outerflag1').css({opacity:'1'});
}
$("<div class='bio'><\/div>").css({width: '600px',background: '#ffffff', opacity: '.98', padding: '20px',color: '#000000', position: 'absolute',top: '30px',left:'25px',border:'solid 1px'}).appendTo('.outerflag1');
$('.bio').html("<span>"+artmode[0]+"</span>");
$('<div class="closer">x<\/div>').css({cursor: 'crosshair',border: 'solid 1px #ae0000',fontSize: '22px', padding: '0px 8px', position: 'absolute', top: '0px', left: '610px', borderTop:'none', borderRight:'none', color: '#ae0000'}).appendTo('.bio');
$('.closer').click(function()	{   $('.bio').remove(); 
if(! $.browser.msie)$('.marker').css({opacity:'1'});     
});
//alert(lposits[0] + ":"+tposits[0]);
if(lposits[0]>550) {$('.bio').css({left: '-615px', top:'-40px'});}
if(lposits[0]<550 && lposits[0]>325  ) {$('.bio').css({left: -1*$('.bio').width()/2+'px',top:'-40px'});}
if(tposits[0]>150) {$('.bio').css({top:-1*$('.bio').height()/2+'px'});}

});

$('#work').click(function()	{
if(! $.browser.msie)	{
$('.marker').css({opacity:'.1'});
$('.outerflag2').css({opacity:'1'});
}
$("<div class='work'><\/div>").css({width: '600px',background: '#ffffff', opacity: '.98', padding: '20px',color: '#000000', position: 'absolute',top: '-60px',left:'10px',border:'solid 1px',zIndex:'10020'}).appendTo('.outerflag2');
$('.work').html("<span class='title url'>"+artmode[1] +"</span><br/><span class='url'>"+"launch project"+"</span><br/><br/><span class='description'>"+artmode[3]+"</span>");
$('<div class="closer">x<\/div>').css({border: 'solid 1px #ae0000',fontSize: '22px', padding: '0px 8px', cursor: 'crosshair',position: 'absolute', top: '0px', left: '610px', borderTop:'none', borderRight:'none', color: '#ae0000'}).appendTo('.work');
if($.browser.msie) $('.work').css({top:'-30px',opacity: '1',zIndex:'2000'})

$('.closer').click(function()	{   $('.work').remove(); 
if(! $.browser.msie)$('.marker').css({opacity:'1'});     
});
//alert(lposits[1] + ":"+tposits[1]);
if(lposits[1]>550) {$('.work').css({left: '-615px',top:'-40px'});}
if(lposits[1]<550 && lposits[1]>325  ) { $('.work').css({left: -1*$('.bio').width()/2+'px',top:'-40px'});}

if(tposits[1]>150) {$('.work').css({top: -1*$('.work').height()/2+'px'});}


$('.url, .title').click(function()	{
//alert(artmode[2]);
displaywork(artmode[2],artmode[1]);
});



});


}



	function key()	{
	
	artscape=false;
	artist_scape();
	}
	
function cleankey()	{

	
		if($('.bio')) $('.bio').remove();
		if($('.work')) $('.work').remove();
		if($('marker')) $('.marker').animate({opacity:'1'},400);




}




function displaywork(url,nm)	{

window.open('works.html?url='+url+"&artist="+artmode[4]+"&title="+artmode[1],'wrks',"width="+screen.width+", height="+screen.height+",toolbar=no,resizable=no,location=no,scrollbars=yes");




}


function displayresonant(url,t)	{

window.open('works.html?url='+url+"&artist="+artmode[4]+"&title="+t,'wrks',"width="+screen.width+", height="+screen.height+",toolbar=no,resizable=no,location=no,scrollbars=yes");




}

function displaytimestamped(url,t, nm)	{

window.open('works.html?url='+url+"&artist="+nm+"&title="+t,'wrks',"width="+screen.width+", height="+screen.height+",toolbar=no,resizable=no,location=no,scrollbars=yes");

}