/* Scripts used throughout the site */

var Lolitta = {};
var i = 1;
Lolitta.init = function init() {
	Lolitta.dispgarment();
	$('a#imgLeft').bind('click', {'dir':'right'}, Lolitta.slideImages);
	$('a#imgRight').bind('click', {'dir':'left'}, Lolitta.slideImages);
	$('a#imgStart').bind('click', {'dir':'start'}, Lolitta.slideImages);
	$('#collectionlink').click(function() {
		$('#left-col-sub-menu').toggle('slow');
		return false;
	});
};

$(document).ready(Lolitta.init);

Lolitta.dispgarment = function dispgarment() {
	$('#garmentinfo').hide().fadeIn('slow').html('<p> ' + $('.container > img').attr('title'));
	var garwidth = $('.container > img').size();
	var garwidthsize = $('.container > img').attr('width');
	var add = 10 * garwidth;
	$('.container').css({'width' : garwidth * garwidthsize + add});
};

Lolitta.slideImages = function slideImages(event) {
	var direction = event.data.dir;
	var imgsize = $('.container > img').size();
	var imgwidth = $('.container > img').attr('width');
	imgwidth += 10;
	
	var margin = parseInt($('div#imageViewer div.container').css('margin-left'));
	
	switch(direction) {
		case 'left' :
			margin -= imgwidth;
			if (!$('div#imageViewer div.container').parent().children().is(':animated')) {
				if(i < imgsize) {
					i++;
				}
				else
				{
					i = 1;
				}
			}
			break;
		case 'right' :
			margin += imgwidth;
			if (!$('div#imageViewer div.container').parent().children().is(':animated')) {
				if(i != 1)
				{
					i--;
				}
				else
				{
					i = imgsize;
				}
			}
			break;
		case 'start' :
			margin = 0;
			if (!$('div#imageViewer div.container').parent().children().is(':animated')) {
				i = 1;
			}
			break;
	}
	
	if (margin * -1 >= $('div#imageViewer div.container').width()) {
		margin = 0;
	}
	else if (margin > 0) {
		margin = -1 * ($('div#imageViewer div.container').width() - imgwidth);
	}
	
	if (!$('div#imageViewer div.container').parent().children().is(':animated')) {
		$('div#imageViewer div.container').animate({'marginLeft': margin + 'px'}, 1000);
		$('#garmentinfo').hide().fadeIn(1600).html('<p> ' + $('.container img:nth-child(' + i + ')').attr('title') + '</p>');
	}	
	return false;
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}