// JavaScript Document
function sizeGrid(page) {
	$j('#left-arrow, #right-arrow').fadeOut('slow');
	$j('#view-holder').css({"width" : "920px", "height" : "auto"});
	$j('#content-main').css('background', 'none');
	var shoeCount = $j('#view-holder .shoe-holder').size();
	if (large == true) { var pageCount = 15; } 
	else {	var pageCount = 25; }
	
	/* show the pages */
	if (shoeCount > pageCount) {
		/* PRINT OUT PAGE LINKS */
		if (page == null) {
			var pageLInks = '';
			$j('#pages').html('<span class="page-title">Pages: </span>');
			var pages = Math.ceil( shoeCount / pageCount );
			for (i=1;i<=pages;i++) {
				$j('#pages').append('<a href="#" class="page-link">' + i + '</a>');
			}
			$j('#pages a:first').addClass('active').parent().fadeIn();
		}
		if (page == null) { page = 1; }
		var shoeNum = pageCount * page;
		$j('.shoe-holder').hide();
		var start = (page - 1) * pageCount;
		$j('.shoe-holder').slice(start, shoeNum).show();
//		$j('#view-holder .loading img:lt(' + shoeNum + ')').each(function() {
		var imgTst = '';
		if ((start > 0) || (sorted)) {
			$j('.shoe-holder').slice(start, shoeNum).each(function() {
			var prodId = $j(this).attr('id');
			var imgLoc= '/flashproductimages/' + prodId + '/thumbnail_large.png';
			var imgHolder = '#' + prodId;
			$j(this).children('.loading-shoe').each(function() {
				if (badBrowser) {
					var img = new Image();
					$j(img).load(function() {
						if (large) {
							var imgHtml = '<img src="App_Themes/Default/2010/images/pixel.gif" style="width: 283px; height: 191px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imgLoc + '\', sizingMethod=\'scale\')" />';
						} else {
							var imgHtml = '<img src="App_Themes/Default/2010/images/pixel.gif" style="width: 178px; height: 120px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imgLoc + '\', sizingMethod=\'scale\')" />';
						}
						$j(imgHolder).children('.loading-shoe').remove();	
						$j(imgHolder).removeClass('loading').prepend(imgHtml);
					}).attr('src', imgLoc);
				} else {
					var img = new Image();
					$j(img).load(function() {
						$j(imgHolder).children('.loading-shoe').remove();	
						$j(imgHolder).removeClass('loading').prepend(img);
					}).attr('src', imgLoc);
				}
			});
			});
		}
			/* ORIGINAL
			var imgLoc = $j(this).children('img').attr('src');
			if (imgLoc) {
				if (imgLoc.indexOf('shoe-loading') > -1 ) {
					var imgLoc = $j(this).children('img').attr('alt');
					var prodId = $j(this).attr('id');
					var imgHolder = '#' + prodId;
					imgTst += imgLoc;
					if (badBrowser) {
						$j(this).children('img').remove();
						if (large) {
							var img = '<img src="App_Themes/Default/2010/images/pixel.gif" style="width: 283px; height: 191px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imgLoc + '\', sizingMethod=\'scale\')" />';
						} else {
							var img = '<img src="App_Themes/Default/2010/images/pixel.gif" style="width: 178px; height: 120px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imgLoc + '\', sizingMethod=\'scale\')" />';
						}
						$j(imgHolder).removeClass('loading').prepend(img);
					} else {
						loadImage(imgLoc, imgHolder);
					}
				}
			}
			*/
	} else { $j('#pages').html('').fadeOut(); }
	imgLoadCount = pageCount; 
}

function changeClass(id) {
	var oppId = '';
	if (id == '#grid') { oppId = '#scroll'; }
	else if (id == '#scroll') { oppId = '#grid'; }
	else if (id == '#small') { oppId = '#large'; }
	else if (id == '#large') { oppId = '#small'; }
	$j(oppId).removeClass('active');
	$j(id).removeClass('active').addClass('active');
}

$j(document).ready(function(){
	$j('#pages a').livequery('click', function() {
		var page = $j(this).text();
		$j('#pages a.active').removeClass('active');
		$j(this).addClass('active');
		sizeGrid(page);
		return false;
	});
	$j('a.sort').click(function() {
		sorted = true;
		$j('#views').scrollTo( '0px', 0 );
		currArrow = 0;
		var sortId = $j(this).attr('id');
		if (sortId == 'grid') {
			sizeGrid();
			grid = true;
		} else if (sortId == 'scroll') {
			sizeScroll();
			grid = false;
		} else if (sortId == 'small') {
			large = false;
			if (badBrowser) {
				$j('#view-holder').html('').css('marginTop', '70px');
				$j('#loading').fadeIn(10).animate({'opacity' : '1'},400, function () {
					if (location.hash != '') {
						gallUpdate(hash, '#view-holder');
					} else {
						showImages('N=6207', ' #view-holder');
					}
				});
			} else {
				$j('.shoe-holder').addClass('s-thumbs');
				$j('#view-holder').addClass('s-view');
			}
			if (grid == true) {
				sizeGrid();
			} else {
				sizeScroll();	
			}
		} else if (sortId == 'large') {
			large = true;
			if (badBrowser) {
				$j('#view-holder').html('').css('marginTop', '0px');;
				$j('#loading').fadeIn(10).animate({'opacity' : '1'},400, function () {
					if (location.hash != '') {
						gallUpdate(hash, '#view-holder');
					} else {
						showImages('N=6207', ' #view-holder');
					}
				});
			} else {									
				$j('.shoe-holder').removeClass('s-thumbs');
				$j('#view-holder').removeClass('s-view');
			}
			if (grid == true) {
				sizeGrid();
			} else {
				sizeScroll();	
			}	
		}
		return false;
	});
});