$(document).ready(function() {
	var i,img;
//	var imgs=;
	var newimg,newsrc;
	var ssc=$('<div>').attr('id','ssc').appendTo('body');
	var imgsloaded=true;
	var sscinited=false;
	function updlr() {
		var isfirst=$('.sscon').hasClass('first');
		var islast=$('.sscon').hasClass('last');
		$('#x').fadeIn(200);
		if(islast && isfirst) {
			$('#l').fadeOut(200);
			$('#r').fadeOut(200);
		}
		else if(isfirst) {
			$('#l').fadeOut(200);
			$('#r').fadeIn(200);
		}
		else if(islast) {
			$('#r').fadeOut(200);
			$('#l').fadeIn(200);
		}
		else {	
			$('#l').fadeIn(200);
			$('#r').fadeIn(200);
		}
	}
	function makeon(img) {
		if(img.length>0) {
			$('.sscon').fadeOut(200,function() {
				$(this).removeClass('sscon').removeAttr('style');
				img.addClass('sscon');
				updlr();
				img.fadeIn(200,function() { $(this).removeAttr('style'); });
			});
		}
	}
	$('<div>').attr('id','l').appendTo(ssc)
		.hover(
			function() { $(this).animate({marginLeft:'-6px'},100); },
			function() { $(this).animate({marginLeft: '0px'},100); }
		)
		.click(
			function() {
				makeon($('.sscon').prev());
			}
		);
	$('<div>').attr('id','x').appendTo(ssc)
		.click(
			function() {
				$('#ssc div').fadeOut(100);
				$('#ssc').fadeOut(200,
					function () {
						$('.sscon').removeClass('sscon');
						$('#content').fadeTo(200,1);
					}
				);
			}
		);
	$('<div>').attr('id','r').appendTo(ssc)
		.hover(
			function() { $(this).animate({paddingRight:'6px'},100); },
			function() { $(this).animate({paddingRight:'0px'},100); }
		)
		.click(
			function() {
				makeon($('.sscon').next());
			}
		);
/*	$('#ssc div').hover(
		function() { $(this).animate({left:'-=6px'},100); },
		function() { $(this).animate({left: '+=6px'},100); }
	);*/
//	for(i=0;i<imgs.length;i++) {
	$('#content img').each(function() {
		var newimg=$('<img>').appendTo($('#ssc'));
		$(newimg)
			.data('thumb',$(this))
			.data('loaded',false)
			.data('bigsrc',$(this).parent().attr('href'))
			.data('setsrc',
				( function(setths) {
					var ths=setths;
					return function() {
						$(ths).attr('src',$(ths).data('bigsrc'));
						};
				}(newimg) )
			)
			.load(function() {
				$(this).data('loaded',true);
				$(this).data('thumb').parent().css({cursor:'pointer'});
				$(this).data('thumb').addClass('loadedbig');
//				$(this).data('thumb').animate({backgroundPosition:'+100% 0'},1000);
			});
		$(this)
			.data('big',$(newimg))
			.addClass('loading')
			.load(function() {
				$(this).removeClass('loading');
//				console.log('loaded',this,$('.loading').length);
				if($('.loading').length===0) {
					$('#ssc img').each( function () { $(this).data('setsrc')(); } );
				}
			});
		if(this.complete) {
//			console.log('was already done',this);
			$(this).triggerHandler('load');
		}
	});
	$('#ssc img').first().addClass('first').end().last().addClass('last');
	$('#content a').click(function(e) {
		if(!sscinited) {
			$('#ssc').addClass('inited');
			sscinited=true;
		}
		var mybig=$(this).children().data('big');
		this.blur();
		e.preventDefault();
		if(mybig.data('loaded')) {
			if(document.documentElement.scrollTop>210) {
				$(document.documentElement).animate({scrollTop:200},200);
			}
			else if(document.body.scrollTop>210) { // IE6
				$(document.body).animate({scrollTop:200},200);
			}
			$('#content').fadeTo(200,0,function() {
				mybig.addClass('sscon');
				$('#ssc').fadeIn(200,function() {
					updlr();
				});
			});
		}
	});
});