$(document).ready(function() {

	
	//$('div.prettyphoto a').attr('rel','prettyPhoto[pp_gal]');
	
	// product nav		
	/*if($('div.prettyphotothumb').length > 0) {
		$('div.prettyphotothumb a').each(function() {
			var pageLink = $(this);
			var albumTitle = $(pageLink).text();
			var album = $('<div class="album"></div>').appendTo( $(pageLink).parent());
			
			album.load(this.href+' .prettyphotoalbum p > *',null,function(){
				//alert(albumTitle);
				album.children('a').attr('rel','prettyPhoto['+albumTitle+']');
				var bob = 1;
			});	
			
		});	
		
		$('a[rel^="prettyPhoto"]').live("click",function() {
			$.prettyPhoto.open($(this).attr("href"),"","");
			return false;
		});		
	}*/
	
	/*$(function() {
		$('.scroll-pane').jScrollPane({showArrows: true});
		$('a[rel^="prettyPhoto"]').prettyPhoto({
			animation_speed: 'slow',
			theme: 'pp_default',
			slideshow:4000, 
			autoplay_slideshow:true,
			markup: '<div class="pp_pic_holder"> \ <div class="ppt">&nbsp;</div> \ <div class="pp_content_container"> \ <div class="pp_left"> \ <div class="pp_right"> \ <div class="pp_content"> \ <div class="pp_loaderIcon"></div> \ <div class="pp_fade"> \ <div id="pp_full_res">&nbsp;</div> \ <div class="pp_details"> \ <div class="pp_nav"> \ <a href="#" class="pp_arrow_previous">Previous</a> \ <a href="#" class="pp_arrow_next">Next</a> \ </div> \	</div> \ <a class="pp_close" href="#">Close</a> \ </div> \ </div> \ </div> \ </div> \ </div> \ </div> \ <div class="pp_overlay"></div>'
		});
		$('div.prettyphoto a').first().trigger('click');
	});*/

	$(function(){
		
		//disable right click
		$(this).bind("contextmenu", function(e) {
                	e.preventDefault();
            	});
        

		function attachGallery(ulSelector){
			var c = $(ulSelector);
			if(c.length == 0)
				return;
			var galleryHolder = $('<div class="galleryHolder"></div>').css({opacity: 0});
			var overlay = $('<div class="overlay"></div>').css({opacity: 0, overflow: 'auto'});
			var body = $('body').css({overflow: 'hidden'});
			overlay.append(galleryHolder).fadeTo(1000,1,'swing',function(){
				c.find('li:first img').onImagesLoad({
					selectorCallback: showGallery
				});
			});

			c.find('li img').wrap('<span></span>');
			c.find('li span').each(function(){
				var image = $(this).children('img');
				var imageWidth = image.attr("width");
				if(imageWidth % 2 == 1){
					$(this).width(parseInt(imageWidth) + 3);
				}
			});			
			function showGallery(){
				galleryHolder.fadeTo(1000,1,'swing');
			}	

			$('body').append(overlay);
			overlay.css({visibility: 'visible'});
			//var galleryHolder = $('<div class="galleryHolder"></div>').appendTo(overlay);
			var nav = $('<div class="nav"></div>');
			var controls = $('<div class="controls"></div>');
			var pausePlayBtn = $('<a class="pause_play">&nbsp;</a>');
			var closeBtn = $('<a class="close">&nbsp;</a>');
			controls.append('<a class="prev">&nbsp;</a>').append('<a class="next">&nbsp;</a>').prepend(pausePlayBtn);
			nav.append(closeBtn);
			galleryHolder.append(nav);
			var cParent = c.parent();
			c.appendTo(galleryHolder);
			if(c.find('li').length > 1)
				galleryHolder.append(controls);
			c.cycle({delay: 3000, fx: 'fade', item: 'li',next: '.controls .next', prev: '.controls .prev'});

			c.hover(function(){
				controls.stop().fadeTo('fast',1);
			},function(){
				controls.stop().fadeTo('fast',0);
			});

			controls.hover(function(){
				controls.stop().fadeTo('fast',1);
			},function(){
				controls.stop().fadeTo('fast',0);
			});


			function destroy(){
				c.cycle('destroy');
				cParent.append(c);
				overlay.fadeOut('fast',function(){
					overlay.remove();
					body.css({overflow: 'auto'});
				});

			}
			
			pausePlayBtn.click(function(e){
				e.preventDefault();
				c.cycle('toggle');
				$(this).toggleClass('play');
			});

			closeBtn.click(function(e){
				e.preventDefault();
				destroy();
			});
			
			overlay.click(function(e){
				if(e.target != overlay[0]){
					return;
				}
				e.preventDefault();
				destroy();
			});

			
		}


		attachGallery('.gallery ul');

		$('.startShow').click(function(e){
			e.preventDefault();
			attachGallery('#content ul');
		});


		$('.albums li a.albumLink').each(function(i){
			var pageLink = $(this);
			if(i%3 == 2){
				pageLink.parent().addClass('third');
			}

			var album = $('<div class="album"></div>').appendTo( $(pageLink).parent());
			
			album.load(this.href + ' .prettyphotoalbum ul',null,function(){
				//alert(albumTitle);
				//album.children('a').attr('rel','prettyPhoto['+albumTitle+']');
			});

			pageLink.click(function(e){
				e.preventDefault();
				attachGallery($(this).parent().find('ul'));
			});
		});
	

	});

});