function showFramed(artwork, frame) {
	document.getElementById('poster').src = 'images/framed.php?a='+artwork+'&f='+frame;
}

var req;
var arg;
var canAdd = true;

function checkState() {
	if (document.getElementById('stateselect').value == 'null') {
		document.getElementById('stateselect').setAttribute('name','states2');
		document.getElementById('statetext').style.display = 'inline';
		document.getElementById('statetext').setAttribute('name','state');
		document.getElementById('statetext').focus();
	}
	else {
		document.getElementById('stateselect').setAttribute('name','state');
		document.getElementById('statetext').style.display = 'none';
		document.getElementById('statetext').setAttribute('name','states2');
	}
}

function recalcShipping(obj, tot) {
	if (obj.value != 'US') {
		ship = parseInt(document.getElementById('shipforeign').value);
		document.getElementById('shippingvalue').innerHTML = ship +'.00';
		document.getElementById('totalvalue').innerHTML = '$'+(tot+ship)+'.00';
		document.getElementById('shipamount').value = ship;
	}
	else {
		ship = parseInt(document.getElementById('shipdomestic').value);
		document.getElementById('shippingvalue').innerHTML = ship +'.00';
		document.getElementById('totalvalue').innerHTML = '$'+(tot+ship)+'.00';
		document.getElementById('shipamount').value = ship;
	}
}

function loadXMLDoc(url) {
	req = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	try {
			req = new XMLHttpRequest();
        } catch(e) {
			req = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	req = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		req = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		req = false;
        	}
		}
    }
	if(req) {
		req.onreadystatechange = processReqChange;
		req.open("POST", url, true);
		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		req.setRequestHeader("Content-length", arg.length);
		req.setRequestHeader("Connection", "close");
		req.send(arg);
	}
}

totalItems = 0;
totalPrice = 0;

function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
//			alert(req.responseText);
			if (req.responseText == 'failure') {
				alert('An error occurred. Nothing has been added to your cart.');
			}
			else if (req.responseText == 'reloadcartphp') {
				self.location.reload();
			}
			else {
				eval(req.responseText);
				refreshCart();
			}
        }
		
		else {
			alert(req.status);
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
        }
    }
}

function addItem(formObj) {
	if (canAdd) {
		formName = formObj.name;
		itemName = eval('document.'+formName+'.item.value');
		itemTrim = eval('document.'+formName+'.frame.value');
		fullItem = itemName + itemTrim;
		arg = 'op=add&it='+fullItem;
		loadXMLDoc('includes/itemops.php');
		canAdd = false;
	}
//	alert(fullItem);
//	return false;
}

function removeItem(itemObj) {
	itemArr = itemObj.href.split('id=');
	itemId = itemArr[(itemArr.length -1)];
//	alert(itemId);
	arg = 'op=del&it='+itemId;
	loadXMLDoc('includes/itemops.php');
}

function refreshCart() {
	if (document.getElementById('cart')) {
		ih = 'You have <em>'+totalItems+'</em> item';
		if (totalItems > 1) {
			ih += 's';
		}
		ih += ' in your cart, totalling <em>$'+totalPrice+'.00</em> (minus shipping). <a href="cart.php">View/Edit your cart.</a>';
		document.getElementById('cart').innerHTML = ih;
		canAdd = true;
	}
}

function doCheckout() {
	self.location.href = 'checkout.php';
}

function noSpam(me) {
	dst = me.href.replace('[at]','@').replace('[dot]','.');
	self.location.href = dst;
	return false;
}

function clearSlide() {
	document.getElementById('slideshade').style.display = 'none';
	document.getElementById('slide').style.display = 'none';
	document.getElementById('close').style.display = 'none';
	document.getElementById('arrownext').style.display = 'none';
	document.getElementById('arrowprev').style.display = 'none';
}

var objId;

function showImage(obj, w, h) {
//	alert(obj.href);
	if (document.all && !document.documentElement) {
		wi = parseInt(document.body.clientHeight);
		ww = parseInt(document.body.clientWidth);
	}
	else if (document.documentElement && document.all) {
		wi = parseInt(document.documentElement.clientHeight);
		ww = parseInt(document.documentElement.clientWidth);
	}
	else {
		ww = window.innerWidth;
		wi = window.innerHeight;
	}
	ypos = (Math.round(wi / 2) - Math.round(h / 2)) -20;
	xpos = (Math.round(ww / 2) - Math.round(w / 2)) -20;
	document.getElementById('slideshade').style.display = 'block';
	if (document.getElementById('slide').style.display == 'block') {
		document.getElementById('slide').style.background = '#fff';
		closePosX = parseInt(document.getElementById('close').style.left);
		closePosY = parseInt(document.getElementById('close').style.top);
		aPrevPos = parseInt(document.getElementById('arrowprev').style.marginTop);
		aNextPos = parseInt(document.getElementById('arrownext').style.marginTop);
		slideW = parseInt(document.getElementById('slide').style.width);
		slideH = parseInt(document.getElementById('slide').style.height);
		slideX = parseInt(document.getElementById('slide').style.left);
		slideY = parseInt(document.getElementById('slide').style.top);
		
		closePosDstX = (xpos - 15);
		closePosDstY = ((ypos -48) - 15);
		aPrevDst = h + 10;
		aNextDst = h + 10;
		slideDstW = w;
		slideDstH = h+24;
		slideDstX = xpos;
		slideDstY = ypos - 50;
		
		closeXT = new Tween(document.getElementById('close').style,'left',Tween.strongEaseOut,closePosX,closePosDstX,1,'px');
		closeYT = new Tween(document.getElementById('close').style,'top',Tween.strongEaseOut,closePosY,closePosDstY,1,'px');
		aPrevT = new Tween(document.getElementById('arrowprev').style,'marginTop',Tween.strongEaseOut,aPrevPos,aPrevDst,1,'px');
		aNextT = new Tween(document.getElementById('arrownext').style,'marginTop',Tween.strongEaseOut,aNextPos,aNextDst,1,'px');
		slideWT = new Tween(document.getElementById('slide').style,'width',Tween.strongEaseOut,slideW,slideDstW,1,'px');
		slideHT = new Tween(document.getElementById('slide').style,'height',Tween.strongEaseOut,slideH,slideDstH,1,'px');
		slideXT = new Tween(document.getElementById('slide').style,'left',Tween.strongEaseOut,slideX,slideDstX,1,'px');
		slideYT = new Tween(document.getElementById('slide').style,'top',Tween.strongEaseOut,slideY,slideDstY,1,'px');
		
		closeXT.start();
		closeYT.start();
		aPrevT.start();
		aNextT.start();
		slideWT.start();
		slideHT.start();
		slideXT.start();
		slideYT.start();
		
		slideYT.onMotionFinished = function() {
			document.getElementById('slide').style.background = '#fff url('+obj.href+') no-repeat 20px 20px';
		}
		
	}
	else {
		document.getElementById('close').style.left = (xpos - 15) +'px';
		document.getElementById('close').style.top = ((ypos -48) - 15) +'px';
		document.getElementById('close').style.display = 'block';
//		document.getElementById('arrowprev').style.height = h +'px';
//		document.getElementById('arrownext').style.height = h +'px';
		document.getElementById('arrowprev').style.marginTop = (h+10) +'px';
		document.getElementById('arrownext').style.marginTop = (h+10) +'px';
		document.getElementById('slide').style.width = w + 'px';
		document.getElementById('slide').style.height = (h+24) + 'px';
		document.getElementById('slide').style.left = xpos +'px';
		document.getElementById('slide').style.top = (ypos - 50) +'px';
		document.getElementById('slide').style.background = '#fff url('+obj.href+') no-repeat 20px 20px';
//		alert(document.getElementById('slide').style.background);
		document.getElementById('slideshade').style.display = 'block';
		document.getElementById('slide').style.display = 'block';
	}
	if (typeof(images) == 'object') {
		objId = parseInt(obj.id.replace('thumb',''));
		if ((objId -1) < 0) {
			document.getElementById('arrowprev').style.display = 'none';
		}
		else {
			document.getElementById('arrowprev').style.display = 'block';
		}
		if ((objId +1) >= images.length) {
			document.getElementById('arrownext').style.display = 'none';
		}
		else {
			document.getElementById('arrownext').style.display = 'block';
		}
	}
	return false;
}

function imageNext() {
	nextImg = objId + 1;
	if (images[nextImg]) {
		theObj = document.getElementById('thumb'+nextImg);
		w = imgwidth[nextImg];
		h = imgheight[nextImg];
		showImage(theObj, w, h);
	}
}

function imagePrev() {
	prevImg = objId -1;
	if (prevImg >= 0) {
		theObj = document.getElementById('thumb'+prevImg);
		w = imgwidth[prevImg];
		h = imgheight[prevImg];
		showImage(theObj, w, h);
	}
}

window.onload = function() {
	db = document.getElementsByTagName('body')[0];
	slideshade = document.createElement('div');
	slideshade.setAttribute('id','slideshade');
	slideshade.onclick = function() {
		clearSlide();
	}
	
	slide = document.createElement('div');
	slide.setAttribute('id','slide');
	arrowprev = document.createElement('div');
	arrowprev.setAttribute('id','arrowprev');
	
	arrownext = document.createElement('div');
	arrownext.setAttribute('id','arrownext');
	
	closer = document.createElement('div');
	closer.setAttribute('id','close');
	closeicon = document.createElement('img');
	closeicon.setAttribute('src','images/closeicon.png');
	closeicon.setAttribute('width',30);
	closeicon.setAttribute('height',30);
	closeicon.setAttribute('alt','close');
	closeicon.onclick = function() { clearSlide(); }
	
	closer.appendChild(closeicon);
	
	slide.appendChild(arrowprev);
	slide.appendChild(arrownext);
	
	db.appendChild(slideshade);
	db.appendChild(slide);
	db.appendChild(closer);
	
	if (typeof(images) == 'object') {
		if (document.getElementById('arrowprev')) {
			document.getElementById('arrowprev').style.display = 'block';
			document.getElementById('arrowprev').onmouseover = function() {
				if (document.all) {
					document.getElementById('arrowprev').filters.alpha.opacity = 100;
				}
				else{ 
					document.getElementById('arrowprev').style.opacity = 1;
				}
			}
			document.getElementById('arrowprev').onmouseout = function() {
				if (document.all) {
					document.getElementById('arrowprev').filters.alpha.opacity = 50;
				}
				else{ 
					document.getElementById('arrowprev').style.opacity = .5;
				}
			}
			document.getElementById('arrowprev').onclick = function() {
				imagePrev();
			}
		}
		if (document.getElementById('arrownext')) {
			document.getElementById('arrownext').style.display = 'block';
			document.getElementById('arrownext').onmouseover = function() {
				if (document.all) {
					document.getElementById('arrownext').filters.alpha.opacity = 100;
				}
				else{ 
					document.getElementById('arrownext').style.opacity = 1;
				}
			}
			document.getElementById('arrownext').onmouseout = function() {
				if (document.all) {
					document.getElementById('arrownext').filters.alpha.opacity = 50;
				}
				else{ 
					document.getElementById('arrownext').style.opacity = .5;
				}
			}
			document.getElementById('arrownext').onclick = function() {
				imageNext();
			}
		}
	}
}