var watercolor = 1;
var coloredpencil = 2;
var acrylic = 3;
var pastel = 4;
var mixed = 5;
var sold = 6;
var picroot = "images/medium";//also change this value in index.htm in the table


function artid(Name,Description,UnitsInStock,Featured,Price_Framed,Price_Unframed,UnframedImageJPG, FramedImageJPG,Moredetails,Creation_Date,Unframed_Size,Framed_Size,Frame_Type,Art_Type)
{
	this.name 			= Name;
	this.descrp 		= Description;
	this.priceframed 	= Price_Framed;
	this.priceunframed 	= Price_Unframed;	
	this.unframedimage 	= UnframedImageJPG;
	this.framedimage 	= FramedImageJPG;	
	this.arttype 		= Art_Type;
	this.unframedsize 	= Unframed_Size;
	this.framedsize 	= Framed_Size;
	this.frametype 		= Frame_Type;

}


function displayBanner(width) {
/*		document.writeln("<table border='0' cellpadding='0' cellspacing='0' height='71'>");
		document.writeln("<tr>");
			document.writeln("<td align='left'>");
			document.writeln("<img border='0' src='image469.jpg' width='269' height='61'></td>");
			document.writeln("<td align='left' width='298'>");
			document.writeln("<p align='right'>");
			document.writeln("<b><font size='4'>&nbsp; Drawings and Paintings</font></b><p align='right'>");
			document.writeln("<font size='4' color='#FF0000'><b>Under Construction</b></font></td>");
		document.writeln("</tr>");
		document.writeln("</table>");
		document.writeln("<p align='right'>");
		document.writeln("<small>&nbsp;</small></p>");
*/		
		document.writeln("<small>&nbsp;</small></p>");
		document.writeln("<table border='0' cellpadding='0' cellspacing='0' height='71'>");
		document.writeln("<tr>");
			document.writeln("<td align='left'>");
			document.writeln("<img border='0' src='images/logo.jpg' width='269' height='61'></td>");
			document.writeln("<td align='left' width='298'>");
			document.writeln("<p align='right'>");
			document.writeln("<b><font size='4'>&nbsp; Drawings and Paintings</font></b><p align='right'>");
//			document.writeln("<font size='4' color='#FF0000'><b>Under Construction</b></font>&nbsp;</td>");
		document.writeln("</tr>");
		document.writeln("</table>");
		document.writeln("<table width="+width+" id='table1' style='border-left-color: #FFFFFF; border-right-color: #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom-color: #FFFFFF; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px' cellspacing='1' height='5'>");
			document.writeln("<tr>");
				document.writeln("<td style='padding: 0' height='5'></td>");
			document.writeln("</tr>");
		document.writeln("</table>");	
	
}

var sortby = 0;
function setSort(type) {
	sortby = type;
	parent.thumbwin.document.write();
	parent.thumbwin.document.close();	
	listThumbs(parent.thumbwin);
	top.window.open("art_details.htm","art_details");
	
}

var thumbwin;
function setThumbWin(winobj) {
	parent.thumbwin = winobj;
}
var jpgext = ".jpg";
var thumb_win;
function listThumbs(winobj) {
	var count = 0;
	thunb_win = winobj;//= window.open("product_list_next.htm","new");//this;
	var d = thunb_win.document;	

	d.writeln("<html>");	
	d.writeln("<body bgcolor=black>");
	d.clear();//write("");		
	for(i=1; i<art.length; i++) {
		if((art[i].arttype == sortby) || (sortby == 0)) {
			if(count == 0) imageIndex = i;
			count++;
			d.writeln("<table border='0' width='160' height='160' style='padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px'>");
				d.writeln("<tr>");
					//d.writeln("<td><a target='_blank' href='art_details.htm'>");
					d.writeln("<td><span class='popup' style='cursor:hand' onClick='parent.setImageIndex("+i+", "+displayWithFrame+")'>");
					//d.writeln("<img border='0' src='images/Medium/"+art[i].arttype+"/"+art[i].unframedimage+""+jpgext+"' width='150' ></a></td>");
					d.writeln("<img border='0' src='"+picroot+"/"+art[i].arttype+"/"+art[i].unframedimage+""+jpgext+"' width='150' ></a></td>");
					d.writeln("</tr>");
			d.writeln("</table>");
		}
	}
	d.writeln("</body>");
	d.writeln("</html>");
}
 
var detail_list_window;
function setWinObject(obj) {
detail_list_window = obj;
}

var displayWithFrame = 0;
var imageIndex = 0;
function setImageIndex(id, frame){
	parent.displayWithFrame = frame;
	//alert("in setImageIndex "+parent.displayWithFrame);	
	imageIndex = id;
	top.window.open("art_details.htm","art_details");
}

function displayDetail(id, frame) {
	var d = window.document;
	d.writeln("<table border='0' width='680' height='700'>");
	d.writeln("<tr>");
		d.writeln("<td align='left' valign='top' width='430'>");
		if(art[id].framedimage != "") {
			d.writeln("<p align='center'><font size='1'><span class='popup' style='cursor:hand' onClick='setImageIndex("+id+", 1)'>Click for image with Frame</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
			d.writeln("<span class='popup' style='cursor:hand'  onClick='setImageIndex("+id+", 0)'>Click for image without Frame</span></font></p>");
		} else
		{
			d.writeln("<p align='center'><font size='1'><span class='popup' style='cursor:hand' ></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
			d.writeln("<span class='popup' style='cursor:hand'  ></span></font></p>");

		}
		d.writeln("<span class='popup' style='cursor:hand' onClick='parent.displayLargeImage("+id+")'>");
			//alert("frame set "+parent.displayWithFrame);		
		if(parent.displayWithFrame == 0) {
			//unframed image
			d.writeln("<img border='0' src='"+picroot+"/"+art[id].arttype+"/"+art[id].unframedimage+""+jpgext+"' width='500' ></span></td>");
		} else
		{//framed image
			//alert("in if frame set "+parent.displayWithFrame);
			d.writeln("<img border='0' src='"+picroot+"/"+art[id].arttype+"/"+art[id].framedimage+""+jpgext+"' width='500' ></span></td>");		
		}
		d.writeln("<td valign='top'>");
		d.writeln("<p align='left'><font size='2'>&nbsp;</p>");
		d.writeln("<p align='left'><font size='2'><a target='_blank' href='purchase.htm'>Purchase Information</a></font></p>");
		d.writeln("<p align='left'><b><u><font size='2'>Name:</font></u></b>");
		d.writeln("<br><font size='2'>"+art[id].name+"</font></p>");
//		d.writeln("<p align='left'><b><u><font size='2'>Description:</font></u></b>");
//		d.writeln("<br><font size='2'>"+art[id].descrp+"</font></p>");		
		d.writeln("<p align='left'><b><u><font size='2'>Unframed Size:</font></u></b>"); 
		d.writeln("<br><font size='2'>"+art[id].unframedsize+"</font></p>");
		d.writeln("<p align='left'><b><u><font size='2'>Framed Size:</font></u></b>"); 
		d.writeln("<br><font size='2'>"+art[id].framedsize+"</font></p>");
		d.writeln("<p align='left'><b><u><font size='2'>Frame Type:</font></u></b>"); 
		d.writeln("<br><font size='2'>"+art[id].frametype+"</font></p>");			
		d.writeln("<p align='left'><b><u><font size='2'>Price Framed:</font></u></b>"); 
		d.writeln("<br><font size='2'>$"+art[id].priceframed+"</font></p>");
		d.writeln("<p align='left'><b><u><font size='2'>Price Unframed:</font></u></b>"); 
		d.writeln("<br><font size='2'>$"+art[id].priceunframed+"</font></p>");		

		d.writeln("<p align='left'><font size='2'>&nbsp;</font>");
		d.writeln("</td>");			
	d.writeln("</tr>");
	d.writeln("</table>");
	
}

function displayLargeImage(id) {
	var picWidth = 640;
	var picHeight = 480;
	picTitle = art[id].name;
	//'"+picroot+"/"+art[id].arttype+"/"+art[id].unframedimage+jpgext
	newWindow=window.open(art[id].unframedimage,"newWin","toolbar=no, resizable, scrollbars, width='+picWidth+', height='+picHeight+'");
	newWindow.document.write("<html><head><title>"+art[id].name+"<\/title><\/head><body background='"+picroot+"/"+art[id].arttype+"/"+art[id].unframedimage+""+jpgext+"'><\/body><\/html>");
	//newWindow.resizeBy(picWidth-newWindow.document.body.clientWidth,picHeight-newWindow.document.body.clientHeight)
	newWindow.focus()
	
}
var cat_list_win;
function listProducts(winobj) {
	var maxitems = 4;
	cat_list_win = winobj;//= window.open("product_list_next.htm","new");//this;
	var d = cat_list_win.document;
	var count = 0;	
	for(i=1; i<art.length; i++) {
/*		count = count + 1;
		if(count > maxitems) 
		{
			cat_list_win.close();
			cat_list_win= window.open("product_list_next.htm","catlist");//"Martha Ruth Art - Product List"); 
			d = cat_list_win.document;
			d.writeln("<TEST Window>");
			count = 0;	
			d.writeln("<small>&nbsp;</small></p>");
			d.writeln("<small>&nbsp;</small></p>");					
		}
*/
			d.writeln("<table width='100%' height='200' style='border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; padding: 0'>");	
				d.writeln("<tr>");
					d.writeln("<td width='260' rowspan='3' style='border-left-width: 1px; border-right-width: 1px'>");
					d.writeln("<font size='2'>");
					//d.writeln("<a id="+i+" href='art_details.htm' id="+i+" onClick = 'displayDetail(id);'>");
					d.writeln("<span class='popup' style='cursor:hand' id="+i+" onClick=displayDetail(id)>");			
					d.writeln("<img border='0' src='"+picroot+"/"+art[i].arttype+"/"+art[i].unframedimage+""+jpgext+"' height='151'></a></font></span></td>");
					d.writeln("<td colspan='3' height='15%'><b><font size='2'>"+art[i].name+"</font></b></td>");
				d.writeln("</tr>");
				d.writeln("<tr>");
		
				d.writeln("<td colspan='3'><font size='2'>"+art[i].descrp+"</font></td>");
				d.writeln("</tr>");
				d.writeln("<tr>");
					d.writeln("<td height='15%' style='border-left-width: 1px; border-right-width: 1px; border-top-width: 1px'>");
					d.writeln("<font size='2'>SKU # "+art[i].arttype+"</font></td>");
					d.writeln("<td height='15%' style='border-left-width: 1px; border-right-width: 1px; border-top-width: 1px'>");
					//<a id="+i+" href='art_details.htm' target='_blank' id="+i+" onClick = 'displayDetail(id);'>More details......</a></font></td>");					
					d.writeln("<font size='2'><span class='popup' style='color:yellow' style='cursor:hand' id="+i+" onClick=displayDetail(id)>More details, request purchase information...</a></font></span></td>");			
					d.writeln("<td height='15%' style='border-left-width: 1px; border-right-width: 1px; border-top-width: 1px'>");
					d.writeln("<font size='2'>Price: $"+art[i].priceframed+"</font></td>");
				d.writeln("</tr>");
			d.writeln("</table>");
			
	}
}

   
   
   
   
   
   
   
