﻿// get imgs
function findImg()
	{
	var imgs, i, anch, j, title;
	imgs = document.getElementsByTagName('img');
	anch = document.getElementsByTagName('a');
	for ( i = 0; i < imgs.length; i++ )
		{
// test for roll class
		if ( /roll/.test(imgs[i].className ))
			{
// assign behaviours
			imgs[i].onmouseover = function(){roll(this);};
			imgs[i].onmouseout = function(){roll(this);};
			}
		}
// get anchors
	for ( j = 0; j < anch.length; j++ )
		{
	// test for roll class
		if ( /roll/.test(anch[j].className ))
			{
	// assign behaviours
			anch[j].onmouseover = function(){roll(this);};
			anch[j].onmouseout = function(){roll(this);};
			}
		}
	}
// title stuff
function getMsg( name, msg )
	{
	switch ( name )
		{
		case "kiss":
			{
			msg = "\u201CKiss\u201D 2006 linocut 7 \u00D7 5\"";
			return msg;
			}
		case "moon":
			{
			msg = "\u201CMoon\u201D 2007 oil on canvas 20 \u00D7 16\"";
			return msg;
			}
		case "mr_winky":
			{
			msg = "\u201COnishi Clouds\u201D 2006 oil on canvas 24 \u00D7 24\"";
			return msg;
			}
		case "pink":
			{
			msg = "\u201CPoodle\u201D 2007 oil on canvas 24 \u00D7 24\"";
			return msg;
			}
		case "tiptop":
			{
			msg = "\u201CTip Top\u201D 2007 oil on canvas 36 \u00D7 36\"";
			return msg;
			}
		}
	}

// roll
function roll(o)
	{
	var src = o.src;
	var name = src.slice(0, src.lastIndexOf('_'));
	var apiece = name.substring( name.indexOf( "i03/" ) );
	var piece = apiece.slice( 4, apiece.length );
	var ftype = src.substring(src.lastIndexOf('.'), src.length);
	if ( /_s1/.test(src))
		{
		var newsrc = src.replace('_s1','_s2');
		var hldr = document.getElementById( "holder" );
		var new_img_nm = name+ftype;
		var new_img = document.createElement( "img" );
		new_img.src = new_img_nm;
		new_img.alt = name;
		new_img.id = name;
		old_img = hldr.firstChild;
		hldr.replaceChild( new_img, old_img );
		var msg = getMsg( piece, msg );
		var title = document.getElementById( "title" );
		var titleNode = title.cloneNode( false );
		var msgNode = document.createTextNode( msg );
		titleNode.appendChild( msgNode );
		hldr.replaceChild( titleNode, title );
		}
		else
		{
		// else, back to off
		newsrc = src.replace('_s2','_s1');
		}
	o.src = newsrc;
	}

// onload trigger for rollovers
window.onload=function()
{
	findImg();
}

