/**
	 * Image picker for album / tribe / blogs etc
	 */
		
	function onUploadImageOpened() {
		window.scrollTo(0,0);
		if(window.console) console.log("### onUploadImageOpened");

		var url = gBaseUrl + 'readfilesscript.php?mode=image';
		if(!swiffy) {
			if(window.console) console.log("Swiffy NOT found - recreating... ");
	
			swiffy = new AdvantageUpload('member-upload-status', {
				'filenameElement': $("txtfilename"),
				'useOverallProgressBar': false,
				'url': url,
				'fieldName': 'photoupload',
				'path': gSwfFile,
				'onLoad': function() {
					//$('demo-status').removeClass('hide');
					//$('member-thumbnail-upload').destroy();
				},
				'onComplete' : function() {
					onImageUploaded(swiffy.uploadedFilename);
				},
				'limitFiles' : 1,
				'debug' : true,
				'instantStart' : true,
				target: 'browse-files'
			});
			$('browse-files').addEvent('click',browseFilesOnClick ); 
		} else {
			if(window.console) console.log("Swiffy found");
			swiffy.render();
			$('browse-files').addEvent('click',browseFilesOnClick);
		}
		
		smartHoverBox(
	             100, //delay before vanishing
	             200, //x offset
	             0,  //y offset
	             '_shb', //smart hover box suffix
	             'shb_close' //hover box close class
	       );		
	}
	
	

	var browseFilesOnClick =  function() {
		swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
		return false;
	};	
	
	function onImageUploaded(filename) {
		// create the image and load the thumbmnail into $('thumbnail_holder')); 
		if(!filename) {
			$("thumbnail_holder").src = "images/placeholder_4x3.gif";
			return false;
		}
		var fragment = "remote.php?mode=create_landscape_image" + 
		"&member_id=" + $("member_id").value + 
		"&filename=" + URLEncode(filename) + 
		"&date=" + Date();
		loadFragment(fragment, onImageCreated);
	}


	function clearUploadForm() {
		//$("preview_thumbnail").src = "images/placeholder_4x3.gif";
		$("txttitle").value = "";
		$("txtdescription").value = "";
		$("txttags").value = "";
		$("image_id").value = "";
		$("txtfilename").value = "";	
		onUploadImageOpened();
	}	
	
	function onImageCreated(thumbHtml) {
		$('thumbnail_holder').innerHTML = thumbHtml;
		$("image_id").value = $("new_image_id").className;
	}

	// Image picker tab : Singles
	
	function pickImage(pickerMode, objectId, holder) {
		var elems = $$("div.chosen");
		if(elems.length == 0) {
			alert("Please select an image");
			return false;
		}
		var imageId = elems[0].id.substring(6,elems[0].id.length);

		var fragment = "remote.php?mode=pick_image" + 
		"&picker_mode=" + pickerMode +
		"&object_id=" + objectId +
		"&image_id=" + imageId +
		"&date=" + Date();
		loadFragment(fragment, onImagePicked);		
		if(holder) getImageThumbnail(imageId, holder);
			  			
		return false;
	}
  
	function onImagePicked(np) {
		closeBox();
	}
	
	// Image picker tab : Multiples
	
	function selectAllImages() {
		var elems = $$(".verysmallscrolldiv .photo");
		for(i=0; i<elems.length;i++) {
			if(elems[i].className == "photo") {
				elems[i].className = "photo chosen";
			}		
		}
	}	

	// picker tab

	function clickImage(imageId) {
		var elem = $("image_" + imageId);
		var link = $("image_" + imageId + " a");

		if($("allow_select_multiple").value != "1") $$(".chosen").removeClass("chosen");
		
		if(elem.className == "photo") {
			elem.className = "photo chosen";
		} else {
			elem.className = "photo";
		}
	}

	function pickImages(pickerMode, objectId) {

		var elems = $$("div.chosen");
		var imageIds = "";
		var id = "";
		if(elems.length==0) return false;
		for(i=0;i<elems.length;i++) {
			id = elems[i].id;
			imageIds = imageIds + id.substring(6,id.length) + "|";
		}		
		imageIds = imageIds.substring(0,imageIds.length-1);
		
		var fragment = "remote.php?mode=pick_images" + 
		"&picker_mode=" + pickerMode +
		"&object_id=" + objectId +
		"&images=" + imageIds +
		"&date=" + Date();
		loadFragment(fragment, onImagesPicked);
		return false;
	}

	function onImagesPicked(np) {
		// TODO:No error checking
		showPickerTab($("picker_mode").value, $("object_id").value, $("holder").value);
	}

	function getUserImages() {
		var fragment = "remote.php?mode=get_user_images" + 
		"&member_id=" + $("member_id").value +
		"&album_id=" + $("album_id").value +
		"&date=" + Date();
		loadFragmentInToElement(fragment, "album_images");
	}