var $j = jQuery.noConflict();
	
$j(document).ready(function() {
	$j('body').addClass('hasjs');
	
	if ($j('body').hasClass('home')) {
		//Step zero: add loader
		
		//First Step: Add  slider and container to DOM
		$j('#body .rap .clearfloat').before('<div id="sliderContainer"><div id="slider"></div></div>');
		$j('#slider').width(3360);
		
		//Second Step: Add each div into slider
		//add width of each div to total slider length (compensate for margins)
		// div width =265px + 15px right margin
		$j(".post").each(function() {
			$j(this).appendTo('#slider');		
		});
		
		//Third Step: Add buttons
		$j('#sliderContainer').after('<a id="buttonLeft" href="#">Previous</a><a id="buttonRight" href="#">Next</a>');
		
		//$j('#buttonLeft').css('opacity', '0.5')
		
		//Fourth Step: use clicks for navigation back and forth
		$j('#buttonRight').click(function(){
			var sliderPos = $j('#slider').css('left').replace('px', '');
			
			//console.log(sliderPos);
			
			if ( (sliderPos > -1681) && (sliderPos <= 0) ) {
				////console.log('success');
				$j('#slider').animate({left: '-=840'}, 1000);
			};
			return false;
		});
		
		$j('#buttonLeft').click(function(){
			var sliderPos = $j('#slider').css('left').replace('px', '');
	
			if ( (sliderPos >= -2520) && (sliderPos < -839) ) {
				////console.log('success');
				$j('#slider').animate({left: '+=840'}, 1000);
			};
			return false;
		});
	};
	
	
	//fancybox setup
	//$j("a.fancybox").fancybox();
	
	$j(".imgnav a").live("click", function() {
		$j('.selected').removeClass('selected');
		$j(this).addClass('selected');
		var img = $j(this).attr('href').replace('#', '');
		//var img = '.' + img;
		////console.log()
		if ($j('.' + img).hasClass('show')) {
		} else {
			$j('.show').css('zIndex', '100');
			$j('.' + img).css('z-index', '101').fadeIn(500, function(){
				$j('.show').fadeOut(0).removeClass('show');
				$j(this).addClass('show');
			});
		};
		return false;
	}); 
	
	$j("a.lightbox").live("click", function() {
	
		if ($j('#lightboxwall').length == 0) {
			$j('body').append('<div id="lightboxwall"><div id="lightbox"></div></div>');
		};
	
		var href_og = $j(this).attr('href');
		var href = href_og + ' #body .rap';
		$j('#lightbox').load(href, function(){
			$j('#lightbox .navigation a').addClass('lightbox');
			$j('#lightbox .rap').after('<a class="removelightbox" href="#">Close X</a>');
			$j('#lightbox .rap .post').append('<ul class="imgnav"></ul>')
			
			//set up multi images
			if($j('#lightbox img').length > 1) {
				var i = 1;
				$j('#lightbox img').each( function(){
					$j(this).parent('p').css('height', '0px').css('margin-bottom', '0px');
					//var class= 'img' + i;
					$j(this).addClass('img' + i);
					$j('.imgnav').append('<li><a href="#img' + i + '">' + i + '</a></li>')
					if (i == '1') {
						$j(this).addClass('show');
						$j('.imgnav li:first a').addClass('selected');
					} else {
						$j(this).fadeOut(0);	
					};

					i++;
				});
			};
			
		});
		return false;
	}); 
	
	$j("a.removelightbox, #lightboxwall:not(#lightboxwall *)").live("click", function() {
		$j('#lightboxwall').fadeOut(500, function(){
			$j(this).remove();
		});	
	});
	
});