// JavaScript Document

Cufon.replace('h1, h2, h3, #menu li, .futura');

$(document).ready(function() {
    $('.newWindow, .specsheetcategory a').attr("target", "_blank");

	$('#slide-container')
	.after('<ul id="servicelist">')
	.cycle({ 
		 fx:     'fade', 
		 speed:  'slow', 
		 timeout: 4000,
		 delay: 1000,
		 pager:  '#servicelist',
		 pagerEvent: 'mouseover',
		// callback fn that creates a thumbnail to use as pager anchor 
    	pagerAnchorBuilder: function(idx, slide) {
			section_link = $(slide).children("a").attr("href");
			return '<li id="slide_link_'+ idx +'"><img src="images/slider_left.png" class="slider_left" alt="" /><img src="images/slider_right.png" class="slider_right" alt="" /><div class="uparrow"></div><a href="'+section_link+'"><img src="images/bullet_0'+ idx +'.png" alt="0'+ idx +'" /> ' + $(slide).attr('title') + '</a></li>';
    	},
		before: function(currSlideElement, nextSlideElement, options)  {
			$("#servicelist li").removeClass("selected");
			$('#slide_link_' + options.nextSlide).addClass("selected");
		}
	});
	
	// set up fancybox modals for images
	$(".image-box a, .gallery-item a").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false, 'hideOnContentClick': false, 'zoomOpacity': true, 'frameWidth': 560, 'frameHeight': 340, 'centerOnScroll': false });
	
	// add triangles to side menu
	$(".side-menu li.selected").prepend('<div class="triangle"></div>');
	
	// add rounded corners to certain images
	$(".image-overlay").append('<img src="/images/overlay_topleft.png" class="tl" /><img src="/images/overlay_topright.png" class="tr" /><img src="/images/overlay_bottomleft.png" class="bl" /><img src="/images/overlay_bottomright.png" class="br" />');
	
	$("li:last-child, .smallbox:last-child, li:last").addClass("last-child");
	
	$('#creative-flash').flash({swf: 'images/portfolio_link2.swf', width:227, height:216, wmode: "transparent"});

	Cufon.replace('#servicelist li');

});