

function showDress(designer,dress,pic)
	{
		//alert("FOR TESTING: Running showDress()...");
		
		//First, open a nicely sized window in centre of screen...
		var myWidth;
		var myHeight;
		var wpage;
				
			//standard width will be 80% of screen width....
			myWidth=(Number(screen.availWidth)/100)*80;
				//alert("For Testing\nMy Width will be: "+myWidth);
			
			// assuming that full size images are always 700px wide...
			//		set width to 760px
			if(myWidth>760)
				{
					myWidth=760;
				}
			
			//standard height will be 90% of screen height....
			myHeight=(Number(screen.availHeight)/100)*80;
				//alert("For Testing\nMy Width will be: "+myHeight);

		// set a nice position :)	
				var myLeft=Math.round((Number(screen.availWidth)-myWidth)/2);
				var myTop=Math.round((Number(screen.availHeight)-myHeight)/2);
				if(myTop>10)
					{
						myTop=myTop-10;
					}
				//alert("FOR TESTING....\nmyLeft: "+myLeft+"\nmyTop: "+myTop);
		
		// create the URL
		if(designer=="1")
			{
				
				dirPrefix="../../../";
			}
		else
			{
				//because designer 2 skips a preview stage the directory structure is different
				dirPrefix="../../";
			}
			
		wpage=dirPrefix+"wedding_dresses/designer"+designer+"/dress"+dress+"/dress"+dress+"_pic"+pic+".html"
		
		
		// open the window		
			var myWindow=window.open(wpage,"EB","width="+myWidth+",height="+myHeight+",top="+myTop+",left="+myLeft+",location=no,menubar=no,directories=no,toolbar=no,status=no,titlebar=no,resizable=yes,scrollbars=yes,modal=yes,dialog=yes,minimizable=no");
		
	}
