$(document).ready(function() {		
	$('div.collection-image').click(function() {	
		var setident = $(this).attr('id')
		var ident = setident.replace(/item-/g, '')
		openarticle(ident);
		return false;
 	}),	
	$('#close').click(function() {	
		$('.overlay.open').fadeOut().removeClass('open')
		$('.skips').fadeIn()
		return false;
 	}),
	$('.skips').click(function() {
		ident = $(this).attr('id')
		loadimages(ident)
		skip(ident)
		
		return false;
	})	
}
)
	function openarticle(ident){
		var overlayident = '#overlay-item-' + ident
		$(overlayident).fadeIn().addClass('open')
		$('.skips').fadeOut()
}
function skip(direction){
	var nxtst = nextset(direction);
	var nxtnfo = nextinfo(nxtst);
	$(nxtst).addClass('middle')
	$('.archive-info.top').fadeOut(100);
	$('.archive-info.top').removeClass('top');
	if (direction == 'previous') {
		$('.set.top .collection-image').animate({backgroundPosition: '230px 0px'});
	} else {
		$('.set.top .collection-image').animate({backgroundPosition: '-230px 0px'});
	}	
	var wait = setInterval(function() {
		if( !$(".collection-image").is(":animated") ) {
			clearInterval(wait);
			layer(nxtst);
			$(nxtnfo).fadeIn(100).addClass('top');	
		}
		}, 200);
}
function nextset(direction) {
	var setident = $('.set.top').attr('id')
	var ident = parseFloat(setident.replace(/set-/g, ''))
	var amount = ($('.set').size());
	if(direction == 'next') {
		if ((ident+1) > amount) {
			var nextset = '#set-1';
		} else {
			var nextset = '#set-'+(ident+1);
		}
	} else {
		if ((ident-1) < 1) {
			var nextset = '#set-'+amount;
		} else {
			var nextset = '#set-'+(ident-1);
		}
	}
	return nextset
}
function nextinfo(nxtst) {
	var ident = nxtst.replace(/set-/g, 'archive-')
	return ident
}
function layer(nextset){
		$('.set.top').toggleClass('top','middle')
		$(nextset).addClass('top')
		$('.set .collection-image').css('background-position','0px 0px')
		$('.set.middle').removeClass('middle')
		
}

function loadimages(direction) {
	var direction = direction;
	
	var current = $('.top').attr('id');
	var setid = parseFloat(current.replace(/set-/g, ''));
	var setamount = ($('.set').size());
	var distance = 1;
	
	if (direction == 'next') {
		if (setamount <= setid+distance){
			var nextid = (setid+distance)-setamount;
			
		} else {
			var nextid = setid+distance;
		}			
	} else {
		if (setid <= distance) {
			var nextid = setamount-(distance-setid)-2;
		} else {
			var nextid = setid-distance-2;
		}
	}
	//alert('done');

	var tobeloadedimage = new Array()
		tobeloadedimage[0] = (((nextid)*4)+1)
		tobeloadedimage[1] = (((nextid)*4)+2)
		tobeloadedimage[2] = (((nextid)*4)+3)
		tobeloadedimage[3] = (((nextid)*4)+4);
	
	for (i=0; i<4; i++) {
		if ($('#item-'+tobeloadedimage[i]).css('background-image') == 'none'){
				$('#item-'+tobeloadedimage[i]).css('background-image','url("'+theImages[nextid][0][i]+'")').css('background-repeat','no-repeat');
					}
		if($('#overlay-item-'+tobeloadedimage[i]+' div.fashion-photo').css('background-image') == 'none') {
			$('#overlay-item-'+tobeloadedimage[i]+' div.fashion-photo').css('background-image','url("'+theImages[nextid][1][i]+'")');	
		}
	}
}