net_lemats_gallery_PreviewView = Class.create();

net_lemats_gallery_PreviewView.ALBUM_DIV_CLASS  = "preview";
net_lemats_gallery_PreviewView.IMG_CT_CLASS     = "imageCt";
net_lemats_gallery_PreviewView.TEXT_CT_CLASS    = "textCt";

net_lemats_gallery_PreviewView.prototype = {

    initialize : function(/*Element*/ parent, previewVarName) {
    	this.parent = parent;
    	this.previewVarName = previewVarName;
    	this.currImage = 0;
    	
    	// gallery div
    	this.galleryDiv = document.createElement("div");
    	this.galleryDiv.className = net_lemats_gallery.GALLERY_DIV_CLASS;
    	this.parent.appendChild(this.galleryDiv);
    	
    	// preview div
		this.previewDiv = document.createElement("div");
		this.previewDiv.className = net_lemats_gallery_PreviewView.ALBUM_DIV_CLASS;
		this.galleryDiv.appendChild(this.previewDiv);
		
		// nav left
		this.navLeftDiv = document.createElement("div");
		this.navLeftDiv.className = net_lemats_gallery_ThumbsView.NAVLEFT_DIV_CLASS;
		this.previewDiv.appendChild(this.navLeftDiv);
		
		this.navLeftA = document.createElement("a");
		this.navLeftA.href = "javascript:" + this.previewVarName + ".prev();";
		this.navLeftA.title = "Zurück";
		this.navLeftDiv.appendChild(this.navLeftA);
		
		this.navLeftImg = new net_lemats_gallery_Image();
		this.navLeftImg.url = "navLeft.png";
		this.navLeftA.appendChild(this.navLeftImg.getDom());
		
		// image ct
		this.imgCt = document.createElement("div");
		this.imgCt.className = net_lemats_gallery_PreviewView.IMG_CT_CLASS;
		this.previewDiv.appendChild(this.imgCt);
		
    	// anchor
		this.imgLink = document.createElement("a");
		this.imgLink.setAttribute("href", "javascript:" + this.previewVarName + ".openGallery();")
		this.imgLink.setAttribute("title", "Galerie oeffnen");
		this.imgCt.appendChild(this.imgLink);
		this.imgCt = this.imgLink;		
		
		// nav right
		this.navRightDiv = document.createElement("div");
		this.navRightDiv.className = net_lemats_gallery_ThumbsView.NAVRIGHT_DIV_CLASS;
		this.previewDiv.appendChild(this.navRightDiv);
		
		this.navRightA = document.createElement("a");
		this.navRightA.href = "javascript:" + this.previewVarName + ".next();";
		this.navRightA.title = "Weiter";
		this.navRightDiv.appendChild(this.navRightA);
		
		this.navRightImg = new net_lemats_gallery_Image();
		this.navRightImg.url = "navRight.png";
		this.navRightA.appendChild(this.navRightImg.getDom());
    },
    
    draw : function() {
    	
    },
    
    showImage : function(/*Image*/ img) {
    	if (this.imgCt.hasChildNodes()) {
    		// Element ersetzen
    		this.imgCt.replaceChild(img.getDom(), this.imgCt.firstChild);
    	}
    	else {
    		this.imgCt.appendChild(img.getDom());
    	}
    	
    	this.imgLink.setAttribute("href", "javascript:" + this.previewVarName + ".openGallery('" + img.imageID + "');")
    	
    	this.currImage = img.id;
    	var test = 0;
    },
	
    getCurrImage : function() {
    	return this.currImage;
    }

}