var maxPages;
function changePage(pg) {
var tmp  = document.getElementById("iFrame").src;
var pos  = tmp.indexOf("pg=");
var num1 = tmp.substring(pos+3,pos+4);
var num2 = num1;

if (pg == "previous") {
   if (document.getElementById("prevButton").src.indexOf("disabled") != -1) return false;
   num2--;
   pg = tmp.substring(0,pos+3)+num2;
} else if (pg == "next") {
   if (document.getElementById("nextButton").src.indexOf("disabled") != -1) return false;
   num2++;
   pg = tmp.substring(0,pos+3)+num2;
} else {
   pos  = pg.indexOf("pg=");
   num2 = pg.substring(pos+3,pos+4);
}
if (num1 == num2) return false;
 
document.getElementById("iFrame").src= pg;

if (num2 == maxPages) {
   document.getElementById("nextButton").src = "images/arrow_next_disabled.gif";
} else {
   document.getElementById("nextButton").src = "images/arrow_next.gif";
}
if (num2 == 1) {
   document.getElementById("prevButton").src = "images/arrow_previous_disabled.gif";
} else {
   document.getElementById("prevButton").src = "images/arrow_previous.gif";
}
document.getElementById("link"+num1).style.textDecoration = "underline";
document.getElementById("link"+num2).style.textDecoration = "none";
document.getElementById("link"+num1).style.color = "orange";
document.getElementById("link"+num2).style.color = "white";

return false;
}

function showPopup(title,imgName,media,size) {
var ht = 600;
var wd = 700;
var myImage = new Image();
myImage.src = imgName;
//alert(myImage.height);

if (myImage.height == 0) {
   myImage = new Image();
   myImage.src = imgName;
}
if (myImage.height > 0) {
   ht = myImage.height + 180;
   wd = myImage.width + 180;
} 
        top.document.getElementById("myFrame").style.height = ht+"px";
        top.document.getElementById("myFrame").style.width  = wd+"px";
        top.document.getElementById("myFrame").src = "Detail.php?imgName="+imgName+"&title="+title+"&media="+media+"&size="+size; 

      var pup = top.document.getElementById("myPopup");
	pup.style.height = (ht + 40) + "px";
      pup.style.width = (wd + 40) + "px";
	pup.style.display = 'inline';
//alert(ht+"    "+wd);
}

function hidePopup() {
var pup = parent.document.getElementById("myPopup");
pup.style.display = 'none';
return false;
}
 
function roundFunction() {
Rounded("div#overall","#ffffff","#000000");
}

function Rounded(selector,bk,color,size){
var i;
var v=getElementsBySelector(selector);
var l=v.length;
for(i=0;i<l;i++){
    AddTop(v[i],bk,color,size);
    AddBottom(v[i],bk,color,size);
    }
}

function RoundedTop(selector,bk,color,size){
var i;
var v=getElementsBySelector(selector);
for(i=0;i<v.length;i++)
    AddTop(v[i],bk,color,size);
}

function RoundedBottom(selector,bk,color,size){
var i;
var v=getElementsBySelector(selector);
for(i=0;i<v.length;i++)
    AddBottom(v[i],bk,color,size);
}

function AddTop(el,bk,color,size){
var i;
var d=document.createElement("b");
var cn="r";
var lim=4;
if(size && size=="small"){ cn="rs"; lim=2}
d.className="rtop";
d.style.backgroundColor=bk;
for(i=1;i<=lim;i++){
    var x=document.createElement("b");
    x.className=cn + i;
    x.style.backgroundColor=color;
    d.appendChild(x);
    }
el.insertBefore(d,el.firstChild);
}

function AddBottom(el,bk,color,size){
var i;
var d=document.createElement("b");
var cn="r";
var lim=4;
if(size && size=="small"){ cn="rs"; lim=2}
d.className="rbottom";
d.style.backgroundColor=bk;
for(i=lim;i>0;i--){
    var x=document.createElement("b");
    x.className=cn + i;
    x.style.backgroundColor=color;
    d.appendChild(x);
    }
el.appendChild(d,el.firstChild);
}

function getElementsBySelector(selector){
var i;
var s=[];
var selid="";
var selclass="";
var tag=selector;
var objlist=[];
if(selector.indexOf(" ")>0){  //descendant selector like "tag#id tag"
    s=selector.split(" ");
    var fs=s[0].split("#");
    if(fs.length==1) return(objlist);
    return(document.getElementById(fs[1]).getElementsByTagName(s[1]));
    }
if(selector.indexOf("#")>0){ //id selector like "tag#id"
    s=selector.split("#");
    tag=s[0];
    selid=s[1];
    }
if(selid!=""){
    objlist.push(document.getElementById(selid));
    return(objlist);
    }
if(selector.indexOf(".")>0){  //class selector like "tag.class"
    s=selector.split(".");
    tag=s[0];
    selclass=s[1];
    }
var v=document.getElementsByTagName(tag);  // tag selector like "tag"
if(selclass=="")
    return(v);
for(i=0;i<v.length;i++){
    if(v[i].className==selclass){
        objlist.push(v[i]);
        }
    }
return(objlist);
}
	
		
function sortColumn(col,dir) {
   location.href= "ListofArt.php?sortcol="+col+"&direction="+dir;
   return false;
}

/* http://www.alistapart.com/articles/zebratables/ */
function removeClassName (elem, className) {
	elem.className = elem.className.replace(className, "").trim();
}

function addCSSClass (elem, className) {
	removeClassName (elem, className);
	elem.className = (elem.className + " " + className).trim();
}

String.prototype.trim = function() {
	return this.replace( /^\s+|\s+$/, "" );
}

function stripedTable() {
	if (document.getElementById && document.getElementsByTagName) {  
		var allTables = document.getElementsByTagName('table');
		if (!allTables) { return; }

		for (var i = 0; i < allTables.length; i++) {
			if (allTables[i].className.match(/[\w\s ]*scrollTable[\w\s ]*/)) {
				var trs = allTables[i].getElementsByTagName("tr");
				for (var j = 0; j < trs.length; j++) {
					removeClassName(trs[j], 'alternateRow');
					addCSSClass(trs[j], 'normalRow');
				}
				for (var k = 0; k < trs.length; k += 2) {
					removeClassName(trs[k], 'normalRow');
					addCSSClass(trs[k], 'alternateRow');
				}
			}
		}
	}
}

var wd;
var ht;
function bigImage(elem) {
wd = elem.width;
ht = elem.height;
elem.style.width  = (wd+8)+"px";
elem.style.height = (ht+8)+"px";
elem.style.margin = "0px";
}
function smallImage(elem) {
elem.style.width  = wd+"px";
elem.style.height = ht+"px";
elem.style.margin = "5px";
}

function fixPNG(myImage,width,height) { 
// correctly handle PNG transparency in Win IE 5.5 or higher.
       if (!document.all) return;
	 var imgID = (myImage.id) ? "id='" + img.id + "' " : "";
	 var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
	 var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' ";
	 var imgStyle = "display:inline-block;cursor:hand;" + myImage.style.cssText;
	 var strNewHTML = "<span " + imgID + imgClass + imgTitle;
	 strNewHTML += " style=\"" + "width:" + width + "px; height:" + height + "px;" + imgStyle + ";";
	 strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader";
	 strNewHTML += "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"; 
	 myImage.outerHTML = strNewHTML;
   }