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

FILE: mud_Scripts.js
REQUIRES: prototype.js
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 2.1 - update to make it work more like MudFadeGallery
DATE: 04/07/2006

--------------------------------------------------------------------------------

This file is part of MudShiftContent.

	MudShiftContent is free for anyone to use, but this header MUST be
	included, and may not be modified.

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

////////////////////////////////////////////////////////////////////////////////
// GLOBAL VARS

var imgs;
var imgsGallery = new Array();

////////////////////////////////////////////////////////////////////////////////
// MOUSE EVENTS

function setOnMouseClick() {
	var elements = document.getElementsByTagName("a");
	for (var i = 0; i < elements.length; i++) {
		switch(elements[i].className) {
			case "next":
				elements[i].onclick = function() {
					 imgs.move('next');
					 return false;
				}
				break;
			case "prev":
				elements[i].onclick = function() {
					 imgs.move('prev');
					 return false;
				}
				break;
		}
	}
}


function popup1() {
        window.open("popups/pop-premier-v2.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=854,height=640")
        
        }

function popup2() {
        window.open("popups/pop-p21-v2.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=900,height=700")
        
        }
        
function popup3() {
        window.open("popups/pop-hmo-helpcenter.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=700")
        
        }
        
function popup4() {
        window.open("popups/pop-p21-wireframes.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=660")
        
        }
        
function popup5() {
        window.open("popups/pop-alt-screens.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=700")
        
        }
        
function popup6() {
        window.open("popups/pop-rexalt.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=900,height=707")
        
        }
        
function popup7() {
        window.open("popups/pop-wherify-screens.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=760,height=760")
        
        }
        
function popup8() {
        window.open("popups/pop-genius-screens.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=752,height=642")
        
        }
        
             
function popup9() {
        window.open("popups/pop-genius-flash.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=554,height=240")
        
        }   
        
function popup10() {
        window.open("popups/pop-bcbsa-v2.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=700,height=723")
        
        }   
        
function popup11() {
        window.open("popups/pop-rex-sub.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=850,height=651")
        
        }  
        
function popup12() {
        window.open("popups/pop-tcb-sub.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=655,height=840")
        
        }  

function popup13() {
        window.open("popups/pop-bozic-subpage.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=809,height=768")
        
        }  

function popup14() {
        window.open("popups/pop-mod-map.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=700,height=783")
        }  
        
function popup15() {
        window.open("popups/pop-mod-templates.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=786,height=578")
        } 
        
function popup16() {
        window.open("popups/pop-cof-alternate.html","define","Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=900,height=675")
        } 

////////////////////////////////////////////////////////////////////////////////
// INIT

function init() {
	setOnMouseClick();
	// images gallery

	imgsGallery[0] = new Object();
	imgsGallery[0].image = new Image();
	imgsGallery[0].image.src = "images/rexray.jpg";
	imgsGallery[0].title = "Rex Ray Studio";
	imgsGallery[0].caption = "<strong>Details:</strong> Visual design of portfolio/e-commerce site for San Francisco artist. <br /> <strong>Delivered:</strong> January 2007<br /><strong>View:</strong>  <a href='#' onClick='popup11();return true'>Subpage Design</a> / <a href='#' onClick='popup6();return true'>Alternate Design</a> / <a href='http://www.rexray.com' target='_blank'>Live site</a>.";
	
		
	imgsGallery[1] = new Object();
	imgsGallery[1].image = new Image();
	imgsGallery[1].image.src = "images/gillco.jpg";
	imgsGallery[1].title = "Gillco Ingredients";
	imgsGallery[1].caption = "<strong>Details:</strong> Website redesign for supplier of natural, organic ingredients to the food, bakery, and beverage industries.<br /><strong>Delivered:</strong> September 2008<br /><strong>View:</strong> <a href='http://www.gillco.com' target='_blank'>Live site</a>.";
	


	imgsGallery[2] = new Object();
	imgsGallery[2].image = new Image();
	imgsGallery[2].image.src = "images/dealmaker.jpg";
	imgsGallery[2].title = "DealMaker Media";
	imgsGallery[2].caption = "<strong>Details:</strong> Business card design for company that produces conferences, blogs, and research on emerging markets and trends.<br /><strong>Delivered:</strong> December 2006<br /><br />";


	imgsGallery[3] = new Object();
	imgsGallery[3].image = new Image();
	imgsGallery[3].image.src = "images/community-friends.jpg";
	imgsGallery[3].title = "Community Friends";
	imgsGallery[3].caption = "<strong>Details:</strong> Visual design for non-profit organization focused on micro-entrepreneurships, village collectives and community-wide enterprises in Sri Lanka. <br /> <strong>Delivered:</strong> May 2009<br /><strong>View:</strong> <a href='#' onClick='popup16();return true'>Alternate Design</a>";
	
	
	imgsGallery[4] = new Object();
	imgsGallery[4].image = new Image();
	imgsGallery[4].image.src = "images/bozic.jpg";
	imgsGallery[4].title = "Tiffany Bozic";
	imgsGallery[4].caption = "<strong>Details:</strong> Visual design and XHTML/CSS site production for Oakland-based painter. <br /> <strong>Delivered:</strong> January 2008<br /><strong>View:</strong>  <a href='#' onClick='popup13();return true'>Subpage Design</a> / <a href='http://www.tiffanybozic.net' target='_blank'>Live site</a>.";
	

	imgsGallery[5] = new Object();
	imgsGallery[5].image = new Image();
	imgsGallery[5].image.src = "images/tcb.jpg";
	imgsGallery[5].title = "Tri Counties Bank";
	imgsGallery[5].caption = "<strong>Details:</strong> Visual design & XHTML/CSS templates for redesign of Chico-based community bank website. <br /> <strong>View:</strong> <a href='#' onClick='popup12();return true'>Subpage Design</a> / <a href='http://www.tcbk.com' target='_blank'>Live site</a>.";
	
	imgsGallery[6] = new Object();
	imgsGallery[6].image = new Image();
	imgsGallery[6].image.src = "images/silencecases.jpg";
	imgsGallery[6].title = "Silence Cases";
	imgsGallery[6].caption = "<strong>Details:</strong> Visual design & XHTML/CSS pages for custom audio equipment company<br /><strong>Delivered:</strong> December 2007<br /><strong>View:</strong> <a href='http://www.silencecases.com' target='_blank'>Live site</a><br /><br />";
	
	
	imgsGallery[7] = new Object();
	imgsGallery[7].image = new Image();
	imgsGallery[7].image.src = "images/p21.jpg";
	imgsGallery[7].title = "Portfolio 21";
	imgsGallery[7].caption = "<strong>Details:</strong> Information architecture and visual design for socially responsible mutual fund.<br /><strong>Delivered:</strong> October 2006<br /><strong>View:</strong> <a href='#' onClick='popup2();return true'>Alternate Design</a> / <a href='#' onClick='popup4();return true'>Sitemap & Wireframes</a> / <a href='http://www.portfolio21.com' target='_blank'>Live site</a><br /><br />";
	

	imgsGallery[8] = new Object();
	imgsGallery[8].image = new Image();
	imgsGallery[8].image.src = "images/ebhas.jpg";
	imgsGallery[8].title = "March of Dimes";
	imgsGallery[8].caption = "<strong>Details:</strong> Visual design and illustration for 'Every Baby Has a Story' fundraising mini-site.<br /><strong>Delivered:</strong> November 2007<br /><strong>View:</strong> <a href='#' onClick='popup14();return true'>StoryMap</a> / <a href='#' onClick='popup15();return true'>Scrapblog Templates</a> / <a href='http://www.everybabyhasastory.com' target='_blank'>Live Site</a><br /><br />";
	
	imgsGallery[9] = new Object();
	imgsGallery[9].image = new Image();
	imgsGallery[9].image.src = "images/dmv.jpg";
	imgsGallery[9].title = "DMV.org";
	imgsGallery[9].caption = "<strong>Details:</strong> Visual design for unofficial information source regarding vehicle registration and licensing across the country. <br /><strong>Delivered:</strong> January 2009<br />";
	
	imgsGallery[10] = new Object();
	imgsGallery[10].image = new Image();
	imgsGallery[10].image.src = "images/dhmc.jpg";
	imgsGallery[10].title = "Department of Managed Healthcare";
	imgsGallery[10].caption = "<strong>Details:</strong>Visual design and XHTML/CSS templates for California HMO consumer rights organization<br /><strong>Delivered:</strong> May 2006<br /><strong>View:</strong> <a href='#' onClick='popup3();return true'>HMO Help Center</a> / <a href='http://www.dmhc.ca.gov/' target='_blank'>Live site</a><br /><br />";

	
	
	imgsGallery[11] = new Object();
	imgsGallery[11].image = new Image();
	imgsGallery[11].image.src = "images/genius.jpg";
	imgsGallery[11].title = "Genius.com";
	imgsGallery[11].caption = "<strong>Details:</strong> Visual Design, XHTML/CSS templates, and Flash design for email tracking software website and application<br /><strong>Delivered:</strong> February 2006<br /><strong>View:</strong> <a href='#' onClick='popup8();return true'>Application Design</a><br /><br />";
	
	imgsGallery[12] = new Object();
	imgsGallery[12].image = new Image();
	imgsGallery[12].image.src = "images/bcbsal.jpg";
	imgsGallery[12].title = "Blue Cross Blue Shield of Alabama";
	imgsGallery[12].caption = "<strong>Details:</strong> Visual Design and XHTML/CSS templates for healthcare site<br /><strong>Delivered:</strong> March 2006<br /><strong>View:</strong> <a href='#' onClick='popup10();return true'>Alternate Design</a> /  <a href='https://www.bcbsal.org/' target='_blank'>Live site</a><br /><br />";


	imgsGallery[13] = new Object();
	imgsGallery[13].image = new Image();
	imgsGallery[13].image.src = "images/eco-tour.jpg";
	imgsGallery[13].title = "Fictitious Website for Adobe Thermo Demo";
	imgsGallery[13].caption = "<strong>Details:</strong>Website for fictitious Eco Tour company designed to demonstrate the features of Adobe Thermo software.<br /><strong>Delivered:</strong> October 2008<br /><br />";
	
	
	imgsGallery[14] = new Object();
	imgsGallery[14].image = new Image();
	imgsGallery[14].image.src = "images/mandala.jpg";
	imgsGallery[14].title = "Mandala Custom Shapes";
	imgsGallery[14].caption = "<strong>Details:</strong> Visual design & XHTML/CSS website for local surfboard shaper<br /><strong>Delivered:</strong>May 2008<br /><strong><br /><br />";



	// MudShiftContent(id, unitX, unitTotal)
	imgs = new MudShiftContent('imgs', imgsGallery);
	
	// set init
	if ($('imgs_title')) $('imgs_title').innerHTML = imgsGallery[0].title;
	if ($('imgs_caption')) $('imgs_caption').innerHTML = imgsGallery[0].caption;
}

////////////////////////////////////////////////////////////////////////////////
// EVENTS

Event.observe(window, 'load', init, false);