przewijkaPosV = 0;
przewijkaPosH = 0;
arrPrlImg = new Array();

//preload istotnych elementow layotu
li1 = new Image();
li1.src = 'galerie_' + useSW + '_' + useSH + '.png';
li2 = new Image();
li2.src = 'poducha_' + useSW + '_' + useSH + '.png';
li3 = new Image();
li3.src = 'authcomm_dol_horiz_1280_1024.png';
li4 = new Image();
li4.src = 'authcomm_dol_vert_1280_1024.png';
li5 = new Image();
li5.src = 'authcomm_gora_horiz_1280_1024.png';
li6 = new Image();
li6.src = 'authcomm_gora_vert_1280_1024.png';
li7 = new Image();
li7.src = 'przewijka_horiz_' + useSW + '_' + useSH + '.png';
li8 = new Image();
li8.src = 'przewijka_vert_' + useSW + '_' + useSH + '.png';
li9 = new Image();
li9.src = 'przewijka_dol_vert_' + useSW + '_' + useSH + '.png';
li10 = new Image();
li10.src = 'przewijka_dol_vert_active_' + useSW + '_' + useSH + '.png';
li11 = new Image();
li11.src = 'przewijka_gora_vert_' + useSW + '_' + useSH + '.png';
li12 = new Image();
li12.src = 'przewijka_gora_vert_active_' + useSW + '_' + useSH + '.png';
li13 = new Image();
li13.src = 'przewin_komentarze_dol_active.png';
li14 = new Image();
li14.src = 'przewin_komentarze_dol_hover.png';
li15 = new Image();
li15.src = 'przewin_komentarze_gora_active.png';
li16 = new Image();
li16.src = 'przewin_komentarze_gora_hover.png';
li17 = new Image();
li17.src = 'przewijka_lewo_horiz_' + useSW + '_' + useSH + '.png';
li18 = new Image();
li18.src = 'przewijka_lewo_horiz_active_' + useSW + '_' + useSH + '.png';
li19 = new Image();
li19.src = 'przewijka_prawo_' + useSW + '_' + useSH + '.png';
li20 = new Image();
li20.src = 'przewijka_prawo_horiz_' + useSW + '_' + useSH + '.png';
li21 = new Image();
li21.src = 'tlo_mleczne.png';

function renderLayout(photoId){
	//$('ajaxbox').style.background = 'transparent url(_media/image/ajax-loader.gif) no-repeat 50% 50%';
	$('progressBar').style.display = 'block';
	arrPrlImg[photoId] = new Image();
	arrPrlImg[photoId].src = '_foto/l/' + photoId + '_' + useSW + '_' + useSH + '.jpg';
	arrPrlImg[photoId].onload = new Ajax.Updater('ajaxbox', 'fotoblogbox/'+photoId, {
					onComplete: function(){
						//$('ajaxbox').style.display = 'none';
						//$('ajaxbox').style.background = 'transparent';
						$('progressBar').style.display = 'none';
						Effect.Appear('ajaxbox');
						window.setTimeout("correctComments(); try{$('przewijkaScrollerV').scrollTop = przewijkaPosV;}catch(e){} try{$('przewijkaScrollerH').scrollLeft = przewijkaPosH;}catch(e){}", 100);
				}
		});	
}

function correctComments(){
	newHeight = $('ajaxbox').offsetHeight - 165 - $('authCommTop').offsetHeight;
	try{
		$('comments').style.display = 'block';
		$('comments').style.height = newHeight + 'px';
		if( $('comments').scrollHeight > newHeight ){
			$('commentScroller').style.display = 'block';
			$('commentBuffer').style.display = 'block';
		}
	}catch(e){}
}

function switchLayout(photoId){
	Effect.Fade('ajaxbox');
	window.setTimeout("renderLayout(" + photoId + ")", 1100);
}

function przewijka(direction, start){
	multiplier = 4;
	speed = 20;
	if(typeof(przewijkaInt)!='undefined') window.clearInterval(przewijkaInt);
	switch(direction){
		case 'up':
			operator = multiplier * (-1);
			if(start) przewijkaInt = window.setInterval("przewijkaPosV = $('przewijkaScrollerV').scrollTop; $('przewijkaScrollerV').scrollTop = $('przewijkaScrollerV').scrollTop + operator", speed);
		break;
		case 'down':
			operator = multiplier;
			if(start) przewijkaInt = window.setInterval("przewijkaPosV = $('przewijkaScrollerV').scrollTop; $('przewijkaScrollerV').scrollTop = $('przewijkaScrollerV').scrollTop + operator", speed);
		break;
		case 'left':
			operator = multiplier * (-1);
			if(start) przewijkaInt = window.setInterval("przewijkaPosH = $('przewijkaScrollerH').scrollLeft; $('przewijkaScrollerH').scrollLeft = $('przewijkaScrollerH').scrollLeft + operator", speed);
		break;
		case 'right':
			operator = multiplier;
			if(start) przewijkaInt = window.setInterval("przewijkaPosH = $('przewijkaScrollerH').scrollLeft; $('przewijkaScrollerH').scrollLeft = $('przewijkaScrollerH').scrollLeft + operator", speed);
		break;
	}
}

function comments(direction, start){
	multiplier = 10;
	speed = 20;
	if(typeof(commentsInt)!='undefined') window.clearInterval(commentsInt);
	switch(direction){
		case 'up':
			operator = multiplier * (-1);
			if(start) commentsInt = window.setInterval("$('comments').scrollTop = $('comments').scrollTop + operator", speed);
		break;
		case 'down':
			operator = multiplier;
			if(start) commentsInt = window.setInterval("$('comments').scrollTop = $('comments').scrollTop + operator", speed);
		break;
	}
}

function overlayKomentarz(photoId){
	$('commentBox').innerHTML = '';
	new Ajax.Updater('commentBox', 'commentbox/'+photoId);
	Effect.Fade('ajaxbox');
	Effect.Fade('poducha');
	Effect.Fade('menu');
	Effect.Fade('copyright');
	window.setTimeout("Effect.Appear('commentOverlay');",1000);
	//window.setTimeout("new Effect.Opacity('commentBox', {to: 1.0})",2500);
}

function unOverlayKomentarz(photoId){
	Effect.Fade('commentOverlay');
	Effect.Appear('poducha');
	Effect.Appear('menu');
	Effect.Appear('copyright');
	window.setTimeout("renderLayout("+photoId+");", 1000);
}

function setAvatar(avatarId, avatarCount){
	for( a = 1; a <= avatarCount; a++ ){
		element = $('avatar' + a);
		if( a == avatarId ){
			element.style.border = 'solid 1px #ff4a4a';
			$('avatarInput').value = a;
		}else{
			element.style.border = 'solid 1px #999';
		}
	}
}

function highlightAvatar(avatarId){
	if(avatarId != $('avatarInput'.value)){
		//new Effect.Opacity('avatar' + avatarId, {duration:0.5, from:0.4, to:1.0});
	}
}

function resetAvatar(avatarId){
	if(avatarId != $('avatarInput'.value)){
		//new Effect.Opacity('avatar' + avatarId, {duration:0.5, from:1.0, to:0.4});
	}
}

function commentSave(photoId){
	try { $('zapiszKomentarzV').style.display = 'none'; } catch(e) { }
	new Ajax.Updater('commentBox', 'commentbox/'+photoId, {
		parameters: $('commentForm').serialize(true)
	});
}