$(document).ready(function(){
	$(function() {
		var options5 =
		{
			zoomWidth: 265,
			zoomHeight: 265,
			showEffect:'show',
			hideEffect:'fadeout',
			fadeoutSpeed: 'fast',
			title :false
		}
		$(".jqzoom5").jqzoom(options5);
	});
	$('.expand').click(function(){
		var href= jQuery(this).attr('href');
		var elclass = href.match('#([a-zA-Z]+)([0-9]+)');
	
		if(elclass[1] == 'html')
		{
			jQuery('.html'+elclass[2]+'div').show();
			jQuery('.js'+elclass[2]+'div').hide();
		}else
		{
			jQuery('.html'+elclass[2]+'div').hide();
			jQuery('.js'+elclass[2]+'div').show();
		}
		jQuery(this).addClass('alert').siblings('a').removeClass('alert');
	return false;
	});
});
$(document).ready(function(){
	$("a[rel^='prettyPhoto']").prettyPhoto();
	$("a[rel^='prettyPhoto']").attr("rel", "nofollow");
});

// image rotator
function theRotator() {
	//Set the opacity of all'ech images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',6000);
	
}

function rotate() {	
	//Get the first image
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
};

$(document).ready(function() {		
	//Load the slideshow
	theRotator();
});
/*
stepcarousel.setup({
	galleryid: 'mygallery', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	autostep: {enable:true, moveby:1, pause:3000},
	panelbehavior: {speed:500, wraparound:false, persist:true},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -25, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -0, 80]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
*/