function obj(Id) { if(Id!='' && document.getElementById(Id)) return document.getElementById(Id); else return false; }
function objStyle(Id) { if(Id!='' && document.getElementById(Id)) return document.getElementById(Id).style; else return false; }
function objHide(Id) { if(Id!='' && document.getElementById(Id)) document.getElementById(Id).style.display='none'; }
function objShow(Id) { if(Id!='' && document.getElementById(Id)) document.getElementById(Id).style.display='block'; }
function isObj(Id) { if(Id!='' && document.getElementById(Id)) return true; else return false; }
function bgChange(Id, ImgSrc) { objStyle(Id).backgroundImage = "url("+ImgSrc+")"; }

function getOuterSize()
{
  var w=0, h=0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    w = window.innerWidth;
    h = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    w = document.documentElement.clientWidth;
    h = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    w = document.body.clientWidth;
    h = document.body.clientHeight;
  }
	return Array(w,h);
}

/**
 *
 *  SLIDE GALLERY functions
 *
 */

var scrollFx = new Array () ;
var ScrollImgCount = new Array(); // array[no_gallery] = quantity of images
var ScrollTo = new Array();
var ArrowLeft = '../images/dalej_l.gif';  // left arrow icon
var ArrowRight = '../images/dalej_r.gif'; // right arrow icon

var ScrollVisibleImages = new Array(); // visible images of each slide gallery

/**
 *
 *  insert slide gallery code inside all tags <div class="slide_gallery"></div>
 *
 */

function slide_gallery ()
{
  var i = 0 ;
  $$('div.slide_gallery').each(function(el){
		$(el).id = 'slidegallery'+i;
		/*if( ScrollVisibleImages[i] < 1 ) */ScrollVisibleImages[i] = 5;
    if ( $$('div.klasa').length > ScrollVisibleImages[i] )
    {
      $(el).set('html', '<a href="javascript:void(0);" onclick="scroll_left('+i+');" class="scroll_button_left disabled_button_left png" id="scroll_button_left' + i + '" title="Poprzednie" ></a>'
      + '<div id="slide' + i + '" class="slide" ><div id="scroller' + i + '" class="scroller" >' + $(el).innerHTML + '</div></div>'
      + '<a href="javascript:void(0);"  onclick="scroll_right(' + i + ');" class="scroll_button_right png" id="scroll_button_right' + i + '" title="Następne" ></a>');
      scrollFx[i] = new Fx.Scroll( 'slide'+ i, { duration:800, transition: Fx.Transitions.Quad.easeInOut }  );
      ScrollImgCount[i] = $$('div.klasa').length;
      ScrollTo[i] = 0;
    }
    else
      $(el).set('html', '<div class="scroll_button_left"></div>'+
        '<div id="slide' + i + '" class="slide" ><div id="scroller' + i + '" class="scroller" >' + $(el).innerHTML + '</div></div>'+
        '<div class="scroll_button_right"></div>');
    i++;
    el.setStyle('display','block');
  });
}

// scrolling left/right thumbnails
function scroll_left(i) {
	if( objStyle('scroll_button_left'+i).backgroundImage!='none' )
	{
		ScrollTo[i] -= 1;
		scrollFx[i].toElement( $$('#slidegallery'+i+' div.klasa')[ScrollTo[i]] );
		if( ScrollTo[i]==0 ) objStyle('scroll_button_left'+i).backgroundImage = 'none';
	}
	if( objStyle('scroll_button_right'+i).backgroundImage.indexOf('url(')==-1 ) bgChange('scroll_button_right'+i, ArrowRight);
}
function scroll_right(i) {
	if( objStyle('scroll_button_right'+i).backgroundImage != 'none' )
	{
		ScrollTo[i] += 1;
		scrollFx[i].toElement( $$('#slidegallery'+i+' div.klasa')[ScrollTo[i]] );
		if( ScrollTo[i]==ScrollImgCount[i]-ScrollVisibleImages[i] ) objStyle('scroll_button_right'+i).backgroundImage = 'none';
	}
	if( objStyle('scroll_button_left'+i).backgroundImage.indexOf('url(')==-1 ) bgChange('scroll_button_left'+i, ArrowLeft);
}



/**
 *
 *     MOOGALLERY FUNCTIONS
 *
 */

var MG_IdImg = 'mg_img'; // big photo
var MG_IdDiv = 'mg_div'; // container for big photo and arrows
var MG_IdArrowLeft = 'mg_div_left'; // left arrow
var MG_IdArrowRight = 'mg_div_right'; // right arrow
var MG_ArrowsWidth = 40 // arrows width
var MG_Width = 520; // width of MooGallert
var MG_Height = 420; // height of MooGallery
var MG_MaxImgHeight = 375; // maximum height of big photo

// MG_Images: images data - array[no_gallery][no_image] = array(0=>src_smallphoto, 1=>src_bigphoto, 2=>bigphoto_width, 3=>bigphoto_height)
var MG_Images = new Array( );
// MG_ActiveNr: array[no_gallery] = chosen photo
var MG_ActiveNr = new Array();

/**
 *  swap big image
 */

function mgChangePhoto(ImgSrc, i, ImgWidth, ImgHeight)
{
	// set events and show arrows on big photo //
	$(MG_IdArrowLeft+i).setStyle('display', 'none');
	$(MG_IdArrowRight+i).setStyle('display', 'none');
	$(MG_IdArrowRight+i).removeEvents();
	$(MG_IdArrowRight+i).addEvent('click', function(){
		MG_ActiveNr[i]++;
		if( MG_ActiveNr[i]+1>MG_Images[i].length ) MG_ActiveNr[i] = 0;
		mgChangePhoto( MG_Images[i][ MG_ActiveNr[i] ][1] , i, MG_Images[i][ MG_ActiveNr[i] ][2], MG_Images[i][ MG_ActiveNr[i] ][3]);
	});
	$(MG_IdArrowLeft+i).removeEvents();
	$(MG_IdArrowLeft+i).addEvent('click', function(){
		MG_ActiveNr[i]--;
		if( MG_ActiveNr[i]<0 ) MG_ActiveNr[i] = MG_Images[i].length-1;
		mgChangePhoto( MG_Images[i][ MG_ActiveNr[i] ][1] , i, MG_Images[i][ MG_ActiveNr[i] ][2], MG_Images[i][ MG_ActiveNr[i] ][3]);
	});
	// set positions of arrows //
	var fxSwap2 = new Fx.Morph(MG_IdImg+i, { duration:1200, transition: Fx.Transitions.Quad.easeInOut,
		onComplete: function(){
			var TmpLeft = $(MG_IdImg+i).getPosition(MG_IdDiv+i).x;
			$(MG_IdArrowLeft+i).setStyles({
				'left': TmpLeft,
				'display': 'block'
			});
			$(MG_IdArrowRight+i).setStyles({
				'left': TmpLeft+$(MG_IdImg+i).getSize().x-MG_ArrowsWidth,
				'display': 'block'
			});
		}
	});
	// add animayion of big photo //
	var fxSwap = new Fx.Morph(MG_IdImg+i, { duration:800, transition: Fx.Transitions.Quad.easeInOut,
		onComplete: function(){
			var Image = new Asset.image( ImgSrc, {id: MG_IdImg+i,
				onload: function(){
					$(MG_IdImg+i).src = ImgSrc;
					fxSwap2.start({
						'opacity': [0,1],
						'height': [0,ImgHeight],
						'top':[ ImgHeight/2 , (MG_MaxImgHeight-ImgHeight)/2 ]
					});
				}
			});
		}
	});
	var PrevImgHeight = $(MG_IdImg+i).getSize().y;
	fxSwap.start({
		'opacity': [1,0],
		'height': [ PrevImgHeight , 0],
		'top':[ (MG_MaxImgHeight-PrevImgHeight)/2 , PrevImgHeight/2 ]
	});
}

/**
 *  create MooGallery code inside every tag <div class="moogallery"></div>
 *
 */

function mooGallery()
{
	var i = 0;
	$$('div.moogallery').each(function(el){
		$(el).id = 'moogallery'+i;
		var TxtSlideGallery = "";
		MG_Images[i].each(function(el,ind){
			TxtSlideGallery += '<a href="javascript:mgChangePhoto(\''+MG_Images[i][ind][1]+'\','+i+','+MG_Images[i][ind][2]+','+MG_Images[i][ind][3]+')">'+
				'<img src="'+MG_Images[i][ind][0]+'" alt="" /></a>';
		});
		$(el).set('html',
			'\n<div class="mg_top"><div class="mg_top2"></div></div>'+
			'\n<div class="mg_mid"><div class="mg_mid2">'+
			'\n  <div class="mg_div" id="'+MG_IdDiv+i+'">'+
			'\n    <div class="mg_div_left" id="'+MG_IdArrowLeft+i+'"></div><div class="mg_div_right" id="'+MG_IdArrowRight+i+'"></div>'+
			'\n    <img src="blank.gif" alt="" class="mg_img" id="'+MG_IdImg+i+'" />'+
			'\n    </div>'+
			'\n  <div class="slide_gallery">'+TxtSlideGallery+'</div>'+
			'\n</div></div>'+
			'\n<div class="mg_bottom"><div class="mg_bottom2"></div></div>'
		);
		MG_ActiveNr[i] = 0;
		mgChangePhoto( MG_Images[i][ MG_ActiveNr[i] ][1] , i, MG_Images[i][ MG_ActiveNr[i] ][2], MG_Images[i][ MG_ActiveNr[i] ][3]);
		i++;
	});
}

window.addEvent('domready', function() {
	mooGallery();
	slide_gallery();
});

/**
 *
 *
 */