// JavaScript Document

var photoGalleryNextCode = "<div class=\"photoGalleryNext\"><a href=\"#\" id=\"prev1\"><img  src=\"images/interface/left_arrow.gif\" id=\"leftArrow\" width=\"11\" height=\"19\" alt=\"previouse\" onmousemove=\"imageSwap(\'leftArrow\',\'images/interface/left_arrow_over.gif\');\" onmouseout=\"imageSwap(\'leftArrow\',\'images/interface/left_arrow.gif\');\" /></a>&nbsp;<a href=\"#\" id=\"next1\"><img src=\"images/interface/right_arrow.gif\" id=\"rightArrow\" width=\"11\" height=\"19\" alt=\"next\" onmousemove=\"imageSwap(\'rightArrow\',\'images/interface/right_arrow_over.gif\');\" onmouseout=\"imageSwap(\'rightArrow\',\'images/interface/right_arrow.gif\');\" /></a></div><!-- Close photoGalleryNext -->";

$(function() {
	

    $('#photoGallery').after(photoGalleryNextCode+'<ul id="photoGalleryNav">').cycle({
        fx:     'scrollHorz',
        speed:  'fast',
        timeout: 0,
        pager:  '#photoGalleryNav',
		prev:   '#prev1',
		next:   '#next1',
        pagerAnchorBuilder: function(idx, slide) {
            return '<li><a href="#"><img src="' + slide.src + '" width="76" height="76" /></a></li>';
        }
    });
});