// JavaScript Document
$(document).ready(function() {
	$('.play').hide();
	//var count=1;
	$('.slider .photocontainer .noFrame').cycle({ 
		fx:     'fade', 
		speed:  'fast',
		pauze:	1,
		before: onBefore

	});
	
	$('.pauze').bind('click', function(){
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('pause');
		$(this).hide();
		$(this).parent('div').find('.play').show();
	})
	
	$('.play').bind('click', function(){
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('resume');
		$(this).hide();
		$(this).parent('div').find('.pauze').show();
	})
	
	$('.next').bind('click', function(){
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('pause');
		$(this).parent('div').find('.pauze').hide();
		$(this).parent('div').find('.play').show();
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('next');
	})
	
	$('.prev').bind('click', function(){
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('pause');
		$(this).parent('div').find('.pauze').hide();
		$(this).parent('div').find('.play').show();
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('prev');
	})
	
	$('.max').bind('click', function(){
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').cycle('pause');
		$(this).parent('div').find('.pauze').hide();
		$(this).parent('div').find('.play').show();
		$(this).parent('div').parent('.slidernav').parent('.slider').find('.photocontainer').find('.noFrame').find('a').each(function(){
			if($(this).css('opacity') == 1){
				$(this).trigger('click');
			}
		});
	})
	
	$(".slidernav img").hover(function () {
		$(this).attr('src', $(this).attr('src').replace($(this).attr('rel'), $(this).attr('rel')+'_hover'));
		}, function () {
		$(this).attr('src', $(this).attr('src').replace($(this).attr('rel')+'_hover', $(this).attr('rel')));
	});
	
	$(".photocontainer a").fancybox({
		'padding' : 60,
		'enableEscapeButton' : true,
		'overlayColor' : '#eee',
		'overlayOpacity' : '0.95'
	});
});

function onBefore(currSlideElement, nextSlideElement, options, forwardFlag){
	title = '<div>'+$(this).attr('title')+'</div>';
	$(this).parent('.noFrame').parent('.photocontainer').parent('.slider').find('.slidertxt').html(title);
}