var pageCount = 0;
var page = 0;
var rows;
var recsPage;
var currentPage;
var elementId;
var imageId;
var showBasketBol;
//Define displayRecords function 
function displayRecords(searchScreens, settings, pageData) {
	var parent = searchScreens.body;
	var accross = 0;
	var maxWidth = 0;
	var layout = (settings.layout) ? settings.layout : "grid";
	var fileName = (settings.fileName != null) ? "&fileName=" + settings.fileName : "";
	var maxHeight = (settings.maxHeight != null) ? settings.maxHeight : 200;
	var onClickEnabled = (settings.onClickEnabled != null) ? settings.onClickEnabled : true;
	var editor = (settings.editor != null) ? settings.editor : false;
	var loader = (settings.loader != null) ? settings.loader : "";
	
	var imageheightoffset = 0;
	if (mediaOptionPurchaseimage == 'true') {
		imageheightoffset = 26;
	}
	//dnaGalleryComp.myBody.scrollTop = 0;
	if (layout == "grid") {
		//accross = 4;
		accross = 5;
		maxWidth = 145;
	} else {
		if (layout == "display") {
			accross = 1;
			maxWidth = 620;
		} else {
			if (layout == "details") {
				accross = 1;
				maxWidth = 620;
			}
		}
	}
	removeChildrenFromNode(parent);
	page = pageData.currentPage;
	rows = pageData.responseItems;
	recsPage = pageData.pageSize;
	pageCount = pageData.pageCount;
	currentPage = pageData.currentPage;
	showBasketBol = pageData.showBasket;
	
	var bw = "";
	//Black and white setting used only in image gallery
	
	/*if (!colour) {
		bw = "_BW";
	}*/
	
	if (document.getElementById("color") && !document.getElementById("color").checked) {
		bw = "_BW";
	}
	var left = 0;	
	var top = 0;
	for (var i = 0; i < rows.length; i++) {
		if (rows[i]) {
			
			var displayElement = document.createElement("div");
			
			//displayElement.style.border = "1px black solid"
			if (layout == "grid") {
				displayElement.style.position = "absolute";
				displayElement.style.left = (left * maxWidth) + "px";
				displayElement.style.top = (top * maxHeight) + "px";
			} else {
				if (layout == "details" || layout == "display") {
					if (layout == "details") {
						displayElement.style.borderTop = "1px #D8D8D8 solid";
					}
					displayElement.style.position = "relative";
				}
			}
			displayElement.style.width = maxWidth + "px";
			displayElement.style.height = maxHeight + "px";
			parent.appendChild(displayElement);
			left++;
			if (left % accross == 0) {
				top++;
				left = 0;
			}
			var imgArea = document.createElement("div");
			imgArea.style.border = "0px black solid";
			imgArea.style.position = "absolute";
			imgArea.style.left = "8px";
			imgArea.style.top = "8px";
			if (layout == "details") {
				imgArea.style.width = (149 - 16) + "px";
			} else {
				imgArea.style.width = (maxWidth - 16) + "px";
			}
			imgArea.style.height = (maxHeight - 16 - 20 - imageheightoffset) + "px";
			imgArea.style.overflow = "hidden";
			displayElement.appendChild(imgArea);
			var imgLoader = document.createElement("img");
			imgLoader.src = interfaceImagesPath + "new-ajax-loader.gif";
			imgLoader.id = "loader-" + rows[i].domainModelId;
			imgLoader.style.position = "absolute";
			if (layout == "details") {
				imgLoader.style.top = "0";
			} else {
				imgLoader.style.top = "50%";
				imgLoader.style.left = "50%";
				imgLoader.style.width = "24px";
				imgLoader.style.height = "24px";
				imgLoader.style.marginLeft = -24 / 2 + "px";
				imgLoader.style.marginTop = -24 / 2 + "px";
			}
			imgLoader.zIndex = 0;
			imgArea.appendChild(imgLoader);
			var img = document.createElement("img");
			img.src = "bams-file/BamsFileServlet?id=" + rows[i].domainModelId + fileName + bw;
			img.style.position = "absolute";
			if (layout == "details") {
				img.style.top = "0px";
			} else {
				img.style.bottom = "0px";
			}
			img.style.border = "1px #CECECE solid";
			img.id = rows[i].domainModelId;
			img.zIndex = 1;
			imgArea.appendChild(img);
			img.onload = function () {
				var loader = document.getElementById("loader-" + this.id);
				if (loader) {
					loader.parentNode.removeChild(loader);
				}
			};
			img.onerror = function () {
				this.src = interfaceImagesPath + "no-image.gif";
				var loader = document.getElementById("loader-" + this.id);
				if (loader) {
					loader.parentNode.removeChild(loader);
				}
			};
			if (onClickEnabled) {
				if(!isFireFox){
					img.style.cursor = "hand";	
				}				
				img.style.cursor = "pointer";
				function imgOnclick(){
					var id = this.id;
						var galeryItemData = function (data) {
							if (data) {
								var imagePreviewScreen = createBlockedScreen("_screenPopupPreview", true, true);
								var heder = createCustomScreen("hotSpotSelectorHeader", createProperties(560, 20, 16, 16));
								heder.style.border = "0px black solid";
								imagePreviewScreen.appendChild(heder);
								var body = createCustomScreen("hotSpotSelectorBody", createProperties(400, 375, 16, 55));
								body.style.overflow = "hidden";
								body.style.border = "0px black solid";
								imagePreviewScreen.appendChild(body);
								var display = createCustomScreen("hotSpotSelectorDisplay", createProperties(190, 375, 426, 55));
								display.style.border = "0px black solid";
								display.style.overflow = "hidden";
								 
								var displayHTML = "";
								if (data.item.displayName) {
									heder.innerHTML = image_gallery_item_name + ": " + data.item.displayName;
									displayHTML += image_gallery_item_name + ": " + data.item.displayName + "<br>";
								}else if(data.item.name){
									heder.innerHTML = image_gallery_item_name + ": " + data.item.name;
									displayHTML += image_gallery_item_name + ": " + data.item.name + "<br>";
								}
								
								if (data.item.itemCost != null) {
									displayHTML += image_gallery_item_cost + ": &pound;" + data.item.itemCost + "<br>";
								}
								
								if (data.item.itemDatecreate) {
									displayHTML += image_gallery_item_date + ": " + formatDate(data.item.itemDatecreate, "MMM d, y") + "<br>";
								}
								
								if(data.itemPrice){
									displayHTML += "Price" + ": &pound;" + data.itemPrice + "<br>";
								}
								
								display.innerHTML = displayHTML;
								imagePreviewScreen.appendChild(display);
								var imgLoader = document.createElement("img");
								imgLoader.src = interfaceImagesPath + "new-ajax-loader.gif";
								imgLoader.id = "loader-" + data.id;
								imgLoader.style.position = "absolute";
								imgLoader.style.top = "50%";
								imgLoader.style.left = "50%";
								imgLoader.style.width = "24px";
								imgLoader.style.height = "24px";
								imgLoader.style.marginLeft = -24 / 2 + "px";
								imgLoader.style.marginTop = -24 / 2 + "px";
								imgLoader.zIndex = 0;
								body.appendChild(imgLoader);
								var bigImage = document.createElement("img");
								var now = new Date();
								bigImage.src = "bams-file/BamsFileServlet?id=" + id + "&fileName=MediumThumb" + bw + "&" + now.getTime();
								bigImage.style.position = "absolute";
								bigImage.style.left = "0px";
								bigImage.style.top = "0px";
								bigImage.id = data.id;
								body.appendChild(bigImage);
								
								function bigImageOnload(){
									var loader = document.getElementById("loader-" + this.id);
									if (loader) {
										loader.parentNode.removeChild(loader);
									}									
								}
								bigImage.onload = bigImageOnload;
							}
						};
						AjaxService.getBamsItemWithMetadata(id, galeryItemData);
				}
				img.onclick = imgOnclick;
			}
			if (editor) {
				var cropButton = document.createElement("img");
				cropButton.id = rows[i].domainModelId;
				if(!isFireFox){
					cropButton.style.cursor = "hand";	
				}					
				cropButton.style.cursor = "pointer";
				cropButton.style.position = "absolute";
				cropButton.style.left = "0px";
				cropButton.style.bottom = "0px";
				cropButton.src = interfaceImagesPath + "/crop.gif";
				cropButton.onclick = function () {
				};
			}
			if (layout == "grid") {
				var label = document.createElement("label");
				label.id = "lbuy-" + rows[i].domainModelId;
				
				label.style.position = "absolute";
				label.style.height = "20px";
				label.style.bottom = imageheightoffset + "px";
				label.style.left = "8px";
				var labelTxt = "";
				var maxcharlength = 38;
				if (mediaOptionPurchaseimage == 'true') {
					maxcharlength = 18;
					label.style.height = "10px";
					label.onmouseover = function() {
						this.className += "buyhover"; 
						this.imgbuy.src = interfaceImagesPath + "smallbasketover.gif";
					}
					label.onmouseout = function() {
						this.className = this.className.replace(/\bbuyhover\b/, "");
						this.imgbuy.src = interfaceImagesPath + "smallbasket.gif";
					}
				
				}
				if (rows[i].displayName) {
					//if( rows[i].displayName.length > 60){
					if( rows[i].displayName.length > maxcharlength){	
						labelTxt += "<label title=\""+rows[i].displayName+"\">" + rows[i].displayName.substring(0, maxcharlength-3) + "...</label>";
					}else{
						labelTxt += rows[i].displayName;
					}
				} 
				label.innerHTML = labelTxt;
				displayElement.appendChild(label);
				if (mediaOptionPurchaseimage == 'true') {
						
						var greybasket = document.createElement("img");
						label.imgbuy = greybasket;
						greybasket.id2 = label;
						greybasket.src = interfaceImagesPath + "smallbasket.gif";
						greybasket.id = rows[i].domainModelId;
						greybasket.style.position = "absolute";
						greybasket.style.bottom = "27px";
						greybasket.style.left = "131px";
						greybasket.style.width = "13px";
						greybasket.style.height = "13px";
						greybasket.style.marginLeft = -18 / 2 + "px";
						greybasket.style.marginTop = -21 / 2 + "px";
						greybasket.zIndex = 0;
							
						greybasket.onclick = function() {
						imageId = this.id;
							var testUser = function (data) {
								if (data) {
									imageSizeSelectionScreen(imageId);
								} else {
									greybasket.id = imageId;
									signInScreen(greybasket, manage_menu_item_3_autorization);
								}
							};
							AjaxService.isUserLogged(testUser);	
						}
						
						greybasket.onmouseover = function() {
							this.id2.className += "buyhover"; 
							this.src = interfaceImagesPath + "smallbasketover.gif";
						}
						greybasket.onmouseout = function() {
							this.id2.className = this.className.replace(/\bbuyhover\b/, "");
							this.src = interfaceImagesPath + "smallbasket.gif";
						}
						if(showBasketBol){
							displayElement.appendChild(greybasket);
						}
				}
			} else {
				if (layout == "details") {
					var label = document.createElement("div");
					label.style.position = "absolute";
					label.style.height = "149px";
					label.style.top = "8px";
					label.style.left = "149px";
					var labelTxt = "";
					if (rows[i].displayName) {
						labelTxt += "<b>";
						labelTxt += rows[i].displayName;
						//labelTxt += " " + rows[i].domainModelId;
						labelTxt += "</b></label><br>";
					} else {
						labelTxt = "&nbsp;<br>";
					}
					if (rows[i].category) {
						labelTxt += rows[i].category;
						labelTxt += "</label>";
					}
					if (loader == "ads") {
						addPubcInfo(rows[i].domainModelId, label);						
					}
					var labelDiv = document.createElement("div");
					labelDiv.innerHTML = labelTxt;
					label.appendChild(labelDiv);
					displayElement.appendChild(label);
					if (loader == "ads" || loader == "content") {
						var actions = document.createElement("div");
						actions.style.position = "absolute";
						actions.style.height = "20px";
						actions.style.width = "55px";
						actions.style.top = "8px";
						actions.style.right = "10px";
						if (loader != "content") {
							var open = document.createElement("img");
							open.src = interfaceImagesPath + "open004.gif";
							open.id = rows[i].domainModelId;
							open.style.position = "absolute";
							open.style.left = "-20px";
							open.style.top = "0px";
							if(!isFireFox){
								open.style.cursor = "hand";	
							}							
							open.style.cursor = "pointer";
							open.onclick = function () {
								openDesign(this.id, searchScreens.screen.closeButton);
							};
							actions.appendChild(open);
						}
						//BF May 2008
						if (mediaOptionImagedownloadable == 'true') {
							if (loader == "content") {
								var downloadimage = document.createElement("img");
								downloadimage.src = interfaceImagesPath + "download.gif";
								downloadimage.id = rows[i].domainModelId;
								downloadimage.style.position = "absolute";
								downloadimage.style.left = "-20px";
								downloadimage.style.top = "0px";
								if(!isFireFox){
									downloadimage.style.cursor = "hand";	
								} else {							
									downloadimage.style.cursor = "pointer";
								}
								downloadimage.onclick = function () {
									var chkurl = 'bams-file/BamsFileServlet?id=' + this.id + '&mime=chkdownload';
									var url = 'bams-file/BamsFileServlet/' + this.id + '.jpg?id=' + this.id + '&mime=download';
									popupImageDownload = function (data) {
										if (data == true) {
											var msgBox = createMsgBox(imagedownload_title, imagedownload_msg_avail, 500, 200, 120);
											var cancelAction = addMsgBoxCloseAction();
											var okButton = addMsgBoxAction(this.id, "imagedownload", null, createProperties(100, 20, 0, 0, null, "absolute"), interfaceImagesPath + "download.gif", 40);
											okButton.onclick = function () {
												location.href = url;
												//window.open(url)
											};
										} else {
											var msgBox = createMsgBox(imagedownload_title, imagedownload_msg_notavail, 500, 200, 120);
											var cancelAction = addMsgBoxCloseAction();
										}
									}
									AjaxService.isImageAvailableForDownload(this.id, popupImageDownload);
								};
								actions.appendChild(downloadimage);
							}
						}
						var bin = document.createElement("img");
						bin.src = interfaceImagesPath + "bin004.gif";
						bin.id = rows[i].domainModelId;
						bin.style.position = "absolute";
						bin.style.top = "0px";
						bin.style.right = "0px";
						if(!isFireFox){
							bin.style.cursor = "hand";	
						}						
						bin.style.cursor = "pointer";
						
						function binOnclick(){
							var msgBox = createMsgBox(confirm_ad_delete, confirm_ad_delete_body, 300, 200, 148);
							var close = addMsgBoxCloseAction();
							var okButton = addMsgBoxAction(this.id, "confirmAdDeleteHelp", null, createProperties(100, 20, 0, 0, null, "absolute"), interfaceImagesPath + "register004.gif", 40);
							
							okButton.onclick = function () {
								//alert("to delete");
								var replay = function (data) {
									if (data) {
										if (loader == "content") {
											loadMyContent(searchScreens, settings.keyword, settings.page);
										} else {
											loadMyAds(searchScreens, settings.keyword, settings.page);
										}
										close.onclick();
									}else{
										alert("This item cannot be delete.\nThis item may have been purchased, is locked or\nyou don't have permission to delete it.");
									}
								};
								AjaxService.deleteItem(this.id, replay);
							};
							
							var cancelButton = addMsgBoxAction("cancelButton", "cancelButtonHelp", null, createProperties(100, 30, 120, 0, null, "absolute"), interfaceImagesPath + "cancel004.gif", 40);
							function cancelButtonOnclick(){
								close.onclick();
							}	
							cancelButton.onclick = cancelButtonOnclick;
						}
						bin.onclick = binOnclick;
						if (rows[i].category != 'Bought Images') {
							actions.appendChild(bin);
						}
						displayElement.appendChild(actions);
					}
				}
			}
		}
	}
}
function addPubcInfo(id, parent) {
	var pubcName = "";
	var getPublicationData = function (data) {
		if (data) {
			publication = data.publicationDTO;
			section = data.sectionDTO;
			sectionSize = data.sectionSizeDTO;
			if (publication) {
				pubcName = publication.pubcName;
				var div = document.createElement("div");
				div.innerHTML = pubcName;
				parent.appendChild(div);
			}
			if (section) {
				sectionName = section.sectionName;
				var div = document.createElement("div");
				div.innerHTML = sectionName;
				parent.appendChild(div);
			}
			if (sectionSize) {
				var sizeName = sectionSize.sizeName;
				var reply = function(data){
					var mdata = data.mdata;
					var item = data.item;
					var height = mdata.mdata_design_column_height;					
					var labelSize;
					var divSize = document.createElement("div");
					if(height != null && height != -1 && height != ""){
						height = height/10 + "cm";
						labelSize = sizeName + "<br>" + "Depth " + height;
					}else{
						labelSize = sizeName;
					}							
					if (data.item.itemDatecreate) {
						labelSize = labelSize + "<br>" + formatDate(data.item.itemDatecreate, "MMM d, y, hh:mm:ss");
					}												
					divSize.innerHTML = labelSize + "<br>";
					parent.appendChild(divSize);									
				};
				AjaxService.getBamsItemWithMetadata(id, reply)				
			}
		}
	};
	AjaxService.getPublicationDeatilsForAnAd(id, getPublicationData);
	return pubcName;
}

					

function generateLinks(searchScreens, settings, pageData, keyword, loader, isEditor) {
	var editMode = (isEditor != null) ? isEditor : false;
	var parent = searchScreens.pager;
	removeChildrenFromNode(parent);
	var totalItems = document.createElement("div");
	var labelTxt = "";
	labelTxt += pageData.totalHits;
	labelTxt += " items found, displaying ";
	labelTxt += pageData.currentPageFromItem;
	labelTxt += " to ";
	labelTxt += pageData.currentPageToItem;
	labelTxt += ".";
	totalItems.innerHTML = labelTxt;
	var pagesDiv = document.createElement("div");
	if (pageData.currentPage > 0) {
		var divider = document.createElement("label");
		divider.innerHTML = " / ";
		var openBracket = document.createElement("label");
		openBracket.innerHTML = "[";
		var closeBracket = document.createElement("label");
		closeBracket.innerHTML = "] ";
		var first = document.createElement("label");
		first.innerHTML = "First ";
		if(!isFireFox){
			first.style.cursor = "hand";	
		}			
		first.style.cursor = "pointer";
		
		
		function firstOnmouseover(){
			setClassName(this, "selected");
		}
		first.onmouseover = firstOnmouseover;
		
		
		function firstonmouseout(){
			setClassName(this, "deSelected");
		}
		first.onmouseout = firstonmouseout;
		
		
		function firstOnclick(){
			if (loader == "gallery") {
				loadGallery(searchScreens, keyword, 0, editMode);
			} else {
				if (loader == "ads") {
					loadMyAds(searchScreens, keyword, 0);
				} else {
					if (loader == "fonts") {
						loadFontFoudry(searchScreens, keyword, 0);
					} else {
						if (loader == "content") {
							loadMyContent(searchScreens, keyword, 0, isEditor);
						}
					}
				}
			}
		}
		first.onclick = firstOnclick;
		
		pagesDiv.appendChild(openBracket);
		pagesDiv.appendChild(first);
		pagesDiv.appendChild(divider);
		var previous = document.createElement("label");
		previous.innerHTML = " Prev";
		if(!isFireFox){
			previous.style.cursor = "hand";	
		}			
		previous.style.cursor = "pointer";
		
		
		function previousOnmouseover(){
			setClassName(this, "mouseOver");
		}
		previous.onmouseover = previousOnmouseover;
		
		
		function previousOnmouseout(){
			setClassName(this, "mouseOut");
		}
		previous.onmouseout = previousOnmouseout;
		
		
		function previousOnclick(){
			if (loader == "gallery") {
				loadGallery(searchScreens, keyword, currentPage - 1, editMode);
			} else {
				if (loader == "ads") {
					loadMyAds(searchScreens, keyword, currentPage - 1);
				} else {
					if (loader == "fonts") {
						loadFontFoudry(searchScreens, keyword, currentPage - 1);
					} else {
						if (loader == "content") {
							loadMyContent(searchScreens, keyword, currentPage - 1, isEditor);
						}
					}
				}
			}
		}
		previous.onclick = previousOnclick;
		
		pagesDiv.appendChild(previous);
		pagesDiv.appendChild(closeBracket);
	}
	var posCount = Mod(pageData.currentPage, 10);
	var pageText;
	for (i = pageData.currentPage - posCount; i < pageData.currentPage + 10 - posCount && i < pageData.pageCount; i++) {
		var pageIndex = document.createElement("label");
		pageIndex.id = i;
		if (i != pageData.currentPage) {
			pageText = i + 1;
			pageIndex.style.width = "20px";
		} else {
			pageText = "[" + (i + 1) + "]";
			pageIndex.style.width = "30px";
		}
		if (i + 1 < pageData.currentPage + 10 - posCount && i + 1 < pageData.pageCount) {
			pageText += ",";
		}
		pageIndex.innerHTML = pageText;
		pagesDiv.appendChild(pageIndex);
		
		
		function pageIndexOnmouseover(){
			setClassName(this, "selected");
		}
		pageIndex.onmouseover = pageIndexOnmouseover;
		
		
		function pageIndexOnmouseout(){
			setClassName(this, "deSelected");
		}
		pageIndex.onmouseout = pageIndexOnmouseout;
		if(!isFireFox){
			pageIndex.style.cursor = "hand";	
		}		
		pageIndex.style.cursor = "pointer";
		
		
		function pageIndexOnclick(){
			if (loader == "gallery") {
				loadGallery(searchScreens, keyword, this.id, editMode);
			} else {
				if (loader == "ads") {
					loadMyAds(searchScreens, keyword, this.id);
				} else {
					if (loader == "fonts") {
						loadFontFoudry(searchScreens, keyword, this.id);
					} else {
						if (loader == "content") {
							loadMyContent(searchScreens, keyword, this.id, isEditor);
						}
					}
				}
			}	
		}
		pageIndex.onclick = pageIndexOnclick;
	}
	if (pageData.currentPage < pageData.pageCount - 1) {
		var divider = document.createElement("label");
		divider.innerHTML = " / ";
		var openBracket = document.createElement("label");
		openBracket.innerHTML = "[";
		var closeBracket = document.createElement("label");
		closeBracket.innerHTML = "]";
		var next = document.createElement("label");
		pagesDiv.appendChild(openBracket);
		next.innerHTML = "Next ";
		pagesDiv.appendChild(next);
		pagesDiv.appendChild(divider);
		if(!isFireFox){
			next.style.cursor = "hand";	
		}			
		next.style.cursor = "pointer";
		
		
		function nextOnmouseover(){
			setClassName(this, "selected");
		}
		next.onmouseover = nextOnmouseover;
		
		
		function nextOnmouseout(){
			setClassName(this, "deSelected");
		}
		next.onmouseout = nextOnmouseout;
		
		
		function nextOnclick(){
			if (loader == "gallery") {
				loadGallery(searchScreens, keyword, currentPage + 1, editMode);
			} else {
				if (loader == "ads") {
					loadMyAds(searchScreens, keyword, currentPage + 1);
				} else {
					if (loader == "fonts") {
						loadFontFoudry(searchScreens, keyword, currentPage + 1);
					} else {
						if (loader == "content") {
							loadMyContent(searchScreens, keyword, currentPage + 1, isEditor);
						}
					}
				}
			}
		}
		next.onclick = nextOnclick;
		
		var last = document.createElement("label");
		last.innerHTML = " Last";
		pagesDiv.appendChild(last);
		pagesDiv.appendChild(closeBracket);
		if(!isFireFox){
			last.style.cursor = "hand";	
		}				
		last.style.cursor = "pointer";
		
		
		function lastOnmouseover(){
			setClassName(this, "mouseOver");
		}
		last.onmouseover = lastOnmouseover;
		
		
		function lastonmouseout(){
			setClassName(this, "mouseOut");
		}
		last.onmouseout = lastonmouseout;
		
		
		function lastOnclick(){
			if (loader == "gallery") {
				loadGallery(searchScreens, keyword, pageCount - 1, editMode);
			} else {
				if (loader == "ads") {
					loadMyAds(searchScreens, keyword, pageCount - 1);
				} else {
					if (loader == "fonts") {
						loadFontFoudry(searchScreens, keyword, currentPage - 1);
					} else {
						if (loader == "content") {
							loadMyContent(searchScreens, keyword, currentPage - 1, isEditor);
						}
					}
				}
			}
		}
		last.onclick = lastOnclick;
	}
	parent.appendChild(totalItems);
	parent.appendChild(pagesDiv);
}

function imageSizeSelectionScreen(imageId) {
	toggleHelp = false;
	var msgBox = createMsgBox(i2b_title, i2b_htmltext + i2b_htmlform, 500, 330, 120);
	var addToBasketAction = addMsgBoxAction("addImageToBasket", 'Add to basket', null, null, interfaceImagesPath + "basket004.gif", 60);
	var close = addMsgBoxCloseAction();
	
	//populate dropdown with prices
	var dropDown = document.getElementById("imagesize");
	dropDown.options.length = 0;
	var callBack = function(data){
		for(i = 0; i < data.length; i++){
			dropDown.options[i] = new Option(data[i].currencySymbol + data[i].price + " " + data[i].dnaTranslation, data[i].name );		
		}
	};
	AjaxService.getImageSizes(imageId, callBack);
			
	function addBasketOnclick(){
		var updateBasketCall = function (data) {
			basket = data;
			updateTotalPrice();
		};		
		
		AjaxService.addImageToBasket(imageId, dropDown.value, updateBasketCall);
		close.onclick();
	}
	addToBasketAction.onclick = addBasketOnclick;
	var cancelAction = addMsgBoxCloseAction();
}