/*  
	Magnat Sp z o.o.
	© All rights reserved
*/


var image_box = {

	initialized : false,
	animate : false,
	isopera : false,
	isie : false,
	animb : 0,
	fader : 0,
	perc : 0,
	bckgheight : 0,
	preimg : Object,
	box : Object,
	box_loading : Object,
	box_border : Object,
	box_imgdiv : Object,
	box_image : Object,
	box_caption : Object,
	box_capdiv : Object,
	
	
	
	init : function() {
		this.box = document.getElementById('imagebox');
		this.box_loading = document.getElementById('imageloading');
		this.box_border = document.getElementById('imageboxborder');
		this.box_imgdiv = document.getElementById('imageboximage');
		this.box_image = document.getElementById('imageboximg');
		this.box_caption = document.getElementById('imagecaption');
		this.box_capdiv = document.getElementById('imgcaption');
		this.isopera = (navigator.appName.indexOf("Opera")!=-1);
		this.isie = (navigator.appName.indexOf("Internet Explorer")!=-1);
		if(this.isopera) { this.box.style.overflow = "auto"; }
		this.preimg = new Image();
		this.initialized = true;
		if(this.animate)
		{
			this.preimg.onload = function() { image_box.animateshow(); }
		} else {
			this.preimg.onload = function() { image_box.normalshow(); }
		}
	},
	
	setanimation : function(anim) {
    this.animate = anim;
	},
	
	animborder_height : function() {
		if(this.animb<(this.preimg.height+49))
		{
		this.perc = Math.ceil((this.animb / (this.preimg.height+49)) * 100);
		
		if(this.perc<25)
		{
			this.fader = 35;
		}
		else if(this.perc<50)
		{
			this.fader = 30;
		}
		else if(this.perc<75)
		{
			this.fader = 25;
		}
		else if(this.perc<95)
		{
			this.fader = 12;
		}
		else
		{
			this.fader = 0;
		}
		this.animb+=5;
		this.animb+=this.fader;
		if(this.isopera)	{ this.box_border.style.visibility = "hidden"; }
		this.box_border.style.height = this.animb+"px";
		if(this.isopera)	{ this.box_border.style.visibility = "visible"; }
		setTimeout("image_box.animborder_height();",1);
		} else { 
			this.box_border.style.height = (this.preimg.height+49)+"px";
			this.animb = 0;
			this.animborder_width(); 
		}
	},
	
	animborder_width : function() {
		if(this.animb<(this.preimg.width+10))
		{
		this.perc = Math.ceil((this.animb / (this.preimg.width+10)) * 100);
		
		if(this.perc<25)
		{
			this.fader = 35;
		}
		else if(this.perc<50)
		{
			this.fader = 30;
		}
		else if(this.perc<75)
		{
			this.fader = 25;
		}
		else if(this.perc<95)
		{
			this.fader = 12;
		}
		else
		{
			this.fader = 0;
		}
		this.animb+=5;
		this.animb+=this.fader;
		if(this.isopera)	{ this.box_border.style.visibility = "hidden"; }
		this.box_border.style.width = this.animb+"px";
		if(this.isopera)	{ this.box_border.style.visibility = "visible"; }
		setTimeout("image_box.animborder_width();",1);
		} else { 
			this.box_border.style.width = (this.preimg.width+10)+"px";
			this.box_imgdiv.style.display = "block";
			this.box_imgdiv.style.opacity = ".0";
			this.box_imgdiv.style.filter = "alpha(opacity=0)"; 
			this.box_image.src = this.preimg.src;
			this.animb = 0;	
			this.fade_image();
			this.box_capdiv.style.visibility = "visible";
			}
	},
	
	fade_image : function() {
		if(this.animb<99)
		{
			if(this.animb<20)
			{
				this.fader = 15;
			}
			else if(this.animb<40)
			{
				this.fader = 13;
			}
			else if(this.animb<60)
			{
				this.fader = 11;
			}
			else if(this.animb<90)
			{
				this.fader = 8;
			}
			else
			{
				this.fader = 0;
			}
		this.animb++;
		this.animb+=this.fader;
		if(this.isopera)	{ this.box_border.style.visibility = "hidden"; }
		this.box_imgdiv.style.opacity = "."+this.animb;
		this.box_imgdiv.style.filter = "alpha(opacity="+this.animb+")";
		if(this.isopera)	{ this.box_border.style.visibility = "visible"; }
		setTimeout("image_box.fade_image();",1);
		} 
	},
	
	animateshow : function() {
		
		this.box_imgdiv.style.display = "none";
		this.box_loading.style.display = "none";
		this.box_border.style.display = "block";
		this.box_border.style.width = "0px";
		this.box_border.style.height = "0px";
		this.animb = 0;
		this.animborder_height();
	},
	
	normalshow : function() {
		if(this.isopera) {	this.box_border.style.visibility = "hidden"; }
		this.box_loading.style.display = "none";
		this.box_image.src = this.preimg.src;
		this.box_border.style.width = (this.preimg.width+10)+"px";
		this.box_border.style.height = (this.preimg.height+49)+"px";
		this.box_imgdiv.style.display = "block";
		this.box_border.style.display = "block";
		this.box_capdiv.style.visibility = "visible";			
		if(this.isopera) {	this.box_border.style.visibility = "visible"; }
	},
	
	show : function(pic,caption) {
		if (!this.initialized) { this.init(); }
		this.box_caption.innerHTML = caption;
		this.box.style.display = "block";
		scroll(0,0);
		if(this.isie)
		{
		 if(document.body.offsetHeight>document.documentElement.clientHeight)
		 {
			this.box.style.height = document.body.offsetHeight+"px";
		 } else if (document.documentElement.clientHeight!=0) {
			this.box.style.height = document.documentElement.clientHeight+"px";
		 }
		} else {
		 if(document.body.offsetHeight>window.innerHeight)
		 {
			this.box.style.height = document.body.offsetHeight+"px";
		 } else if (window.innerHeight!=0) {
			this.box.style.height = window.innerHeight+"px";
		 }
		}
		this.box_loading.style.display = "block";
		this.preimg.src = pic;
	},
	
	close : function() {
		this.box.style.display = "none";
		this.box_imgdiv.style.display = "none";
		this.box_border.style.display = "none";
		this.box_loading.style.display = "none";
		this.box_border.style.width = "0px";
		this.box_border.style.height = "0px";
		this.box_capdiv.style.visibility = "hidden";
		this.box_image.src = null;
		this.preimg.src = null;
	},
	
	clear : function() {
    if (this.initialized) {
		this.box_imgdiv.style.display = "none";
		this.box_border.style.display = "none";
		this.box_loading.style.display = "none";
		this.box_border.style.width = "0px";
		this.box_border.style.height = "0px";
		this.box_capdiv.style.visibility = "hidden";
		this.box_image.src = null;
		this.preimg.src = null;
		}
	}
	
	

}


var image_nav = {

  img_array: Array,
  initialized: false,
  count: 0,
  curr: 1,
  cntspan: Object,
  currspan: Object,
  
  init: function(imgarr) {
    this.initialized = true;
    this.img_array = imgarr;
    this.count = this.img_array.length;
    this.cntspan = document.getElementById('navcntimg');
    this.currspan = document.getElementById('navcurrimg');
    this.cntspan.innerHTML = this.count;
  },
  
  show: function(imgindex) {
     this.curr = imgindex;
     image_box.clear();
     image_box.show(this.img_array[this.curr-1][0],this.img_array[this.curr-1][1]);
     this.currspan.innerHTML = this.curr;
  }, 

  left: function() {
    if(this.curr>1)
    {
      this.curr--;
      image_box.clear();
      image_box.show(this.img_array[this.curr-1][0],this.img_array[this.curr-1][1]);
      this.currspan.innerHTML = this.curr;
    }
  },
  
  right: function() {
    if(this.curr<this.count)
    {
      this.curr++;
      image_box.clear();
      image_box.show(this.img_array[this.curr-1][0],this.img_array[this.curr-1][1]);
      this.currspan.innerHTML = this.curr;
    }
  }

}