var sS;

function slideShow(){
	this.id_field;
	this.index;
	this.getImageGalleryIndex = getImageGalleryIndex;
	this.nextImage=nextImage;
	this.previousImage=previousImage;
	this.makeGallery = makeGallery;
	this.makePopupImageString = makePopupImageString;
}

function getImageGalleryIndex(){
	for(var i=0;i<IMAGE_GALLERY.length;i++){
	if(IMAGE_GALLERY[i]['id_field'] == this.id_field){
		this.index = i;
		}
	}
}

function nextImage(){
	this.index++;
	if(this.index >= IMAGE_GALLERY.length){
		this.index = 0;
	}

	this.makeGallery();
}

function previousImage(){
	this.index--;
	if(this.index < 0){
		this.index = IMAGE_GALLERY.length - 1;
	}

	this.makeGallery();
}

function popItem(el,id){
	if(!sS){
		sS = new slideShow();
	}
	sS.id_field = id;
	sS.getImageGalleryIndex();
	sS.makeGallery(el);
	
	}

function nextI(){
	if(!sS){
		sS = new slideShow();
	}
	sS.nextImage();
	}

function previousI(){
	if(!sS){
		sS = new slideShow();
	}
	sS.previousImage();
	}

function getImageData(el){
	this.current_src = el.src;
	var re=/(.*\/)(.*)/;
	var res=re.exec(el.src);

// var src_ = res[1]  res[3];
}

function makePopupImageString(image_path,size){
	var re=/(.*\/)(.*)/;
	var res=re.exec(image_path);
	var src = res[1] + size + res[2];
	return '<img src="' +  src + '">';
}

function makeGallery(el){

	var popup = document.getElementById('popup');

	var display_style = popup.style.display;

	popup.style.display = 'block';

var x = 200; var y = 200;

if(el){
	var pos = getThePosition(el);
	x = (pos.x - 300) + 'px';
	y = (pos.y - 100) + 'px';
	}

if(display_style != 'block'){
	popup.style.left = x;
	popup.style.top = y;
	}

	var id = this.index;
var T = new Array('title','long_description','image','custom_code');

if(IMAGE_GALLERY[id]['image_b']){
	IMAGE_GALLERY[id]['image'] = IMAGE_GALLERY[id]['image_b'];
	}

if(document.getElementById('image')){

IMAGE_GALLERY[id]['image'] = makePopupImageString(IMAGE_GALLERY[id]['image'],document.getElementById('image').className);

	}

for (var i=0;i<T.length;i++){
	var el = document.getElementById(T[i]);
	if(el){
		el.innerHTML = IMAGE_GALLERY[id][T[i]];
		}
	}
}

function getThePosition(target){
	var h = target.offsetHeight;
	var w = target.offsetWidth;
	var left = 0;
	var top  = 0;
	while (target.offsetParent){
		left += target.offsetLeft;
		top  += target.offsetTop;
		target = target.offsetParent;
	}
	left += target.offsetLeft;
	top  += target.offsetTop;
	return {x:left, y:top,width:w,height:h};
}