JQuery Image Carousel Animated Roundabout Stopped Functioning
Hi guys,
I have a JQuery roundabout on the home page of my site. It stopped functioning recently, and I'm attempting to fix it.
I would greatly appreciate any help trying to resolve this issue!
Here is the web page where it's malfunctioning:
http://www.birkeloart.com
And here's the code for the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile=" http://gmpg.org/xfn/11">
<title>BirkeloArt Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="art, artistic, artwork, ceramic, pottery, jewelry, necklaces, vases, acrylic, painting, theater, resume, handmade art jewelry" />
<meta name="description" content="Handmade art jewelry, & unique home decor for sale, plus art-oriented articles & helpful resources. You'll also find acrylic & mixed media artwork, personal & theatrical portfolios, and resume for artist Catherine Birkelo." />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<!-- Load Jquery-->
<script src="../_include/js/jquery.js" type="text/javascript"></script>
<!-- End Load-->
<!-- for IE6 i'm sorry but there is too much wrong with it, needs warning at least, you can disable it by delething this load. -->
<script src="_include/js/jquery.badBrowser.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- ALL jQuery Tools. No jQuery library -->
<script src=" http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js" type="text/javascript" type="text/javascript"></script>
<!-- End Load -->
<!-- Load Jquery Easing -->
<script src="_include/js/jquery.easing.js" type="text/javascript"></script>
<script src="_include/js/jquery.css-transform.js" type="text/javascript"></script>
<script src="_include/js/jquery.css-rotate-scale.js" type="text/javascript"></script>
<!-- End Load -->
<!-- Load Jquery Cycle and adiacent CSS File -->
<script src="_include/js/jquery.cycle.js" type="text/javascript"></script>
<link rel="stylesheet" href="_include/css/jquery.cycle.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load Cufon and Adiacent Font Files, and apply Cufon on used Styles -->
<script src="_include/js/cufon.js" type="text/javascript"></script>
<script src="_include/js/Museo_400-Museo_italic_400.font.js" type="text/javascript"></script>
<!-- End Load -->
<!-- Load Pretty Photo -->
<link rel="stylesheet" href="_include/css/prettyPhoto.css" type="text/css" media="screen" />
<script src="_include/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript">
/* pretty photo responds on rel='prettyPhoto' */
jQuery(document).ready(function() { $("a[rel^='prettyPhoto']").prettyPhoto(); });
</script>
<!-- End Load -->
<!-- Load Superfish Drowpdown Menu, and run it -->
<script src="_include/js/jquery.hoverInt.js" type="text/javascript" charset="utf-8"></script>
<script src="_include/js/jquery.bgiframe.js" type="text/javascript" charset="utf-8"></script>
<script src="_include/js/superfish.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- Load Jquery Roundabout, and adiacent JS & CSS file -->
<script src="_include/js/jquery.roundabout.js" type="text/javascript"></script>
<script src="_include/js/jquery.roundabout-shapes-1.1.js" type="text/javascript"></script>
<link rel="stylesheet" href="_include/css/jquery.roundabout.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load SWFObject, used for video embedding -->
<script src="_include/js/swfobject.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- Load Quicksand -->
<script src="_include/js/jquery.quicksand.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- Load some small custom scripts -->
<script src="_include/js/custom.js" type="text/javascript"></script>
<!-- End Load -->
<!-- Load PNG Fix older IE Versions -->
<!--[if lt IE 7]>
<script type="text/javascript" src="_include/js/pngfix.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('*');</script>
<![endif]-->
<!-- End Load -->
<!-- Load Main Stylesheet -->
<link rel="stylesheet" href="_include/css/style.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load Main Enhancements Stylesheet border radius, transparency and such things -->
<link rel="stylesheet" href="_include/css/style-enhance.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load IE Stylesheet -->
<!--[if IE]>
<link rel="stylesheet" href="_include/css/ie.css" type="text/css" media="screen" />
<![endif]-->
<!-- End Load -->
<!-- Load IE6 Stylesheet -->
<!--[if IE 6]>
<link rel="stylesheet" href="_include/css/ie6.css" type="text/css" media="screen" />
<![endif]-->
<!-- End Load -->
</head>
<body>
<!-- start top and main menu -->
<div class="main-menu">
<div class="ornament">
<div class="containit">
<div class="logo"><a href=" http://www.birkeloart.com/index.html"><img src="/_include/images/logo.png" alt="BirkeloArt Logo - Fine Artist, Illustrator, Floral and Scenic Artist" /></a></div>
<div class="menu">
<!-- navigation start -->
<div id="navigation">
<ul class="sf-menu">
<li><a href=" http://www.birkeloart.com/store/1.html" class="applyfont">Store</a></li>
<li><a href=" http://www.birkeloart.com/directory.html" class="applyfont">Portfolios</a>
<ul>
<li><a href=" http://www.portfolio.birkeloart.com" class="applyfont">For Busy Art Directors</a></li>
<li><a href=" http://www.birkeloart.com/directory.html" class="applyfont">Portfolio Directory</a></li>
<li><a href=" http://www.birkeloart.com/art-through-the-chakras/main.html" class="applyfont">Art Through The Chakras</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/art-through-the-chakras/main.html" class="applyfont">Artwork</a>
<ul>
<li><a href=" http://www.birkeloart.com/art-through-the-chakras/artwork/transforming.html" class="applyfont">Transformational Trinkets</a></li>
<li><a href=" http://www.birkeloart.com/art-through-the-chakras/artwork/empowering.html" class="applyfont">Empowered Paintings</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/art-through-the-chakras/artwork/packages.html" class="applyfont">Artful Packages</a></li>
</ul>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/art-through-the-chakras/resources/directory.html" class="applyfont">Resources</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/art-through-the-chakras/resources/first-chakra.html" class="applyfont">First Chakra</a>
</ul>
</li>
</ul>
<li><a href=" http://www.birkeloart.com/commercial-portfolio/illustrator-and-concept-artist/1.html" class="applyfont">Commercial Artwork</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/commercial-portfolio/illustrator-and-concept-artist/1.html" class="applyfont">Illustration & Concept Art</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/commercial-portfolio/licensed-art-and-decorative-product-design/1.html" class="applyfont">Art Licensing &<br />Decorative Product Design</a><ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/commercial-portfolio/licensed-art-and-decorative-product-design/1.html" class="applyfont">Licensed Art</a></li>
<li><a href=" http://www.birkeloart.com/commercial-portfolio/giclee-art-prints-and-artwork-for-home/1.html" class="applyfont">Giclee Art Prints & Artwork For Home</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/commercial-portfolio/custom-apparel-and-accessories/1.html" class="applyfont">Custom Apparel & Accessories</a></li>
</ul>
</ul>
<li><a href=" http://www.birkeloart.com/floral-design-portfolio/1.html" class="applyfont">Floral Art</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html" class="applyfont">Fine Art</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/fine-artist-portfolio/statement.html" class="applyfont">Fine Artist Statement</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#ceramic art" class="applyfont">Ceramic Art</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#figure drawings" class="applyfont">Figure Drawings &<br />Dry Media</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#acrylic paintings" class="applyfont">Acrylic Paintings &<br />Multi Media Art</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#digital painting" class="applyfont">Digital Paintings &<br />Multi Media Art</a></li>
</ul>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/main.html" class="applyfont">Handmade<br />Art Jewelry</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/handmade-art-jewelry/main.html" class="applyfont">Etsy & Purchasing Info</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/1.html" class="applyfont">Page 1</a> <ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/handmade-art-jewelry/black-lavender.html" class="applyfont">Black & Lavender Swirl</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/grey-luster.html" "class="applyfont">Grey Metallic Luster Swirl</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/black-cyclone.html" class="applyfont">Glossy Black Cyclone</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/brown-luster.html" class="applyfont">Brown Luster Licorice Twist</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/chime.html" class="applyfont">Red & Green Chime</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/handmade-art-jewelry/crinkled-orchid.html" class="applyfont">Crinkled Orchid</a></li>
</ul>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/2.html" class="applyfont">Page 2</a><ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/handmade-art-jewelry/green-globe.html" class="applyfont">Metallic Green Globe</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/brown-pretzel.html" class="applyfont">Metallic Brown Pretzel</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/pale-green.html" class="applyfont">Pale Green Swirl</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/red-purple-knot.html" class="applyfont">Red & Purple Double Knot</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/red-vortex.html" class="applyfont">Red Vortex</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/handmade-art-jewelry/vanda-orchid.html" class="applyfont">Vanda Orchid</a></li>
</ul>
</li>
<li class="last roundbottom"><a href=" http://www.birkeloart.etsy.com/" class="applyfont">Visit My Etsy Shop</a></li>
</ul>
</li>
<li><a href=" http://www.birkeloart.com/scenic-art-portfolio/production-resume.html" class="applyfont">Theatre</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/scenic-art-portfolio/production-resume.html" class="applyfont">Production Resume</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/scenic-art-portfolio/1.html" class="applyfont">Scenic Art Portfolio</a></li>
</ul>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/work-with-me.html" class="applyfont">Work With Me &<br />Creative Process</a></li>
</ul>
</li>
<li><a href=" http://www.birkeloart.com/special-projects/directory.html" class="applyfont">Special<br /> Projects</a>
<ul>
<li><a href=" http://www.birkeloart.com/special-projects/blazejam.html" class="applyfont">BlazeJam 2012</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/special-projects/myrddin.html" class="applyfont">Adventures Of Myrddin</a></li>
</ul>
</li>
<li class="current"><a href=" http://www.birkeloart.com/about/resume.html" class="applyfont">About</a>
<ul>
<li><a href=" http://www.birkeloart.com/about/resume.html" class="applyfont">Accomplishments</a></li>
<li><a href=" http://www.birkeloart.com/about/me.html"class="applyfont" >Behind The Art<br />(About Me)</a></li>
<li><a href=" http://www.birkeloart.com/works-in-progress/main.html" class="applyfont">Works In Progress</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/blog" class="applyfont">Art & WhatNot<br />(The Blog)</a></li>
</ul>
</li>
<li class="last"><a href=" http://www.birkeloart.com/contact.html" class="applyfont">Contact</a>
</li>
</ul>
</div>
<!-- navigation end -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- end top and main menu -->
<!-- start header alternate -->
<div class="header-alt">
<div class="slide slide-roundabout bg1">
<!-- start main content -->
<div class="containit ornament-right">
<br />
<br />
<br />
<p class="mb20"><img src="_include/images/welcome-text.png" alt="<h1>This is the Portfolio and Blog of Catherine Birkelo, Fine Artist, Illustrator and Concept Artist.</h1>" width="653" height="135"></p>
<br />
<br />
<!--roundabout images targets, prettyphoto opens on click of the middle item-->
<script type="text/javascript" charset="utf-8">
function roundaboutimage1(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase1.jpg', 'Laughing Women'); }
function roundaboutimage2(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase2.jpg', 'Maneater'); }
function roundaboutimage3(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase3.jpg', 'Fantasy Forest Landscape'); }
function roundaboutimage4(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase4.jpg', 'Brooklyn Tango'); }
function roundaboutimage5(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase5.jpg', 'Transformation'); }
function roundaboutimage6(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase6.jpg', 'Orchid Plexi'); }
function roundaboutimage7(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase7.jpg', 'Mad Scientist'); }
function roundaboutimage8(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase8.jpg', 'Rock Island Landscape'); } </script>
<!--the actual roundabout-->
<ul id="roundabout">
<li id="roundaboutimage1"><a href="javascript:roundaboutimage1();"><img src="_include/images/thumb/showcase/roundabout/showcase1_thumb.jpg" alt="Acrylic paintings and original artwork as multi media artist - Laughing Women"></a></li>
<li id="roundaboutimage2"><a href="javascript:roundaboutimage2();"><img src="_include/images/thumb/showcase/roundabout/showcase2_thumb.jpg" alt="Digital painting and environment concept art as a concept artist - She's A Maneater"></a></li>
<li id="roundaboutimage3"><a href="javascript:roundaboutimage3();"><img src="_include/images/thumb/showcase/roundabout/showcase3_thumb.jpg" alt="Digital Painting and concept art created in Painter 11 - Fantasy Forest Landscape"></a></li>
<li id="roundaboutimage4"><a href="javascript:roundaboutimage4();"><img src="_include/images/thumb/showcase/roundabout/showcase4_thumb.jpg" alt="Figure Drawings in pen - Brooklyn Tango"></a></li>
<li id="roundaboutimage5"><a href="javascript:roundaboutimage5();"><img src="_include/images/thumb/showcase/roundabout/showcase5_thumb.jpg" alt="Character concept art as an illustrator and concept artist - Transformation"></a></li>
<li id="roundaboutimage6"><a href="javascript:roundaboutimage6();"><img src="_include/images/thumb/showcase/roundabout/showcase6_thumb.jpg" alt="Original artwork in mixed media as a fine artist - Orchid Plexi"></a></li>
<li id="roundaboutimage7"><a href="javascript:roundaboutimage7();"><img src="_include/images/thumb/showcase/roundabout/showcase7_thumb.jpg" alt="Digital painting and character design concept - Mad Scientist"></a></li>
<li id="roundaboutimage8"><a href="javascript:roundaboutimage8();"><img src="_include/images/thumb/showcase/roundabout/showcase8_thumb.jpg" alt="Digital illustration created in Painter 11 - Rock Island Landscape"></a></li>
</ul>
<div id="filler"><!-- --></div>
</div>
<!--start the roundabout with descriptions-->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('#roundabout')
.roundabout({
easing: 'swing',
minOpacity: 1, // 1 fully visible, 0 invisible
duration: 400,
clickToFocus: true
})
.hover(
function() {
// oh no, it's the cops!
clearInterval(interval);
},
function() {
// false alarm: PARTY!
interval = startAutoPlay();
}
);
interval = startAutoPlay();
});
function startAutoPlay() {
return setInterval(function() {
$('#roundabout').roundabout_animateToNextChild();
}, 6000);
}
//]]>
</script>
</div>
</div>
<!-- end main content -->
</div>
<!-- end header alternate -->
<!-- start big footer -->
<div class="big-footer">
</div>
<!-- end big footer -->
<!-- start small footer -->
<div class="small-footer">
</div>
<!-- end start small footer -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile=" http://gmpg.org/xfn/11">
<title>BirkeloArt Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="art, artistic, artwork, ceramic, pottery, jewelry, necklaces, vases, acrylic, painting, theater, resume, handmade art jewelry" />
<meta name="description" content="Handmade art jewelry, & unique home decor for sale, plus art-oriented articles & helpful resources. You'll also find acrylic & mixed media artwork, personal & theatrical portfolios, and resume for artist Catherine Birkelo." />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<!-- Load Jquery-->
<script src="../_include/js/jquery.js" type="text/javascript"></script>
<!-- End Load-->
<!-- for IE6 i'm sorry but there is too much wrong with it, needs warning at least, you can disable it by delething this load. -->
<script src="_include/js/jquery.badBrowser.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- ALL jQuery Tools. No jQuery library -->
<script src=" http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js" type="text/javascript" type="text/javascript"></script>
<!-- End Load -->
<!-- Load Jquery Easing -->
<script src="_include/js/jquery.easing.js" type="text/javascript"></script>
<script src="_include/js/jquery.css-transform.js" type="text/javascript"></script>
<script src="_include/js/jquery.css-rotate-scale.js" type="text/javascript"></script>
<!-- End Load -->
<!-- Load Jquery Cycle and adiacent CSS File -->
<script src="_include/js/jquery.cycle.js" type="text/javascript"></script>
<link rel="stylesheet" href="_include/css/jquery.cycle.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load Cufon and Adiacent Font Files, and apply Cufon on used Styles -->
<script src="_include/js/cufon.js" type="text/javascript"></script>
<script src="_include/js/Museo_400-Museo_italic_400.font.js" type="text/javascript"></script>
<!-- End Load -->
<!-- Load Pretty Photo -->
<link rel="stylesheet" href="_include/css/prettyPhoto.css" type="text/css" media="screen" />
<script src="_include/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type="text/javascript">
/* pretty photo responds on rel='prettyPhoto' */
jQuery(document).ready(function() { $("a[rel^='prettyPhoto']").prettyPhoto(); });
</script>
<!-- End Load -->
<!-- Load Superfish Drowpdown Menu, and run it -->
<script src="_include/js/jquery.hoverInt.js" type="text/javascript" charset="utf-8"></script>
<script src="_include/js/jquery.bgiframe.js" type="text/javascript" charset="utf-8"></script>
<script src="_include/js/superfish.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- Load Jquery Roundabout, and adiacent JS & CSS file -->
<script src="_include/js/jquery.roundabout.js" type="text/javascript"></script>
<script src="_include/js/jquery.roundabout-shapes-1.1.js" type="text/javascript"></script>
<link rel="stylesheet" href="_include/css/jquery.roundabout.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load SWFObject, used for video embedding -->
<script src="_include/js/swfobject.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- Load Quicksand -->
<script src="_include/js/jquery.quicksand.js" type="text/javascript" charset="utf-8"></script>
<!-- End Load -->
<!-- Load some small custom scripts -->
<script src="_include/js/custom.js" type="text/javascript"></script>
<!-- End Load -->
<!-- Load PNG Fix older IE Versions -->
<!--[if lt IE 7]>
<script type="text/javascript" src="_include/js/pngfix.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('*');</script>
<![endif]-->
<!-- End Load -->
<!-- Load Main Stylesheet -->
<link rel="stylesheet" href="_include/css/style.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load Main Enhancements Stylesheet border radius, transparency and such things -->
<link rel="stylesheet" href="_include/css/style-enhance.css" type="text/css" media="screen" />
<!-- End Load -->
<!-- Load IE Stylesheet -->
<!--[if IE]>
<link rel="stylesheet" href="_include/css/ie.css" type="text/css" media="screen" />
<![endif]-->
<!-- End Load -->
<!-- Load IE6 Stylesheet -->
<!--[if IE 6]>
<link rel="stylesheet" href="_include/css/ie6.css" type="text/css" media="screen" />
<![endif]-->
<!-- End Load -->
</head>
<body>
<!-- start top and main menu -->
<div class="main-menu">
<div class="ornament">
<div class="containit">
<div class="logo"><a href=" http://www.birkeloart.com/index.html"><img src="/_include/images/logo.png" alt="BirkeloArt Logo - Fine Artist, Illustrator, Floral and Scenic Artist" /></a></div>
<div class="menu">
<!-- navigation start -->
<div id="navigation">
<ul class="sf-menu">
<li><a href=" http://www.birkeloart.com/store/1.html" class="applyfont">Store</a></li>
<li><a href=" http://www.birkeloart.com/directory.html" class="applyfont">Portfolios</a>
<ul>
<li><a href=" http://www.portfolio.birkeloart.com" class="applyfont">For Busy Art Directors</a></li>
<li><a href=" http://www.birkeloart.com/directory.html" class="applyfont">Portfolio Directory</a></li>
<li><a href=" http://www.birkeloart.com/art-through-the-chakras/main.html" class="applyfont">Art Through The Chakras</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/art-through-the-chakras/main.html" class="applyfont">Artwork</a>
<ul>
<li><a href=" http://www.birkeloart.com/art-through-the-chakras/artwork/transforming.html" class="applyfont">Transformational Trinkets</a></li>
<li><a href=" http://www.birkeloart.com/art-through-the-chakras/artwork/empowering.html" class="applyfont">Empowered Paintings</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/art-through-the-chakras/artwork/packages.html" class="applyfont">Artful Packages</a></li>
</ul>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/art-through-the-chakras/resources/directory.html" class="applyfont">Resources</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/art-through-the-chakras/resources/first-chakra.html" class="applyfont">First Chakra</a>
</ul>
</li>
</ul>
<li><a href=" http://www.birkeloart.com/commercial-portfolio/illustrator-and-concept-artist/1.html" class="applyfont">Commercial Artwork</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/commercial-portfolio/illustrator-and-concept-artist/1.html" class="applyfont">Illustration & Concept Art</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/commercial-portfolio/licensed-art-and-decorative-product-design/1.html" class="applyfont">Art Licensing &<br />Decorative Product Design</a><ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/commercial-portfolio/licensed-art-and-decorative-product-design/1.html" class="applyfont">Licensed Art</a></li>
<li><a href=" http://www.birkeloart.com/commercial-portfolio/giclee-art-prints-and-artwork-for-home/1.html" class="applyfont">Giclee Art Prints & Artwork For Home</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/commercial-portfolio/custom-apparel-and-accessories/1.html" class="applyfont">Custom Apparel & Accessories</a></li>
</ul>
</ul>
<li><a href=" http://www.birkeloart.com/floral-design-portfolio/1.html" class="applyfont">Floral Art</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html" class="applyfont">Fine Art</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/fine-artist-portfolio/statement.html" class="applyfont">Fine Artist Statement</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#ceramic art" class="applyfont">Ceramic Art</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#figure drawings" class="applyfont">Figure Drawings &<br />Dry Media</a></li>
<li><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#acrylic paintings" class="applyfont">Acrylic Paintings &<br />Multi Media Art</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/fine-artist-portfolio/original-artwork/1.html#digital painting" class="applyfont">Digital Paintings &<br />Multi Media Art</a></li>
</ul>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/main.html" class="applyfont">Handmade<br />Art Jewelry</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/handmade-art-jewelry/main.html" class="applyfont">Etsy & Purchasing Info</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/1.html" class="applyfont">Page 1</a> <ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/handmade-art-jewelry/black-lavender.html" class="applyfont">Black & Lavender Swirl</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/grey-luster.html" "class="applyfont">Grey Metallic Luster Swirl</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/black-cyclone.html" class="applyfont">Glossy Black Cyclone</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/brown-luster.html" class="applyfont">Brown Luster Licorice Twist</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/chime.html" class="applyfont">Red & Green Chime</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/handmade-art-jewelry/crinkled-orchid.html" class="applyfont">Crinkled Orchid</a></li>
</ul>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/2.html" class="applyfont">Page 2</a><ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/handmade-art-jewelry/green-globe.html" class="applyfont">Metallic Green Globe</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/brown-pretzel.html" class="applyfont">Metallic Brown Pretzel</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/pale-green.html" class="applyfont">Pale Green Swirl</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/red-purple-knot.html" class="applyfont">Red & Purple Double Knot</a></li>
<li><a href=" http://www.birkeloart.com/handmade-art-jewelry/red-vortex.html" class="applyfont">Red Vortex</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/handmade-art-jewelry/vanda-orchid.html" class="applyfont">Vanda Orchid</a></li>
</ul>
</li>
<li class="last roundbottom"><a href=" http://www.birkeloart.etsy.com/" class="applyfont">Visit My Etsy Shop</a></li>
</ul>
</li>
<li><a href=" http://www.birkeloart.com/scenic-art-portfolio/production-resume.html" class="applyfont">Theatre</a>
<ul>
<li class="roundtop"><a href=" http://www.birkeloart.com/scenic-art-portfolio/production-resume.html" class="applyfont">Production Resume</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/scenic-art-portfolio/1.html" class="applyfont">Scenic Art Portfolio</a></li>
</ul>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/work-with-me.html" class="applyfont">Work With Me &<br />Creative Process</a></li>
</ul>
</li>
<li><a href=" http://www.birkeloart.com/special-projects/directory.html" class="applyfont">Special<br /> Projects</a>
<ul>
<li><a href=" http://www.birkeloart.com/special-projects/blazejam.html" class="applyfont">BlazeJam 2012</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/special-projects/myrddin.html" class="applyfont">Adventures Of Myrddin</a></li>
</ul>
</li>
<li class="current"><a href=" http://www.birkeloart.com/about/resume.html" class="applyfont">About</a>
<ul>
<li><a href=" http://www.birkeloart.com/about/resume.html" class="applyfont">Accomplishments</a></li>
<li><a href=" http://www.birkeloart.com/about/me.html"class="applyfont" >Behind The Art<br />(About Me)</a></li>
<li><a href=" http://www.birkeloart.com/works-in-progress/main.html" class="applyfont">Works In Progress</a></li>
<li class="last roundbottom"><a href=" http://www.birkeloart.com/blog" class="applyfont">Art & WhatNot<br />(The Blog)</a></li>
</ul>
</li>
<li class="last"><a href=" http://www.birkeloart.com/contact.html" class="applyfont">Contact</a>
</li>
</ul>
</div>
<!-- navigation end -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- end top and main menu -->
<!-- start header alternate -->
<div class="header-alt">
<div class="slide slide-roundabout bg1">
<!-- start main content -->
<div class="containit ornament-right">
<br />
<br />
<br />
<p class="mb20"><img src="_include/images/welcome-text.png" alt="<h1>This is the Portfolio and Blog of Catherine Birkelo, Fine Artist, Illustrator and Concept Artist.</h1>" width="653" height="135"></p>
<br />
<br />
<!--roundabout images targets, prettyphoto opens on click of the middle item-->
<script type="text/javascript" charset="utf-8">
function roundaboutimage1(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase1.jpg', 'Laughing Women'); }
function roundaboutimage2(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase2.jpg', 'Maneater'); }
function roundaboutimage3(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase3.jpg', 'Fantasy Forest Landscape'); }
function roundaboutimage4(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase4.jpg', 'Brooklyn Tango'); }
function roundaboutimage5(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase5.jpg', 'Transformation'); }
function roundaboutimage6(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase6.jpg', 'Orchid Plexi'); }
function roundaboutimage7(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase7.jpg', 'Mad Scientist'); }
function roundaboutimage8(){ $.prettyPhoto.open('_include/images/gallery/showcase/roundabout/showcase8.jpg', 'Rock Island Landscape'); } </script>
<!--the actual roundabout-->
<ul id="roundabout">
<li id="roundaboutimage1"><a href="javascript:roundaboutimage1();"><img src="_include/images/thumb/showcase/roundabout/showcase1_thumb.jpg" alt="Acrylic paintings and original artwork as multi media artist - Laughing Women"></a></li>
<li id="roundaboutimage2"><a href="javascript:roundaboutimage2();"><img src="_include/images/thumb/showcase/roundabout/showcase2_thumb.jpg" alt="Digital painting and environment concept art as a concept artist - She's A Maneater"></a></li>
<li id="roundaboutimage3"><a href="javascript:roundaboutimage3();"><img src="_include/images/thumb/showcase/roundabout/showcase3_thumb.jpg" alt="Digital Painting and concept art created in Painter 11 - Fantasy Forest Landscape"></a></li>
<li id="roundaboutimage4"><a href="javascript:roundaboutimage4();"><img src="_include/images/thumb/showcase/roundabout/showcase4_thumb.jpg" alt="Figure Drawings in pen - Brooklyn Tango"></a></li>
<li id="roundaboutimage5"><a href="javascript:roundaboutimage5();"><img src="_include/images/thumb/showcase/roundabout/showcase5_thumb.jpg" alt="Character concept art as an illustrator and concept artist - Transformation"></a></li>
<li id="roundaboutimage6"><a href="javascript:roundaboutimage6();"><img src="_include/images/thumb/showcase/roundabout/showcase6_thumb.jpg" alt="Original artwork in mixed media as a fine artist - Orchid Plexi"></a></li>
<li id="roundaboutimage7"><a href="javascript:roundaboutimage7();"><img src="_include/images/thumb/showcase/roundabout/showcase7_thumb.jpg" alt="Digital painting and character design concept - Mad Scientist"></a></li>
<li id="roundaboutimage8"><a href="javascript:roundaboutimage8();"><img src="_include/images/thumb/showcase/roundabout/showcase8_thumb.jpg" alt="Digital illustration created in Painter 11 - Rock Island Landscape"></a></li>
</ul>
<div id="filler"><!-- --></div>
</div>
<!--start the roundabout with descriptions-->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('#roundabout')
.roundabout({
easing: 'swing',
minOpacity: 1, // 1 fully visible, 0 invisible
duration: 400,
clickToFocus: true
})
.hover(
function() {
// oh no, it's the cops!
clearInterval(interval);
},
function() {
// false alarm: PARTY!
interval = startAutoPlay();
}
);
interval = startAutoPlay();
});
function startAutoPlay() {
return setInterval(function() {
$('#roundabout').roundabout_animateToNextChild();
}, 6000);
}
//]]>
</script>
</div>
</div>
<!-- end main content -->
</div>
<!-- end header alternate -->
<!-- start big footer -->
<div class="big-footer">
</div>
<!-- end big footer -->
<!-- start small footer -->
<div class="small-footer">
</div>
<!-- end start small footer -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>