$('html').addClass('hasjs');

var $j = jQuery.noConflict();
$j(document).ready(function() {
	
	$j('#homeimg').cycle();


	/**********General********/
	$j('#s-input').focus(function(){
		$j(this).val('');
	});	
	
	$j('#s-input').blur(function(){
		if($j(this).val() == ""){
			$j(this).val('Search this Blog');
		}
	});	
	
	/**********Gallery********/ 
	//Initial Set Up
	
	$j('#gallerynav').wrap('<div id="gnavwrap"><div id="gnavcontainer"></div></div>');
	var count = 0;
	var cWidth = 0;
	
	$j('#gallerynav li:first-child a').addClass('selected');
	
	$j('#gallerynav li img').each(function() {
		//console.log(cWidth); //debug check
		
		if (count > 0){
			$j(this).css('opacity','0.5');
		}
		cWidth = cWidth + 104 + 11;
		count++;
	
		$j('#gallerynav li:nth-child(7n)').addClass('seventh');	
		$j('#gnavcontainer').width(cWidth);
	
	});
	
	
	//add imagae navigation buttons
	$j('#gnavwrap').after('<img id="buttonLeft" src="/wp-content/themes/emilygriffith/i/b/l-btn.gif" alt="" /><img id="buttonRight" src="/wp-content/themes/emilygriffith/i/b/r-btn.gif" alt="" />');
	$j('#buttonLeft').css({
		'opacity': '0.5',
		'cursor' : 'default'
	});
	
	//function for clicking on left button, sliding navigation
	$j('#buttonLeft').click(function(){
		cWidth = ($j('#gnavcontainer').width());
		if ( $j(this).css('opacity') != '0.5' ){
			if ($j('#gnavcontainer').is(':animated')) {
				//console.log('no');
			} else {
				var sliderPos = $j('#gnavcontainer').css('left').replace('px', '');
				
				if ( (sliderPos < 0) && (sliderPos >= -cWidth ) ) {
					$j('#gnavcontainer').animate({left: '+=805'}, 1000, function(){
						var newSliderPos = $j('#gnavcontainer').css('left').replace('px', '')
						//console.log(newSliderPos);
						if(newSliderPos == 0) {
							$j('#buttonLeft').css({'opacity': '0.5','cursor' : 'default'});
						}
					});
					$j('#buttonRight').css({'opacity': '1','cursor' : 'pointer'});	
				};
			}; 
		};
		return false;
	});
	
	//function for clicking on right button, sliding navigation
	$j('#buttonRight').click(function(){
		cWidth = ($j('#gnavcontainer').width());
		if ( $j(this).css('opacity') != '0.5' ){
			if ($j('#gnavcontainer').is(':animated')) {
				//console.log('no');
			} else {
				var sliderPos = $j('#gnavcontainer').css('left').replace('px', '');
				
				if ( (sliderPos <= 0) && (sliderPos > -(cWidth - 805)) ) {
					$j('#gnavcontainer').animate({left: '-=805'}, 1000, function(){
						//console.log(-(cWidth-805));
						var newSliderPos = $j('#gnavcontainer').css('left').replace('px', '')
						if(newSliderPos < -(cWidth - 806)) {
							$j('#buttonRight').css({'opacity': '0.5','cursor' : 'default'});
						}
					});
					$j('#buttonLeft').css({'opacity': '1','cursor' : 'pointer'});	
				};
			};
		};
		return false;
	});
	
	//function: click on thumbnail, get image
	$j('#gallerynav li a').live("click", function(){
		if ($j(this).hasClass('selected')) {} else{
			var imgsrc= $j(this).attr('href');
			var c ='';
			if($j(this).parent('li').hasClass('seventh')) {
				var c = 'seventh';
			};
			//console.log(imgsrc);
			$j('.selected img').animate({opacity: '0.5'}, 250).parents('.selected').removeClass('selected');
			$j(this).animate({opacity: '1'}, 250).addClass('selected');
			$j('<img class="loading" />').attr('src', imgsrc).load(function(){
				$j('#imgviewer').append($j(this));
				$j('#imgviewer .loading').fadeIn(3000, function(){
					$j('#imgviewer img').addClass(c).prev().remove();
				}).removeClass('loading');
			});
		};
		return false;
	});
	
	//function for clicking on image
	$j('#imgviewer img').live("click", function(){
			var thissrc= $j(this).attr('src');
			if ($j(this).hasClass('seventh')){
				//console.log('seventh');
				cWidth = ($j('#gnavcontainer').width());
				if ( $j(this).css('opacity') != '0.5' ){
					if ($j('#gnavcontainer').is(':animated')) {
						//console.log('no');
					} else {
						var sliderPos = $j('#gnavcontainer').css('left').replace('px', '');
						
						if ( (sliderPos <= 0) && (sliderPos > -(cWidth - 805)) ) {
							$j('#gnavcontainer').animate({left: '-=805'}, 1000, function(){
								//console.log(-(cWidth-805));
								var newSliderPos = $j('#gnavcontainer').css('left').replace('px', '')
								if(newSliderPos < -(cWidth - 806)) {
									$j('#buttonRight').css({'opacity': '0.5','cursor' : 'default'});
								}
							});
							$j('#buttonLeft').css({'opacity': '1','cursor' : 'pointer'});	
						};
					};
				};
			}
			
			//loop through all thumbnails and get match to src
			$j('#gallerynav li a').each(function(){
				if($j(this).attr('href') == thissrc ) {
					var c =''
					if($j(this).parent('li').next('li').hasClass('seventh')){
						var c ='seventh';
					};
					var next = $j(this).parent('li').next().children('a');
					var nextsrc = next.attr('href');
					if ( next.length > 0 ) {
						$j('.selected img').animate({opacity: '0.5'}, 250).parents('.selected').removeClass('selected');
						$j(this).parent('li').next().children('a').addClass('selected').children('img').animate({opacity: '1'}, 250);
						$j('<img class="loading" />').addClass(c).attr('src', nextsrc).load(function(){
							$j('#imgviewer').append($j(this));
							$j('#imgviewer .loading').fadeIn(500, function(){
								$j('#imgviewer img').prev().remove();
							}).removeClass('loading');
						});
					};
				};
			});
		return false;
	});

	//hover over image nav, fade in and out
	$j('#gallerynav li img').hover(
		function () {  
      $j(this).animate({opacity: '1'}, 250);
    }, 
    function () {
    	if ($j(this).parents().hasClass('selected')) { } else{
      	$j(this).animate({opacity: '0.5'}, 250);
      	}
      }
  );
  
  //IE6 fixes
  if (!window.XMLHttpRequest) {
  	//IE6 suckerfish fix {
  	$j('#mnav li').hover(function(){
	  	$j(this).addClass('sfhover');
	  }, function(){
	  	$j(this).removeClass('sfhover');
	  });
	  
	  //mnav float issues
	  //IE6 requires a explicit width, but these will be dynamic
	  $j('#mnav li:not(li li)').each(function(){
	  	var w = $j(this).width();
	  	//alert(w);
	  });
	  
	  var mw = $j('#mnav').width();
	  //alert(mw);
  }

});