/* 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, #newarrivalslink').click(function() {
		$(this).parent().next('.left-col-sub-menu').toggle('slow');
		$(this).parent().find('.left-col-sub-menu').toggle('slow'); // This seemed to work for IE7 while the other find did not
		
		return false;
	});
	
	/* Removing the store locater div since it's been replaced with a static image */
	if ($('div#storeLocaterLocationsText').length > 0) {
		$('div#storeLocaterLocationsText').remove();
	}
	
	$(document).pngFix();
};

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

Lolitta.dispgarment = function dispgarment() {
	$('#garmentinfo').hide().fadeIn('slow').html('<p>' + $('.container ul li img').attr('title') + '</p>');
	var garwidth = $('.container ul li img').size();
	var garwidthsize = $('.container ul li 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 ul li img').size();
	var imgwidth = $('.container ul li 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')) {
		if (margin * -1 + imgwidth >= $('div#imageViewer div.container').width()) {
			if($('div#collection-overlay-outer').hasClass('addoverlayBG')) {
				$('div#collection-overlay-outer').removeClass('addoverlayBG');
			}
		} else {
			if(!$('div#collection-overlay-outer').hasClass('addoverlayBG')) {
				$('div#collection-overlay-outer').addClass('addoverlayBG');
			}
		}
		
		$('div#imageViewer div.container').animate({'marginLeft': margin + 'px'}, 1000);
		$('#garmentinfo').hide().fadeIn(1600).html('<p> ' + $('.container ul li:nth-child(' + i + ') img').attr('title') + '</p>');
	}	
	return false;
}

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