//ROLLOVER SCRIPT
// Non-Obtrusive Image Swap Script V1.1 by Hesido.com
// Attribution required on all accounts.
// Do not delete these comments.
// http://www.hesido.com/web.php?page=imageswapping
function prepareImageSwap(elem,mouseOver,mouseOutRestore,mouseDown,mouseUpRestore,mouseOut,mouseUp) {
if (typeof(elem) == 'string') elem = document.getElementById(elem);
if (elem == null) return;
var regg = /(.*)(_nm\.)([^\.]{3,4})$/
var prel = new Array(), img, imgList, imgsrc, mtchd;
imgList = elem.getElementsByTagName('img');
for (var i=0; img = imgList[i]; i++) {
if (!img.rolloverSet && img.src.match(regg)) {
mtchd = img.src.match(regg);
img.hoverSRC = mtchd[1]+'_hv.'+ mtchd[3];
img.outSRC = img.src;
if (typeof(mouseOver) != 'undefined') {
img.hoverSRC = (mouseOver) ? mtchd[1]+'_hv.'+ mtchd[3] : false;
img.outSRC = (mouseOut) ? mtchd[1]+'_ou.'+ mtchd[3] : (mouseOver && mouseOutRestore) ? img.src : false;
img.mdownSRC = (mouseDown) ? mtchd[1]+'_md.' + mtchd[3] : false;
img.mupSRC = (mouseUp) ? mtchd[1]+'_mu.' + mtchd[3] : (mouseOver && mouseDown && mouseUpRestore) ? img.hoverSRC : (mouseDown && mouseUpRestore) ? img.src : false;
}
if (img.hoverSRC) {preLoadImg(img.hoverSRC); img.onmouseover = imgHoverSwap;}
if (img.outSRC) {preLoadImg(img.outSRC); img.onmouseout = imgOutSwap;}
if (img.mdownSRC) {preLoadImg(img.mdownSRC); img.onmousedown = imgMouseDownSwap;}
if (img.mupSRC) {preLoadImg(img.mupSRC); img.onmouseup = imgMouseUpSwap;}
img.rolloverSet = true;
}
}
function preLoadImg(imgSrc) {
prel[prel.length] = new Image(); prel[prel.length-1].src = imgSrc;
}
}
function imgHoverSwap() {this.src = this.hoverSRC;}
function imgOutSwap() {this.src = this.outSRC;}
function imgMouseDownSwap() {this.src = this.mdownSRC;}
function imgMouseUpSwap() {this.src = this.mupSRC;};
// Usage:
//
// 
, where the rollover image is whatever_hv.jpg <<>>
// AUTO RESIZING IMAGE POPUP
/*
==============================================================
Script: Auto-Sizing Image Popup Window
Functions: Use this script to launch a popup window that
automatically loads an image and resizes itself
to fit neatly around that image. The script also
places a title you set in the titlebar of the
popup window. Any number of images can be launched
from a single instance of the script.
Browsers: NS6-7 & IE4 and later
[Degrades functionally in NS4]
Author: etLux
==============================================================
STEP 1.
Inserting the JavaScript
==============================================================
STEP 2.
Calling the Image Popup from Links in Your Page
This is the form of the function:
popImage("url_of_image","title_of_image")
Use the relative or absolute path of the image where we show
url_of_image. This is the url of the image you wish to show
in the auto-sizing popup window.
Use any text you wish where we show title_of_image. This is
the title that will appear in the titlebar of the popup. (Note:
do not use single- or double-quotes within a title.)
Caution: Be careful to place both values within quotes.
See the samples below.
Example 1: Launching from a text link
Click Here
Example 2: Launching from an image link
Example 3: Launching from a form button
============================[end]=============================
*/
//POPUP SCRIPTS
function pagepop(imagename) {
popwin = this.open(imagename, "page", "width=520,height=450, toolbar=no,menubar=no,location=no,resize=no,noresize");
popwin.focus()}
function gallerypop(imagename) {
popwin = this.open(imagename, "gallery", "width=500,height=375, toolbar=no,menubar=no,location=no,scrollbars=no,resize=no,noresize");
popwin.focus()}
function gallery(imagename) {
popwin = this.open("gallery/gallery.html", "gallery", "width=500,height=375, toolbar=no,menubar=no,location=no,scrollbars=no,resize=no,noresize");
popwin.focus()}
function mappop() {
popwin = this.open("map.html", "map", "width=300,height=300, toolbar=no,menubar=no,location=no,scrollbars=no,resize=no,noresize");
popwin.focus()}
function makeTwitterThing(userName){
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 6000,
width: 130,
height: 300,
theme: {
shell: {
background: '#fcf0db',
//background: '#ffffff',
color: '#6e5e43'
},
tweets: {
background: '#fcf0db',
//background: '#e1e8f4',
color: '#999173',
links: '#38556d'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
} }).render().setUser(userName).start();
}
//makeTwitterThing("strangefour");
//makeTwitterThing("OneTrickToby");
)
Example 3: Launching from a form button
============================[end]=============================
*/
//POPUP SCRIPTS
function pagepop(imagename) {
popwin = this.open(imagename, "page", "width=520,height=450, toolbar=no,menubar=no,location=no,resize=no,noresize");
popwin.focus()}
function gallerypop(imagename) {
popwin = this.open(imagename, "gallery", "width=500,height=375, toolbar=no,menubar=no,location=no,scrollbars=no,resize=no,noresize");
popwin.focus()}
function gallery(imagename) {
popwin = this.open("gallery/gallery.html", "gallery", "width=500,height=375, toolbar=no,menubar=no,location=no,scrollbars=no,resize=no,noresize");
popwin.focus()}
function mappop() {
popwin = this.open("map.html", "map", "width=300,height=300, toolbar=no,menubar=no,location=no,scrollbars=no,resize=no,noresize");
popwin.focus()}
function makeTwitterThing(userName){
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 1,
interval: 6000,
width: 130,
height: 300,
theme: {
shell: {
background: '#fcf0db',
//background: '#ffffff',
color: '#6e5e43'
},
tweets: {
background: '#fcf0db',
//background: '#e1e8f4',
color: '#999173',
links: '#38556d'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
} }).render().setUser(userName).start();
}
//makeTwitterThing("strangefour");
//makeTwitterThing("OneTrickToby");