// javascript for cherrybranch [working title]
// used to change galelry over on nav mouseover - #home_galleryoverview_desc
// non js version shows default overview

function getGalleryOverview(cat, total, id1, id2, id3, id4){
	
	overview = document.getElementById("home_galleryoverview_desc");
	
	//1 caligraphy
	if(cat=='all'){
		var i = 0;
		var idarray = new Array();
		idarray[0]=id1;
		idarray[1]=id2;
		idarray[2]=id3;
		idarray[3]=id4;
		var newHtml = "<h2>Gallery Overview</h2>"+
					"<p>Welcome to the <strong><span class='pink'>Cherry</span><span class='blue'>Brush</span></strong>.co.uk. We specialize in Asian and Oriental art - Chinese and Japanese hand paintings, wall scrolls, murals, calligraphy and much more. See our gallery categories (left ) for more information on what we stock, or <a href='gallery.php?cat=1' title='Click here to find out more'>visit the gallery &raquo;</a></p>"+
					
					"<div id='home_galleryoverview_desc_thumbs'>";
					while(i<total)
					{
						newHtml+="<a href='view.php?id="+idarray[i]+"' class='home_galleryoverview_desc_thumbs_";
						if(i==3){ newHtml+="first";}else{newHtml+="last";}
						newHtml+="'><img src='http://www.cherrybrush.co.uk/images/uploads/thumbs/"+idarray[i]+".jpg' alt='View this piece' /></a>";
						i++;
					}
					newHtml+="<!--end home_galleryoverview_desc_thumbs-->"+
					"</div>";
		overview.innerHTML=newHtml;
	}
	if(cat=='caligraphy'){
		var i = 0;
		var idarray = new Array();
		idarray[0]=id1;
		idarray[1]=id2;
		idarray[2]=id3;
		idarray[3]=id4;
		var newHtml="<h2>Caligraphy</h2>"+
					"<p>This is the ancient Oriental art of calligraphy - sort of like painting with words! Calligraphy perfectly blends art and poetry.</p>"+
					"<p>We have a number of pieces in different sizes. We can also create customized messages for you! "+
					"<a href='gallery.php?cat=caligraphy' title='Click here to find out more'>More info...</a></p>"+
					
					"<div id='home_galleryoverview_desc_thumbs'>";
					while(i<total)
					{
						newHtml+="<a href='view.php?id="+idarray[i]+"' class='home_galleryoverview_desc_thumbs_";
						if(i==3){ newHtml+="first";}else{newHtml+="last";}
						newHtml+="'><img src='http://www.cherrybrush.co.uk/images/uploads/thumbs/"+idarray[i]+".jpg' alt='View this piece' /></a>";
						i++;
					}
					newHtml+="<!--end home_galleryoverview_desc_thumbs-->"+
					"</div>";
		overview.innerHTML=newHtml;
	}
	
	if(cat=='nature'){
		var i = 0;
		var idarray = new Array();
		idarray[0]=id1;
		idarray[1]=id2;
		idarray[2]=id3;
		idarray[3]=id4;
		var newHtml="<h2>Nature</h2>"+
					"<p>Natural scenes are often depicted greatly in oriental artwork. Ranging from mountains to valleys, forests to deserts.</p>"+
					"<p>We have a number of pieces in different sizes. "+
					"<a href='gallery.php?cat=nature' title='Click here to find out more'>More info...</a></p>"+
					
					"<div id='home_galleryoverview_desc_thumbs'>";
					while(i<total)
					{
						newHtml+="<a href='view.php?id="+idarray[i]+"' class='home_galleryoverview_desc_thumbs_";
						if(i==3){ newHtml+="first";}else{newHtml+="last";}
						newHtml+="'><img src='http://www.cherrybrush.co.uk/images/uploads/thumbs/"+idarray[i]+".jpg' alt='View this piece' /></a>";
						i++;
					}
					newHtml+="<!--end home_galleryoverview_desc_thumbs-->"+
					"</div>";
		overview.innerHTML=newHtml;
	}
	if(cat=='animals'){
		var i = 0;
		var idarray = new Array();
		idarray[0]=id1;
		idarray[1]=id2;
		idarray[2]=id3;
		idarray[3]=id4;
		var newHtml="<h2>Animals</h2>"+
					"<p>Animals are a popular target of the oriental paintbrush! Particularly symbolic creatures such as the Tiger crop up more than once!</p>"+
					"<p>We stock a varied range of animal-themed peieces, so click here for "+
					"<a href='gallery.php?cat=animals' title='Click here to find out more'>more info...</a></p>"+
					
					"<div id='home_galleryoverview_desc_thumbs'>";
					while(i<total)
					{
						newHtml+="<a href='view.php?id="+idarray[i]+"' class='home_galleryoverview_desc_thumbs_";
						if(i==3){ newHtml+="first";}else{newHtml+="last";}
						newHtml+="'><img src='http://www.cherrybrush.co.uk/images/uploads/thumbs/"+idarray[i]+".jpg' alt='View this piece' /></a>";
						i++;
					}
					newHtml+="<!--end home_galleryoverview_desc_thumbs-->"+
					"</div>";
		overview.innerHTML=newHtml;
	}
	if(cat=='plants'){
		var i = 0;
		var idarray = new Array();
		idarray[0]=id1;
		idarray[1]=id2;
		idarray[2]=id3;
		idarray[3]=id4;
		var newHtml="<h2>Plants</h2>"+
					"<p>From floral deco to bloomin' blossoms! Oriental artists sure love their plants - and so do we when they're as lively and invigorating as they are!</p>"+
					"<p>We have a huge range of plant-themed artworks, so click here for "+
					"<a href='gallery.php?cat=plants' title='Click here to find out more'>more info...</a></p>"+
					
					"<div id='home_galleryoverview_desc_thumbs'>";
					while(i<total)
					{
						newHtml+="<a href='view.php?id="+idarray[i]+"' class='home_galleryoverview_desc_thumbs_";
						if(i==3){ newHtml+="first";}else{newHtml+="last";}
						newHtml+="'><img src='http://www.cherrybrush.co.uk/images/uploads/thumbs/"+idarray[i]+".jpg' alt='View this piece' /></a>";
						i++;
					}
					newHtml+="<!--end home_galleryoverview_desc_thumbs-->"+
					"</div>";
		overview.innerHTML=newHtml;
	}
	if(cat=='people'){
		var i = 0;
		var idarray = new Array();
		idarray[0]=id1;
		idarray[1]=id2;
		idarray[2]=id3;
		idarray[3]=id4;
		var newHtml="<h2>People</h2>"+
					"<p>No gallery would be complete without a portratit or two!</p>"+
					"<p>We have a large selection of people pictures, ranging from indiviual studies to communal gatherings under the local cherry tree! "+
					"<a href='gallery.php?cat=people' title='Click here to find out more'>More info...</a></p>"+
					
					"<div id='home_galleryoverview_desc_thumbs'>";
					while(i<total)
					{
						newHtml+="<a href='view.php?id="+idarray[i]+"' class='home_galleryoverview_desc_thumbs_";
						if(i==3){ newHtml+="first";}else{newHtml+="last";}
						newHtml+="'><img src='http://www.cherrybrush.co.uk/images/uploads/thumbs/"+idarray[i]+".jpg' alt='View this piece' /></a>";
						i++;
					}
					newHtml+="<!--end home_galleryoverview_desc_thumbs-->"+
					"</div>";
		overview.innerHTML=newHtml;
	}
	
}