$(document).ready(function() {
	var defaultWidth=731;
	
	function init(){
		$(window).resize(function() { $('nav#sidenav','body','html').css({height: '100%'}); }).scroll(function() { $('nav#sidenav','body','html').css({height: '100%'}); });
					
		searchBox();		
		if ($('body#the_collection').length!=0 || $('body#featured').length!=0 || $('body#search').length!=0) imageNav();
		
		if($('a#credit').length != 0){
			$('a#credit').hover(function(){
				$(this).stop().animate({"width": '157px', "background-position": "0px 0px"}, 200);}, function(){
				$(this).stop().animate({"width": '10px',  "background-position": "-156px 0px"}, 200);
			});
		}
	}
			
	function searchBox(){		
		$('#search-field').each(function(){
			if ($.browser !== 'safari') {
				var $el = $(this);
				var p = $el.attr('placeholder');
				$el.attr('value', p).
				addClass('placeholder').focus(function(){
					if ($el.attr('value') == p) {
						$el.attr('value', '');
					}
					$el.removeClass('placeholder');
				}).blur(function(){
					if ($el.attr('value') == '') {
						$el.attr('value', p);
						$el.addClass('placeholder');
					}
				});
			}
		});
	}	
	
	function imageNav(){		
		fadeBack();
		scrollBox();
		lightBoxPopup();
		$('#item_details').scrollFollow({offset: 60});
						
		if ($('#cycleGroup').children().length > 1) {			
			$('#next-btn').click(function(){return false;});			
			$('#cycleGroup').after('<div id="pagination">View <span class="curSlide">1</span> of <span class="totalSlide">'+$('#cycleGroup').children().length+'</span> <a href="#" id="prev-btn">&#8249;</a> <a href="#" id="next-btn">&#8250;</a></div>').cycle({ 
			    fx: 'fade', speed: 800, timeout: 0, next: '#next-btn', prev: '#prev-btn', after: function(cur,next,opts){	$('.curSlide').html(opts.currSlide+1);}
			});
		}
	}
	
	function fadeBack(){
		$('div#group article').hover(function(){
			$('#item_details').fadeIn(200);
		},function(){
			$('#item_details').delay(800).fadeOut(200);
		});
		
		$('#scrollBox ul li').each(function(){
			if(!$(this).hasClass('cur')){
				$(this).fadeTo(0, .6).hover(function(){
					var varString = $(this).find('a').attr('rel');
					loadDetails(varString);
					$(this).stop(true,true).fadeTo(200,1);
					$(this).find('img').addClass('scollBoxOver');
				}, function(){
					var varString = $(this).find('a').attr('rel')
					$(this).stop(true,true).removeClass('hovering').fadeTo(200, .6);
					$(this).find('img').removeClass('scollBoxOver');
					clearDetails();
				});
			}
		});
		
		if ($('#other_projects').length!=0) {
			$('ul#pieces_nav li').each(function(){				
				if(!$(this).hasClass('cur')){
					$(this).find('a').hover(function(){						
						var varString = $(this).attr('id')
						loadDetails(varString);
						$('#slide_'+varString).stop().fadeTo(200,1);
						$('#slide_'+varString).find('img').addClass('scollBoxOver');
					},function(){
						var varString = $(this).attr('id')
						$('#slide_'+varString).stop().fadeTo(200, .6);
						$('#slide_'+varString).find('img').removeClass('scollBoxOver');
						clearDetails();

					});
				}
			});
		}
		
		if($('.grid_section').length !=0){
			$('#item_details').fadeTo(200,1);
			
			$('.grid_section ul li').each(function(){
				if(!$(this).hasClass('cur')){
					$(this).fadeTo(0, .6).addClass('hovering').hover(function(){ 
						loadDetails($(this).find('a').attr('rel'));
						$(this).stop(true,true).fadeTo(200,1);						
					}, function(){
						clearDetails();			
						$(this).stop(true,true).removeClass('hovering').fadeTo(200, .6);
					});
				}
			});
			
			$('ul#pieces_nav li').each(function(){				
				if(!$(this).hasClass('cur')){
					$(this).find('a').hover(function(){
						var varString = $(this).attr('id');
						loadDetails(varString);
						$('#th_'+varString).parent().stop(true,true).fadeTo(200,1);
						$('#th_'+varString+' img').addClass('hoverOver');
					},function(){
						var varString = $(this).attr('id');
						$('#th_'+varString).parent().stop(true,true).fadeTo(200, .6);
						$('#th_'+varString+' img').removeClass('hoverOver');
						clearDetails();

					});
				}
			});
		}
		
	}
	
	function loadDetails(url_title){
		var searchURL = "search/details/"+url_title;	
		$.ajax({
			type: "GET",
		    url: siteurl+searchURL,
			cache: true,
		    dataType: "xml",
		    success: function(xml) {
		        var projectString = getDetails($(xml), searchURL);
				if(projectString=="") projectString = "";
				$('div#item_details').html('<h3>Selected Item:</h3>'+projectString);
		    }, 
			error: function(){}
		});
	}
	
	function getDetails(xml, searchURL){
		var htmlString = "";				
        $(xml).find('details').each(function(){	htmlString += $(this).attr('title'); });
        return htmlString;
    }
	
	function clearDetails(obj){ 
		$('div#item_details').html(''); 
	}
	
	function scrollBox(){
		var totalWidth=0;
		var go=0;		
		
		$('#scrollBox ul li img').each(function(){totalWidth += $(this).width()+8; });
		$('#scrollBox ul').css({width: totalWidth});
				
		var difference = totalWidth-defaultWidth;		
		if(difference > defaultWidth) {go = defaultWidth;}
		else{ go = difference }
		
		if(totalWidth > defaultWidth){	
			$('a#more').click(function(){
				if(go < totalWidth){								
					$('#scrollBox ul').stop().animate({left: -go}, 800);	
					go = go+defaultWidth;
				}
				else{									
					// $('#scrollBox ul').stop().animate({left: 0}, 1600);
					if(difference > defaultWidth) {go = defaultWidth;}
					else{ go = difference }
				}
				return false;
			});
			
			$('a#less').click(function(){
				var pos = $('#scrollBox ul').position();
				var newDiff = 	pos.left+defaultWidth;
				
				if(pos.left<0){					
					if(newDiff <= 0) {$('#scrollBox ul').stop().animate({left: '+='+defaultWidth}, 1600);}
					else{$('#scrollBox ul').stop().animate({left: 0}, 1600);}
				}
				
				else if(pos.left < -730){	
					var difference = 	pos.left+defaultWidth;						
					$('#scrollBox ul').stop().animate({left: '+='+defaultWidth}, 1600);	
				}
				return false;
			});
		}
		
		else{$('a#more').html('');$('a#less').html('');}		
	}
	
	function lightBoxPopup(){
		$('#cycleGroup a').each(function(){			
			$(this).click(function(){return false;}).lightBox({
				imageBlank: siteurl+'images/lightbox-blank.gif',
				imageLoading: siteurl+'images/loading.gif',
				imageBtnClose: siteurl+'images/close.gif',
				overlayBgColor: 'black'
			});
		});
	}
	
	init();
})