var oBarHeight = null;
var resolution_vector = 1.333333333;
var h_vector = 1.066666667;
var v_vector = 1.335652174;


	 
window.addEvent('domready', function(){
	/*
	var so = new SWFObject("/images/flash/juma_tlo.swf", "flash", "100%", "100%", "8", "#ffffff");
	 so.addParam("wmode", "transparent");
	 so.addParam("scale", "noscale");
	 so.addParam("quality", "high");
	 so.write("page_bg"); 	
	*/
	switch(screen.width){
		case 1024:
			w_img = 720;
			h_img = 437;
		break;
		case 1280:
			w_img = 760;
			h_img = 462;
		break;
		case 1680:
			w_img = 1073;
			h_img = 650;
		break;
		 //1440x900
		default:
			w_img = 885;
			h_img = 538;
		break;		
	}	
	
	if ($('load_image') != null){
		currentImage = $('load_image').get('rel')+'/width/' + w_img + '/height/' + h_img;
		new Asset.image(currentImage, {
			onload: function(img){
				$('load_image').set('html', '');
				img.inject($('load_image'));	
			}
		});
	}
	zwin();
	if($('przewin')!=null){
		try {
			makeScrollbar($('przewin'), $('slider-content'), $('slider'), $('knob'), false, false, null);
		}catch(err){}
	}
});
function zwin(){
	if($('opaBar')==null) return;
	
	var morphElement = $('opaBar');
	var morphObject = new Fx.Morph(morphElement);
	var handle = Cookie.read('handle');
	var bar_w = 31;
	var bar_h = 29;
	
	if(handle==2){ 
		morphObject.start({
		    'width': bar_w,
		    'height': bar_h
		});
		$('zwin_img').src = '/images/page/arow_t.png';
	}
	
	if ($('opaBar') != null) {
		oBarHeight = $('opaBar').getStyle('height').toInt();
		
		$('zwin_img').addEvent('click', function(item){
			w = bar_w;
			h = bar_h;
			if ($('zwin_img').src.test('arow_t')) {
				w = 310;
				h = oBarHeight;
				$('zwin_img').src = '/images/page/arow.png';
				var cookie = Cookie.write('handle', '1', {
					duration: 30
				});
			}
			else {
				var cookie = Cookie.write('handle', '2', {
					duration: 30
				});
				$('zwin_img').src = '/images/page/arow_t.png';
			}
			morphObject.start({
				'width': w,
				'height': h
			});
			
		});
	}
}

function loadcssfile(filename){			
	
	  var fileref=document.createElement("link")
	  fileref.setAttribute("rel", "stylesheet")
	  fileref.setAttribute("type", "text/css")
	  fileref.setAttribute("href", filename)
	  document.getElementsByTagName("head")[0].appendChild(fileref)

}


	
/*  
JAVASCRIPT IMAGE GALLERY W/ mootools
Description: A easy, non destructive javascript image gala.
Version: 1.1
Author: Devin Ross
Author URI: http://tutorialdog.com
*/

/*
Release notes:
	1.1 - Adds loading animation, and properly fades in images when fully loaded
	1.1.1 - Fixes displaying description, Fades out current image, Works with Mootools 1.2
*/

function helperPref(){
	if(!Browser.Engine.trident4){
		return 671; //ustalone na stywno dla ie6
	}
	var w_img = '';
	var h_img = '';
	var window_height = getWinHeight();
	
	var w_pref = 135;
	var m_img = 2;

	var window_width = window_height*resolution_vector;
	var site_width = Math.ceil(window_width / h_vector);
	var content = site_width-220;
	var img_width = content-20; 

	return img_wrapper = w_pref * Math.floor((img_width-38)/w_pref) - m_img; //szerokosc fotki * tyle zdjec w widoku - ostatni margines

}

function getWinHeight(){
	var window_height;
	switch(screen.width){
	    //1024x768
	    case 1024:
	        window_height = 768;
	        break;
	    //1280x800
	    case 1280:
	        window_height = 800;
	        break;
	    //1680x1050
	    case 1680:
	        window_height = 1050;
	        break;
	    //1440x900
	    default:
	        window_height = 900;
	        break;	
	}
	return window_height;
}
var showPrev =  function() {
		if($('wrapper')==null){return;}
		var w_pref = 127;
		var img_wrapper = parseInt($('wrapper').getStyle('width'));

		if (img_wrapper > 1999) {
			img_wrapper = helperPref();
		}
		img_wrapper -= 2;
		
		var offset = $('wrapper').getStyle('width').toInt() + $('wrapper').getStyle('padding-right').toInt();
		var i_count = 0; //liczba wszystkich zdjec
		$$('#wrapper img').each(function(item){
			i_count++;
		})

		img_count = Math.ceil(parseInt(img_wrapper)/w_pref); //liczba zdjec na widoku
		var count = Math.ceil(i_count/img_count);
		var slides = count;		// NUMBER OF SLIDES IN SLIDESHOW, CHANGE ACCORDINGLY
		
		var pos = 0;
		var offset = img_wrapper + $('wrapper').getStyle('padding-right').toInt()*2;	// HOW MUCH TO SLIDE WITH EACH CLICK

		var currentslide = 1;	// CURRENT SLIDE IS THE FIRST SLIDE
		var inspector = $('load_image');	// WHERE THE LARGE IMAGES WILL BE PLACE	
		var fx = new Fx.Morph(inspector, {duration: 300, transition: Fx.Transitions.Sine.easeOut});
 		var fx2 = new Fx.Morph(inspector, {duration: 200, transition: Fx.Transitions.Sine.easeOut});

		
		/* THUMBNAIL IMAGE SCROLL */
		var imgscroll = new Fx.Scroll('wrapper', {
   			offset: {'x': 0, 'y': 0},
   			transition: Fx.Transitions.Cubic.easeOut	// HOW THE SCROLLER SCROLLS
		}).toLeft();

	
		/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
		$('moveleft').addEvent('click', function(event) { event = new Event(event).stop();
			if(currentslide < 1) return;
			currentslide--;					// CURRENT SLIDE IS ONE LESS
			pos += -(offset);				// CHANGE SCROLL POSITION
			imgscroll.start(pos);			// SCROLL TO NEW POSITION
		});
		$('moveright').addEvent('click', function(event) { event = new Event(event).stop();
			if(currentslide >= slides) return;
			currentslide++;
			pos += offset;
			imgscroll.start(pos);
		});
		
		// INSERT THE INITAL IMAGE - LIKE ABOVE
		//inspector.empty();
		
		firstElement = "1";
//		if (firstElement == null) {
//			firstElement = $$(".item")[0].id;
//		}
		first = $(firstElement);
	
		if(first){
		
			/*	opisy wyłaczone
			 *
				var description = first.getElement('span');
				if(description) var desc = new Element('p').set('html',description.get('html')).inject(inspector);
			*/
			
			
			//var largeImage = new Element('img', {'src': first.href}).inject(inspector);
			
			inspector.getElement('img').addEvent('click',function(e){
					oMilkbox.openMilkbox(oMilkbox.galleries[0],firstElement.toInt() - 1);
			}.bindWithEvent(this));
		}
		/* WHEN AN ITEM IS CLICKED, IT INSERTS THE IMAGE INTO THE FULL VIEW DIV */
		
		$$('.item').each(function(item){ 
			item.addEvent('click', function(e) { 
			
				e = new Event(e).stop();

				fx2.start({ 
					'opacity' : 0													
				}).chain(function(){
					
					inspector.empty();		// Empty Stage
					var loadimg = '/images/page/work.gif';	   // Reference to load gif
					var load = new Element('img', { 'src': loadimg, 'class': 'loading' }).inject(inspector); 
					fx2.start({ 'opacity' : 1 });
					var largeImage = new Element('img', { 'src': item.href+'/width/'+w_img+'/height/'+h_img }); // create large image
					
					/*
					pobranie z linku, autora i tytulu zdjecia
					*/
					var link = item.href;
					title  = '/title/';
					author = 'author/';
					
					image_author =   link.substring(link.indexOf(author) + author.length , link.indexOf(title) ) ;
					image_title  =   link.substring(link.indexOf(title)  + title.length ) ;
					
					var oDivTransparent = new Element('div', {'class' : 'box-image-information'});	
					
						
					/* When the large image is loaded, fade out, fade in with new image */
					//largeImage.onload = function(){  // While this line of code causes the images to load/transition in smoothly, it cause IE to stop working
						fx.start({ 
							'opacity' : 0													
						}).chain(function(){
							inspector.empty();	           				// empty stage
							var description = item.getElement('span');	// see if there is a description
							
							/* 
							* dodac jesli chcem opis
							*
							
							if(description)					   
								var des = new Element('p').set('text', description.get('text')).inject(inspector);
							
							*/	
								
							largeImage.inject(inspector); // insert new image
				
							inspector.getElement('img').addEvent('click',function(e){
								oMilkbox.openMilkbox(oMilkbox.galleries[0],item.id-1);
							}.bindWithEvent(this));
									
							fx.start({'opacity': 1});	 // then bring opacity of elements back to visible				
						});
					//};
					
				});
			});
		});
}
var slider0 = null;
var slider1 = null;
var slider2 = null;

makeScrollbar = function(content,slidercontent,scrollbar,handle,horizontal,ignoreMouse,contentWidthIfReturn,buttonTop,buttonBottom){

	if(content == null)
	   return;

	if(buttonTop == null){
		buttonTop = $('button-top');
	}
	if(buttonBottom == null){
		buttonBottom = $('button-bottom');
	}

	if(content.getScrollSize().y <= content.getSize().y){
		//usun suwak jesli jest nie potrzebny
		if(($(content).get('class')).indexOf('changeWidthToFull')!=-1){
			$(content).setStyle('width','100%');
		}
		slidercontent.parentNode.removeChild(slidercontent);
		return;
	}

	if(contentWidthIfReturn!=null){
		content.setStyle("width",contentWidthIfReturn);
	}
	slidercontent.setStyle('visibility','visible');

	var slider = null;
	if(slider0 == null)
		slider = slider0;
	else
		slider = slider1;

  	 var stepRatio = 20;
  	 var periodObj;
 	 var periodTime = 100;
 	 var colorHighlightscrollbar = "#A1A1A1";
 	 var steps = (horizontal?(content.getScrollSize().x - content.getSize().x + 30):(content.getScrollSize().y - content.getSize().y + 40))
		
	slider = new Slider(scrollbar, handle, {
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
			handle.setStyle('cursor','move');
		}
 	}).set(0);

	 if( !(ignoreMouse) ){
		 $$(content, scrollbar).addEvent('mousewheel', function(e){
			 e = new Event(e).stop();
			 var step = slider.step - e.wheel * 30;
			 slider.set(step);
		});
	}

	var sliderUP = function(){
		if(slider.step - stepRatio > 0) step = slider.step - stepRatio;
		else step = 0;
		slider.set(step);
	};
	var sliderDOWN = function(){
		if(slider.step + stepRatio < slider.steps) step = slider.step + stepRatio;
		else step = slider.steps;
		slider.set(step);
	};

 	$(buttonTop).addEvents({
 		'mousedown': function(e){
			sliderUP();
			periodObj = sliderUP.periodical(periodTime);
 		},
 		'click': function(e){
			$clear(periodObj);
			scrollbar.highlight(colorHighlightscrollbar);
		},
		'mouseleave': function(e){
			$clear(periodObj);
			scrollbar.highlight(colorHighlightscrollbar);
		}
	});

	$(buttonBottom).addEvents({
 		'mousedown': function(e){
			sliderDOWN();
			periodObj = sliderDOWN.periodical(periodTime);
 		},
 		'click': function(e){
			$clear(periodObj);
			scrollbar.highlight(colorHighlightscrollbar);
		},
		'mouseleave': function(e){
			$clear(periodObj);
			scrollbar.highlight(colorHighlightscrollbar);
		}
	});

 $(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
}