// document.write('<link href="template/style_noscript.css" rel="stylesheet" type="text/css" />');

var doSubScroll = 0;
var scrollDirection = 0;
var aCount = 1;
var scrollSpeed = 0;
var scrollMaxSpeed = 8;
var scrollInterval = 15;


function scrollDebug()
{
	if(!$('div#debug').is('div'))
	{
		$('body').append('<div id="debug"></div>');
	}
	
	$('#debug').html('offset: '+$('#wrapSub').scrollLeft()+'doSubScroll: '+doSubScroll+'<hr />scrollDirection'+scrollDirection+'<hr />aCount: '+aCount);
}

function initSubScroll()
{
// 	$('body').append('test');
	scrollDebug();
// 	initScrollClick();
	if(!doSubScroll)
	{
		scrollSpeed = 0;
		return false;
	}
		
		
	if(scrollSpeed < scrollMaxSpeed)
		scrollSpeed += 0.125;
		
	aCount += scrollDirection;
	$('#wrapSub').scrollLeft($('#wrapSub').scrollLeft() + scrollDirection*scrollSpeed);
	
	var scrlLeft = parseInt($('#wrapSub').scrollLeft()) + parseInt($('#wrapSub').width());
	var innerDivWidth = parseInt($('#innerWrapSub').width());
	
// 	if(innerDivWidth - scrlLeft < 50)
// 		alert(scrlLeft+' - '+innerDivWidth);
	
	if(innerDivWidth - scrlLeft < 11)
	{
		if(scrollDirection > 0)
		{
			doSubScroll = 0;
			scrollDirection = 0;
			scrollSpeed = 0;
		}
		$('#galleryMin a.jsGalleryRight').css('visibility','hidden');
	} else {
		$('#galleryMin a.jsGalleryRight').css('visibility','visible');
	}
	
	if(parseInt($('#wrapSub').scrollLeft()) == 0)
	{
		if(scrollDirection < 0)
		{
			doSubScroll = 0;
			scrollDirection = 0;
			scrollSpeed = 0;
		}
		$('#galleryMin a.jsGalleryLeft').css('visibility','hidden');
	} else {
		$('#galleryMin a.jsGalleryLeft').css('visibility','visible');
	}
	
}

function getDivWidth()
{
	if($('body').hasClass('bigWindow'))
		return 755+225;
	return 755;
}

var imagesToLoad = 0;
var minImagesToLoad = 0;

function debugWrite(msg, idD)
{
// 	if(!$('body #debug').is('div'))
// 		$('body').append('<div id="debug" style="background: #000; color: #fff"></div>');
// 		
// 	if(!$('body #debug #'+idD).is('div'))
// 		$('#debug').append("<div id='"+idD+"'></div>");
// 		
// 	$('#'+idD).html(msg);
	
}

function initLoadImages()
{
	$('#galleryMin img').each(
 		function(i)
 		{
			debugWrite(this.src,'idSrc');
 			imagesToLoad++;
//  			alert(':'+this.complete);
			if(!this.complete)
 			{
				minImagesToLoad++;
				$(this).bind('load',
					function()
					{
						minImagesToLoad--;
						debugWrite('min img: '+minImagesToLoad, 'minImg');
						if(minImagesToLoad < 1 && imagesToLoad < 1)
						{
							InitGallery();
						}
					}
				);
 			}
			debugWrite('img: '+imagesToLoad, 'maxImg');
			debugWrite('min img: '+minImagesToLoad, 'minImg');
 		}
 	);
 	
	$('#wrapGallery img').each(
		function(i)
		{
			debugWrite(this.src,'idSrc2');
			if(!this.complete)
			{
				$(this).bind('load',
					function()
					{
						imagesToLoad--;
						if(minImagesToLoad < 1 && imagesToLoad < 1)
						{
							InitGallery();
						}
					}
				);
			} else {
				imagesToLoad--;
			}
			debugWrite('img: '+imagesToLoad, 'maxImg');
		}
	);
 	
	if(minImagesToLoad < 1 && imagesToLoad < 1)
	{
		InitGallery();
	}
 	
}

var currentImageID = 0;

function InitGallery()
{
// 	alert('?');
	if(!$('#galleryMin').is('div'))
		return false;
		
	$('#wrapGallery').css('display','none');
	$('#galleryMin').fadeIn(1000,
		function()
		{
			$('#loading').after($('#galleryMin'));
			$('#loading').css('display','none');
			$('#wrapGallery').fadeIn('500');
		}
	);
	$('#innerWrapGallery .wrapImage').hide();
// 	$('#innerWrapGallery').width(100000);
//  	$('#innerWrapSub').width(100000);
	
	$('#wrapGallery').css('overflow','hidden');
	$('#wrapGallery').css('float','left');
	
	var wrapGalleryWidth = getDivWidth() - 5;
	
	$('#wrapGallery').css('width', wrapGalleryWidth+'px');
	
	
	debugWrite('wrapGalleryWidth '+wrapGalleryWidth, 'wrappWidth');
	
/*	$('#galleryMin img').bind('load',
		function()
		{
		 	$('#galleryMin').fadeIn(500);
		}
	);*/
//  	$('#galleryMin').slideDown(500);
 	var wrapWidth = 0;
 	var galleryWrapWidth = 0;
 	
 	$('#galleryMin img').each(
 		function(i)
 		{
 			wrapWidth += parseInt($(this).width()) + 2 + 4;
//  			galleryWrapWidth += getDivWidth();
//  			if(i<3)
//  				alert($(this).width());
 		}
 	);
 	
//  	wrapWidth += 120;
// 	wrapWidth = 4028;
// 	galleryWrapWidth = 37240;
	
//  	$('#innerWrapGallery').width(galleryWrapWidth);
 	$('#innerWrapSub').width(wrapWidth);
// 	$('#innerWrapGallery .wrapImage').fadeIn(500);
//  	debugWrite('wrapGalleryWidth '+galleryWrapWidth, 'GallwrappWidth');
//  	debugWrite('wrapGalleryWidth '+wrapWidth, 'wrappWidth');
	
//  	$('#galleryMin a.arrow').css('visibility','hidden');
 	
 	$('#galleryMin a').each(
 		function(i)
 		{
 			$(this).click(
 				function()
 				{
					var currentClass = $(this).attr('class');
					$('#galleryMin a.active').removeClass('active');
 					var oldImageID = currentImageID;
					currentImageID = currentClass.replace(/.*imgSmall/,'');
					currentImageID = currentImageID.replace(' active','');
// 					alert(oldImageID+":"+currentImageID);
					if(oldImageID == currentImageID)
					{
						$(this).addClass('active');
						return false;
 					}
					
					if($('#wrapGallery .wrapImage:visible').is('div'))
					{
						$('#wrapGallery .wrapImage:visible').fadeOut(500,
							function()
							{
								$('#wrapGallery div.imgBig'+currentImageID+' img').show();
								$('#wrapGallery div.imgBig'+currentImageID).fadeIn(500);
								return true;
							}
						);
					} else {
						$('#wrapGallery div.imgBig'+currentImageID+' img').show();
						$('#wrapGallery div.imgBig'+currentImageID).fadeIn(500);
					}
					$(this).addClass('active');
 					initScrollClick();
 					return false;
 				}
 			);
 			
 		}
 	);
 	
 	$('#wrapGallery a').each(
 		function(i)
 		{
 			$(this).click(
 				function()
 				{
 					if(!$($('#galleryMin a').get(i+1)).is('a'))
 					{
						$(this).attr('target','_blank');
 						return true;
 					}
	 				$($('#galleryMin a').get(i+1)).trigger('click');
 					return false;
 				}
 			);
 		}
 	);
 	
 	$($('#galleryMin a').get(0)).trigger('click');
 	
}


function initScrollClick()
{
	if(!$('#innerWrapSub a.active').is('a'))
	{
		return true;
	}
		
	var activeLeft =  $('#innerWrapSub a.active').offset().left;
	var boxWidth = $('#innerWrapSub').width();
	var wrapWidth = $('#galleryMin').width();
	var wrapScrolled = $('#galleryMin').scrollLeft();
	var wrapOffset = $('#galleryMin').offset();
	var wrapLeft = wrapOffset.left;
	
	var relativeImgLeft = activeLeft - wrapLeft;
	
	var imagePos = wrapScrolled + relativeImgLeft;
	
	if(!$('#devel').is('div'))
		$('body').append('<div id="devel" style="color: #fff"></div>');
		
	
	var strToApp = 'wrapScrolled: '+wrapScrolled+'<br />';
// 	strToApp += 'wrapWidth: '+wrapWidth+'<br />';
	strToApp += 'boxWidth: '+boxWidth+'<br />';
	strToApp += 'wrapLeft: '+wrapLeft+'<br />';
	strToApp += 'imagePos: '+imagePos+'<br />';

	var halfWidth = wrapWidth/2;
	
	var centerOffset = ( imagePos - wrapScrolled - halfWidth );
	
	var centerLeftOffset = boxWidth - imagePos - halfWidth;
	
	strToApp += 'centerOffset: '+centerOffset;
	strToApp += 'centerLeftOffset: '+centerLeftOffset;
	
	var scrollTo = $('#galleryMin').scrollLeft()+centerOffset;
	
// 	$('#devel').html(strToApp);
	if(centerOffset < 100)
	{
		if((wrapScrolled + centerOffset) < -120)
			scrollTo = 0;
	}
	
	if(centerOffset > 100)
	{
		if(centerLeftOffset < -200)
		{
			scrollTo = boxWidth;
		}
	}
	
	if($('#galleryMin').scrollLeft() == scrollTo)
		return true;
		
// 	$('#debug').append('<br />scrollTo: '+scrollTo);
	$('#galleryMin').animate( { scrollLeft : scrollTo } , 500);
// 		$('#galleryMin a.arrow').css('visibility','visible');	
	
}




function setCookie(c_name,value,expiredays)
{
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+'; path=/';
}


function initCheckWidth()
{
	var height = $('html').height();
// 	alert(height);
	if(height > 735)
	{
		setCookie('jsWindowWidth', 1, 360);
		$('body').addClass('bigWindow');
	} else {
		setCookie('jsWindowWidth', -1, 360);
	}
}







/* init */
function initializeMain()
{
	initCheckWidth();
	InitGallery();
// 	initLoadImages();
}

// $(window).bind('load', function() { initializeMain(); InitGallery(); });

$(document).ready(initializeMain);