jQuery(document).ready(function(){

	/* ARTIST ARCHIVE PAGE AND CATALOG PAGE
	---------------------------------------------------------------------*/
	// make columns for artists list page and hide it
	jQuery('.columnize').columnize({ columns: 4 });
	jQuery('#thumbnail_wrapper').fadeOut();
	
	// add view as list/thumb toggle on artists archive page
	jQuery('#view_thumbs').click(function(e) {
		e.preventDefault();
		jQuery('#view_list').removeClass('selected');
    	jQuery('#view_thumbs').addClass('selected');
  		jQuery('#name_list').fadeOut('fast', function() {
    		jQuery('#thumbnail_wrapper').fadeIn('fast', function() {
  			});
  		});
	});
	jQuery('#view_list').click(function(e) {
		e.preventDefault();
		jQuery('#view_thumbs').removeClass('selected');
    	jQuery('#view_list').addClass('selected');
  		jQuery('#thumbnail_wrapper').fadeOut('fast', function() {
    		jQuery('#name_list').fadeIn('fast', function() {	
  			});
  		});
	});
	
	// hover event to the artist thumbnails
	jQuery('div.artist_thumb').mouseenter(function () {
	     
	    //reset all the items
	    jQuery('#thumb_name_list h3').removeClass('active');
	    
	    // create class from current id
	    var currentId = jQuery(this).attr('id');
	    var IdToScroll = '.'+currentId;
	    
	    //set current item as active
	    jQuery(IdToScroll).addClass('active');
	         
	    //scroll it to the right position
	    jQuery('#thumb_name_list').scrollTo(jQuery('#thumb_name_list h3.active'), 200);
	});
	
	// add jScrollPane
	var settings = {
		maintainPosition: false
	};
	var scrollPane = jQuery('.scroll-pane'); 
	scrollPane.jScrollPane(settings);
	var api = scrollPane.data('jsp');
	
	// medium filtering
	jQuery('.filter ul li a').click(function(){
		jQuery('.filter ul li a').removeClass('selected');
		jQuery(this).addClass('selected');
		if (jQuery(this).attr('id') == 'all') {
			jQuery('#thumbnails .artist_thumb').fadeTo('slow', 1, function() {});
			jQuery('#name_list li').fadeTo('slow', 1, function() {});
		} else {
			var classToKeep = jQuery(this).attr('id');
			jQuery('#thumbnails .artist_thumb').each(function(){
				var currentClass = jQuery(this).attr('class');
				//alert(currentClass);
				if (jQuery(this).hasClass(classToKeep)) {
					jQuery(this).fadeTo('slow', 1, function() {});
				} else {
					jQuery(this).fadeTo('slow', 0.2, function() {});
				}
			});
			jQuery('#name_list li').each(function(){
				var currentClass = jQuery(this).attr('class');
				if (jQuery(this).hasClass(classToKeep)) {
					jQuery(this).fadeTo('slow', 1, function() {});
				} else {
					jQuery(this).fadeTo('slow', 0.2, function() {});
				}
			});
		}
	
	
	});
	
	/* ARTIST SINGLE PAGE
	---------------------------------------------------------------------*/
	
	// artist bio switch on artist single page
	jQuery('#bioButton').click(function(e) {
		e.preventDefault();
		jQuery(this).addClass('selected');
		jQuery('#homeButton').removeClass('selected');
  		jQuery('#shortBio').fadeOut('fast', function() {
    		jQuery('#longBio').fadeIn('fast', function() {
  			});
  		});
	});
	jQuery('#homeButton').click(function(e) {
		e.preventDefault();
		jQuery(this).addClass('selected');
		jQuery('#bioButton').removeClass('selected');
  		jQuery('#longBio').fadeOut('fast', function() {
    		jQuery('#shortBio').fadeIn('fast', function() {
  			});
  		});
	});
	
	jQuery('#sidebar_artist_page ul').slideToggle(250);  // close artist pages by default
	
	// artist sidebar navigation
	jQuery('#sidebar_exhibitions ul, #sidebar_available ul, #sidebar_artist_page ul').each(function(){
		jQuery(this).parent('li').children('a').css({
			'background-image':'url(/wp-content/themes/arthurroger/img/icon_closed.jpg)',
			'background-repeat':'no-repeat',
			'background-position':'0'
		}).click(function(){
			jQuery(this).next('ul').slideToggle(250);
			return false;			
		}).toggle(
			function(){
				jQuery(this).css('background-image','url(/wp-content/themes/arthurroger/img/icon_open.jpg)');
			},
			function(){
				jQuery(this).css('background-image','url(/wp-content/themes/arthurroger/img/icon_closed.jpg)');
			}
		);
	});
	
	// collapse the exhibitions
	jQuery('#sidebar_exhibitions ul').slideToggle(250);
	
	/*
	// if there are available images, show them.  else show the selected ones.
	if (jQuery('#sidebar_available').is('*')) {
		jQuery('#sidebar_available ul').slideToggle(250);
		jQuery('#single_thumb_ul .selected').parent('li').hide();
		jQuery('#single_thumb_ul .available 	').parent('li').show('fast');
	} else {
		jQuery('#sidebar_exhibitions ul').slideToggle(250);
		jQuery('#single_thumb_ul .selected').parent('li').show('fast');
		jQuery('#single_thumb_ul').css('width', function(){
			return total_available_width + 'px';
		})
		jQuery('#single_thumb_ul .selected').parent('li').show('fast');
		if (jQuery('#all_available').is('*')) {
			jQuery('#all_available').addClass('selected');
			if (jQuery('#single_thumb_ul').is('*')) {
				api.reinitialise(settings);
			}
		} else {
			jQuery('#sidebar_selected ul li a').addClass('selected');
			if (jQuery('#single_thumb_ul').is('*')) {
				api.reinitialise(settings);
			}
		}
	}
	
	
	// available medium filtering
	jQuery('#sidebar_available ul li a').click(function(e){
		e.preventDefault();
		jQuery('#sidebar_available ul li a').removeClass('selected');
		jQuery('#sidebar_selected a').removeClass('selected');
		jQuery(this).addClass('selected');
		jQuery('#single_thumb_ul').css('width', function(){
			return total_available_width + 'px';
		})
		jQuery('#single_thumb_ul .selected').parent('li').hide('fast', function(){});
		jQuery('#single_thumb_ul .available').parent('li').show('fast');
		if (jQuery(this).attr('id') == 'all_available') {
			jQuery('#single_thumb_ul .available').fadeTo('slow', 1, function() {});
			if (jQuery('#sidebar_available').hasClass('current')){
				// do nothing
				// alert('is current');
			} else {
				// alert('reinitialize');
				jQuery('#sidebar_available').addClass('current');
				jQuery('#sidebar_selected').removeClass('current');
				jQuery('.jspPane').css('left', '0');
				api.reinitialise(settings);
			}
		} else {
			var classToKeep = jQuery(this).attr('id');
			jQuery('#single_thumb_ul .available').each(function(){
				var availableClass = 'available';
				// alert(currentClass);
				if (jQuery(this).hasClass(classToKeep) && jQuery(this).hasClass(availableClass)) {
					jQuery(this).fadeTo('slow', 1, function() {});
				} else {
					jQuery(this).fadeTo('slow', 0.5, function() {});
				}
			});
			if (jQuery('#sidebar_available').hasClass('current')){
				// do nothing
			} else {
				jQuery('#sidebar_available').addClass('current');
				jQuery('#sidebar_selected').removeClass('current');
				jQuery('.jspPane').css('left', '0');
				api.reinitialise(settings);
			}
			
		}
	});
	*/
	
	// hide the selected images first:
	jQuery('#single_thumb_ul .selected').parent('li').hide('fast');
	
	// selected work filtering
	jQuery('#sidebar_selected a').click(function(e){
		e.preventDefault();
		
		
		if (jQuery('#sidebar_selected a').hasClass('current')) {
		    	// do nothing
			} else {
			    jQuery('#single_thumb_ul').css('width', function(){
			    	return total_selected_width + 'px';
			    	
				})
				jQuery('#single_thumb_ul .available').parent('li').hide('fast');
				jQuery('#single_thumb_ul .selected').parent('li').show('fast', function() {});
				
				jQuery('#single_thumb_ul .selected').each(function(){
				    jQuery(this).fadeTo('slow', 1, function() {});
				});	
				jQuery('#sidebar_available a').removeClass('selected');
		    	jQuery('#sidebar_available a').removeClass('current');
		    	jQuery('#sidebar_selected a').addClass('current');
		    	jQuery('#sidebar_selected a').addClass('selected');
		    	jQuery('.jspPane').css('left', '0');
		    	scrollPane.data('jsp').reinitialise(settings);
		}
		
	});
	
	
	// available work filtering
	jQuery('#sidebar_available a').click(function(e){
		e.preventDefault();
		
		if (jQuery('#sidebar_available a').hasClass('current')) {
		    // do nothing
			} else {
			    jQuery('#single_thumb_ul').css('width', function(){
			    	return total_available_width + 'px';
				})
				jQuery('#single_thumb_ul .selected').parent('li').hide('fast');
				jQuery('#single_thumb_ul .available').parent('li').show('fast', function() {});
				
				jQuery('#single_thumb_ul .available').each(function(){
				    jQuery(this).fadeTo('slow', 1, function() {});
				});
				jQuery('#sidebar_selected a').removeClass('selected');
		    	jQuery('#sidebar_selected a').removeClass('current');
		    	jQuery('#sidebar_available a').addClass('current');
		    	jQuery('#sidebar_available a').addClass('selected');
		    	jQuery('.jspPane').css('left', '0');
		    	scrollPane.data('jsp').reinitialise(settings);
		}
		
	});
	
	jQuery.fn.replaceAttr = function(aName, rxString, repString) {
    return this.attr(
        aName,
        function() {
            return jQuery(this).attr(aName).replace(rxString, repString);
        }
    );
	};
	
	// remove title on hover to get rid of tooltips.  replace on rollout or click.
	var savedTitle;
	jQuery("#single_thumb_container a").hover(
		
		function() {		
			savedTitle = jQuery(this).attr('title');
			//alert(savedTitle);
			jQuery(this).replaceAttr('title', savedTitle, '');
		},
		function(){
			jQuery(this).replaceAttr('title', '', savedTitle);
			savedTitle = '';
		}
	);
	jQuery("#single_thumb_container a").click(function(){
		jQuery(this).replaceAttr('title', '', savedTitle);
		savedTitle = '';
	});

	
	/* HOME PAGE
	---------------------------------------------------------------------*/
    jQuery('#home_featured').show('fast', function(){
    	jQuery('#home_featured > ul').cycle({
    	fx: 'fade',
    	fit: 1,
    	width: 710,
    	height: 550,
    	timeout: 8000,
    	speed: 2000,
    	slideResize: 1,
    	random: 1
    	});
    })
    
    jQuery(document).bind('cbox_complete', function(){
    	var cbElement = jQuery.colorbox.element();
       	var elementRel = cbElement.attr('rel');
       	var completeRel = '*[rel="' + elementRel + '"]';
       	var allElementsWithRel = jQuery('body').find(completeRel);
       	var elementCount = jQuery(allElementsWithRel).length;
       	if (elementCount > 1) {
       		jQuery('#colorbox_controls').show();
       	}
       	
	});
	jQuery(document).bind('cbox_cleanup', function(){
       	jQuery('#colorbox_controls').hide();
	});
	jQuery('#cbAltPrev').click( function(e) {
		e.preventDefault();
		jQuery.colorbox.prev();
	});
	
    jQuery('#cbAltNext').click( function(e) {
    	e.preventDefault();
    	jQuery.colorbox.next();
    });
    
    
	
});