var picStore = {};
picStore.fetch_petcare = "Fetch! Petcare Website";
picStore.luna_moda_1 = "Luna Moda Inc. Catalog";
picStore.castro_of_sf1 = "Castro of San Francisco Book";
picStore.king_wah_seafood_rest = "King Wah Seafood Restaurant Website";
picStore.nineteenth_day = "19th Day Design Website";
picStore.keebler_snacks = "Keebler Snacks Packaging";
picStore.cchp_individual = "Chinese Community Health Plan Direct Mail";
picStore.supermicro_bs = "Supermicro Tradeshow Signage";
picStore.ac_thai = "Andy and Cindy Thai Cuisine Website";
picStore.apex_wellness2 = "Apex Wellness Business Card";
picStore.joann_boutique = "Joann Boutique Postcard";
picStore.northgate_enterprise = "Northgate Enterprise Corporation Website";
picStore.ni_advisors = "Ni Advisors Brochure";
picStore.urban_forest = "Urban Forest Tree Service Logo";
picStore.cchp_bustailad = "Chinese Community Health Plan Bustail Ad";
picStore.color_solutions = "Color Solutions Logo";
picStore.dkny_giftbox = "DKNY Giftbox";
picStore.decker_1 = "Decker Communications Media Kit Folder, Brochure, and Fliers";
picStore.little_lady_bag = "Little Lady Designer Bag";
picStore.architecture_a2z_book1 = "Architecture A2Z Book";
picStore.shopping_bag = "Shopping Bag Design";
picStore.ac_thai = "Andy and Cindy Thai Cuisine Logo";
picStore.asian_atc2 = "Asian American Theatre Style Guide";
picStore.shoe_box = "Shoe Box Design";
picStore.guiding_star = "Guiding Star Group Logo";
picStore.make_it_real = "Make It Real Foundation Logo";
picStore.brown_paper_bags = "Brown Paper Bags";
picStore.invitation = "Anniversary Invitation Card";
picStore.eileen_mullins = "Eileen Mullins Logo";
picStore.nineteenth_day_catalog = "19th Day Design Catalog";
picStore.nurse_reagan = "Nurse Reagan Business Card";
picStore.teresa_lai_billboard = "Teresa Lai Insurance and Retirement Billboard";
picStore.open_door = "Open Door Psychotherapy Logo";
picStore.modern_art_col1 = "Modern Art Collection Book";
picStore.bloom_fusion = "Bloom Fusion Website";




var token = "icons/";
var imagePath = "images/";
var limit = 160;

function preview(src)
{
	
	var introArea = document.getElementById("introArea");
	introArea.innerHTML = ""

	
	var begin = src.lastIndexOf(token)+token.length;
	var filename = src.substring(begin,src.length);

	var begin = filename.lastIndexOf("/")+1;
	var end = filename.lastIndexOf(".");
	var key = filename.substring(begin,end);
	introArea.innerHTML=picStore[key];
	
 
	var image = new Image();
	image.onload = imageLoaded;
	image.src = imagePath+filename;

}

function imageLoaded()
{
	//alert(this.width);
	var sizeArea = document.getElementById("sizeArea");
	sizeArea.innerHTML = this.width+"*"+this.height;

	var imageArea = document.getElementById("imageArea");
	imageArea.innerHTML = ""
	
	var src=this.src;
	
	if(this.width > limit || this.height >limit)
	{
		if(this.width > this.height)
		{
			var width = limit;
			var height = Math.round(this.height*limit/this.width);
		}
		else
		{
			
			var width = Math.round(this.width*limit/this.height);
			var height = limit;
		}
	}

	
	imageArea.innerHTML = '<img src="'+src+'" width="'+width+'" height="'+height+'">';
}