function cpGallery(_imgTarget, _navigDiv, _folderPath, _instanceName, _myNumberHanlder)
{
	this.imageTarget = _imgTarget;		// Img ID 
	this.navigDiv = _navigDiv;			//Div ID
	this.navigNum = true;				//link til alle billeder i en nummereret liste.
	this.navigArrows = true;				//prev - next Billede som pile
	this.folderPath = _folderPath;		// stien til billedes folder.
	this.instanceName = _instanceName;	//Bruges til at kunne kalde classens med functioner uden for klassen.
	this.Navigator = _myNumberHanlder;	// Browse function
	this.arrImage = new Array();		//Billede array.
	this.imgLink = "";					//added to Customize.
	
	//Metoder
	this.Add = cpAddImage;
	this.Build = cpGalleriBuilder;
	this.AddMenu = cpMakeNavig;
	this.Update = updateGallery;
	this.setActiv = setActiveLink;
	this.popup = returnPopUp;
};

//add image to array.
function cpAddImage(imageName)
{
	this.arrImage.push(imageName);
};

//Sætter det nye billede ind i mit galleri.
function updateGallery(number)
{
	//alert(number)
	this.setActiv(number);
	this.Navigator.browseNumber = number;
	
	var o = document.getElementById(this.imageTarget);	
	o.src = this.folderPath + this.arrImage[number] + "&version=nyhedsbillede";
	
	this.imgLink = this.folderPath + this.arrImage[number];
};

//Make navigation.
function cpMakeNavig() 
{
	var strHTML = ""
	var o = document.getElementById(this.navigDiv);
	var y = document.getElementById("zoomKnap"); // Added to customize
	var strCustomHtml = ""; //Added to Customize.
	
	//Billede links som Nummer liste.
	if(this.navigNum==true)
	{
		for (var i=0; i < this.arrImage.length; i++)
		{
			strHTML += "<a class='cpGallery_InactiveLink' id='"+i+"' href='JavaScript:"+ this.instanceName +".Update("+ i +")'>0"+ (i +1 ) +" </a>"
		}
	}
	//Browse Pile.
	if(this.navigArrows==true)
	{
		strHTML += "<span style='color:#ffffff; font-family: verdana; font-size: 12px;'>Billedgalleri&nbsp;&nbsp;</span>"; // Custom navig tekst.
		strHTML += "<a href='javascript:"+ this.instanceName +".Update("+this.Navigator.instanceName+".prev())'id='cpPrevius'><<</a>";
		strHTML += "<a href='javascript:"+ this.instanceName +".Update("+this.Navigator.instanceName+".next())'>&nbsp;>></a>";
		strCustomHtml += "<a href='javascript:"+ this.instanceName +".popup();'><img src='cpGallery_dkk/zoomKnap.gif' alt='' border='' /></a>" //Added to Customize
	}
	
	//Add.
	o.innerHTML = strHTML;	
	y.innerHTML = strCustomHtml; //Added to Customize
};

function returnPopUp(){
	//return this.imgLink;
	//alert("jeg er " + this.imgLink);
	var strHTML = ""
		strHTML += "<center>"
		strHTML += "<img src='"+this.imgLink+"' alt='' border='' />"
		//strHTML += this.imgLink
		strHTML += "</center>"
	var pop = new popUpBuilder("tittle", strHTML);
		pop.width = 500;
		pop.heigth = 500;
		pop.resizable = "yes"
	pop.Build();
}

//SET ACTIVE LINK - Skifter Farve på det aktive Link
function setActiveLink(number)
{
	if(this.navigNum)
	{
		//alert(this.instanceName)
		for(var i =0;i<this.arrImage.length;i++)// Skal skiftes ud
		{
			if( i == number ){
				var o = document.getElementById(number);
				//o.style.color = "#ffcc33"
				o.className = "cpGallery_ActiveLink";
			}
			else{
				var o = document.getElementById(i);
				//o.style.color = "#000000"
				o.className = "cpGallery_InactiveLink";
			}
		}
	}
};

//Build
function cpGalleriBuilder()
{
	var o = document.getElementById(this.imageTarget);	
	o.src = this.folderPath + this.arrImage[0] + "&version=nyhedsbillede";
	this.imgLink = this.folderPath + this.arrImage[0];//bruges i popup.
	this.AddMenu();
	
	//Browse number,
	this.Navigator.MaxNumber = this.arrImage.length;
	//alert("array.length : " + this.arrImage.length)
};

