jQuery(document).ready(function(){
	
	// get the cycle vars
	var bluu_effect_options = jQuery("meta[name=bluu_effect_options]").attr('content');
	var bluu_slider_time_out = jQuery("meta[name=bluu_slider_time_out]").attr('content');

	$(document).ready(function() {
   
   		// setup the cycle
   		$('#slides').cycle({
			fx: bluu_effect_options, // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			easing: 'easeinout',
			cleartype:  1,		
			timeout: bluu_slider_time_out,
			prev:    '.back',
       		next:    '.forward',
			pause:   1
		});
	
		// setup the entry hover
		$(".entry img").hover(function(){
			$(this).stop().fadeTo("medium", 0.3); // This should set the opacity to 100% on hover
			},function(){
			$(this).stop().fadeTo("slow", 1.0); // This should set the opacity back to 60% on mouseout
		});
	
		// setup prettyPhoto
		$("a[rel^='prettyPhoto']").prettyPhoto({
											   	theme: 'dark_rounded', 
												animationSpeed: 'normal', /* fast/slow/normal */
												opacity: 0.80, /* Value between 0 and 1 */
												showTitle: true, /* true/false */
												allowresize: true,
												markup: '<div class="pp_pic_holder"> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<div class="pp_loaderIcon"></div> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details clearfix"> \
											<a class="pp_close" href="#">Close</a> \
											<p class="pp_description"></p> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>'
												});
	});
	
	
});