function css() {

	windowSize();
	$(window).resize(function(){
		windowSize();
	});
	var lang = $('html').attr('lang');
	
	function windowSize(){
		optTop = parseInt($(window).height())%20;
		optLeft = parseInt($(window).width())%20;
		
		$('#wrapper').css({
			'padding-top':	optTop+'px',
			'padding-left':	optLeft+'px'
		});	
	}
	
	$('#side-bar ul').slider();

}

function ie(){
	/* go on for IE in generall */
	if($.browser.msie){
		
		var lang = $('html').attr('lang');

		/* take care IE 6 only */
		if($.browser.version <= 6) {
		
			$('div:first-child, li:first-child, td:first-child').addClass('first-child');
		
			$('input').each(function(){
				t = $(this).attr('type');
				$(this).addClass(t);
			});
		
		}
		
		$('div:last-child, li:last-child, td:last-child').addClass('last-child');
		
	}
}
if($.browser.msie){
	var html5Set = "abbr,article,aside,canvas,footer,header,section,time".split(','),i=html5Set.length;
	while (i--){
		document.createElement(html5Set[i])
	}
}

$(document).ready(css);
$(document).ready(ie);



$.fn.pixelate = function(){
	return this.each(function(){ 
		var iPix, iSource, iPixCn, iPixCtx, imgPixels, iPixWidth, iPixHeight, iPixData, iPixRGB;
	
		iSource = $(this);
		iPix = new Image();
		iPix.src = iSource.attr('src');
		iPixWidth = iSource.attr('width');
		iPixHeight = iSource.attr('height');

		// image loaded	
		$(iPix).load(function(){	
			// take care canvas
			iPixCn = document.createElement('canvas');
		
			iPixCn.width = iPixWidth;
			iPixCn.height = iPixHeight;
			
			iSource.after(iPixCn);
			iSource.hide()
			
			

			iPixCtx = iPixCn.getContext('2d');
			iPixCtx.drawImage(iPix,0,0);
			
			iPixData = iPixCtx.getImageData(0, 0, iPixWidth, iPixHeight);	
		
			iPixRGB = new Array();
			
			// read columns
			for(var y = 0; y < iPixData.height; y++){
				// read rows
				for(var x = 0; x < iPixData.width; x++){

					// clear RGB data
					iPixRGB[0] = 0;
					iPixRGB[1] = 0;
					iPixRGB[2] = 0;
					
					// read pixels RGB from squares 20x20
					for(var y1 = y; y1 < (y+20); y1++){
						for(var x1 = x; x1 < (x+20); x1++){
							var i = (y1 * 4) * iPixData.width + x1 * 4;
							
							// get single pixel RGB data and sum with others
							iPixRGB[0] = iPixRGB[0]+iPixData.data[i];
							iPixRGB[1] = iPixRGB[1]+iPixData.data[i+1];
							iPixRGB[2] = iPixRGB[2]+iPixData.data[i+2];
						}
					}
					
					// create average RGB
					iPixR = Math.round(iPixRGB[0]/400);
					iPixG = Math.round(iPixRGB[1]/400);
					iPixB = Math.round(iPixRGB[2]/400);
					
					// create pixelate
					iPixCtx.fillStyle = 'rgba('+iPixR+','+iPixG+','+iPixB+',1)';
					iPixCtx.fillRect(x,y,20,20);               

					// increase row by 20
					x = x+19;
				}
				
				// increase column by 20
				y = y+19;
			}
		}); // end onload
	});
} // end pixelate

$.fn.slider = function(){ 
	return this.each(function(){ 
	
		var slide, slideClip, slideClipA, slideClipB, slideItem, slideNav, slideCanvas;
		
		slide = $(this);
		slideItem = slide.find('li');
		slideClip = slide.wrap('<div class="slideClip"></div>');
		slideClip = slide.parent();	
		slideMove = 320;
		slideStart = 1;
		
		
		slide.attr('class','primary').css({
			'position':	'relative',
			'width':	320*slideItem.length+'px',
			'z-index':	'1'
			
		});
		
		
		slide.clone().attr('class','secondary').prependTo(slideClip);
		slide.wrap('<div class="slideClipA"></div>');		
		slide.parent().prev().wrap('<div class="slideClipB"></div>');
		
		slideA = $('.primary');
		slideB = $('.secondary');
		
		slideClip.find('a').attr('tabindex','-1');
		
		
		if($.browser.msie)
			slideB.find('img').css('filter','progid:DXImageTransform.Microsoft.Pixelate(maxSquare=20)');
		else
			slideB.find('img').pixelate();
	
			
		slideB.css('left',0);
		slideB.find('div').remove();
		
		slideClip.after('<div class="slideNav"><a class="btn btn-prev" href="/" data-position="backward">poprzedni</a><a href="/" class="btn btn-next" data-position="forward">następny</adiv>');
		
		$('.slideNav').find('.btn').unbind().bind('click',function(e){
			e.preventDefault();
			slidePosition = $(this).attr('data-position');
			if(slideStart)
				slideNavigate(slidePosition);
			$(this).blur();
		});		
	
		function slideNavigate(slideWay){
			
			slideStart = 0;
			
			slidePosition = parseInt(slideB.css('left'));
		
					
			slideMove = slideWay == 'forward' ? (slidePosition-320) : (slidePosition+320);
		
			if(slideMove >= 320)
				$('.btn-prev').hide();
			else
				$('.btn-prev').show();
				
			if(slideMove-640 <= -1*320*slideItem.length)
				$('.btn-next').hide();
			else
				$('.btn-next').show()
			
			slideA.animate({'left': slideMove-320+'px'});
			slideB.animate({'left': slideMove+'px'},function(){
				slideStart = 1;
			});
			
			return slideStart;
		}
	
	}); 
}