// JavaScript Document

function showNext() {
	vCurrentNum=vCurrentNum+1;
	if (vCurrentNum>jMaxNo) {vCurrentNum=jMaxNo}
	showThis(vCurrentNum);
	
	checkButtons();
}

function showPrevious() {
	vCurrentNum=vCurrentNum-1;
	if (vCurrentNum<0) { vCurrentNum=0 }
	showThis(vCurrentNum);

	checkButtons();
}

function showThis(vNum) {
	
	objEl=document.getElementById('picInsert');
	
	if (objEl==null) {
			showPage('insert2.htm','dvInsert');
	}
	
	vCurrentNum=vNum;
	objPic=document.getElementById('picInsert');
	objPic.src='pics/fullsize/'+jImageDir+'/'+jImage[vCurrentNum].split("|",1);

	objDesc=document.getElementById('picDesc');
	objDesc.src='pics/descriptions/'+jImageDir+'/'+jImage[vCurrentNum].split("|",1);

	
	MM_showHideLayers('dvInsert','','show');
	
	checkButtons();
}

function buyThis() {

	vPrice=jImage[vCurrentNum].split("|",2);
	vDesc=vPrice[0].split(".",1);
	showPage("shopping.asp?action=add&item="+jImageDir+vCurrentNum+"&desc="+vDesc+"&price="+vPrice[1],"dvShopping")
	
	addHeader('dvShopping');
}

function updateQty(oItem,vItemRef) {
	
	window.location=("shopping.asp?action=upd&item="+vItemRef+"&qty="+oItem.value)
	
}


function showBasket() {

	showPage("shopping.asp?action=viewcart","dvShopping")
	
	addHeader('dvShopping');
}

function checkButtons() {
	if (vCurrentNum==jMaxNo) {
		objBut=document.getElementById('btnNext')
		objBut.src='images/btnNext_f3.gif'
	} else {
		objBut=document.getElementById('btnNext')
		objBut.src='images/btnNext.gif'
	}		

	if (vCurrentNum==0) {
		objBut=document.getElementById('btnPrevious')
		objBut.src='images/btnPrevious_f3.gif'
	} else {
		objBut=document.getElementById('btnPrevious')
		objBut.src='images/btnPrevious.gif'
	}		
}

function swapImage(vObject,vPic) {
		objBut=document.getElementById(vObject)
		objBut.src=vPic
		
		checkButtons();
	
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function showPage(vPage,vLayer)
{ 
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
	alert ("Browser does not support HTTP Request")
	return
	} 
	
	var tURL
	
	objEl=document.getElementById(vLayer)
	
	objEl.innerHTML="Processing ... "
	objSt=getStyleObj(vLayer)
	objSt.display="Block"
	xmlHttp.onreadystatechange=stateChanged 
	xmlHttp.open("GET",vPage,false)
	xmlHttp.send(null)
	
	center(vLayer);
	
}

function hideSub(vLayer)
	{ 
	objSt=getStyleObj(vLayer)
	objSt.display='none';
}

function stateChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
	{ 
		objEl.innerHTML=xmlHttp.responseText
	} 
} 


function GetXmlHttpObject()
{ 
	var objXMLHttp=null
	if (window.XMLHttpRequest)
	{
	objXMLHttp=new XMLHttpRequest()
	}
	else if (window.ActiveXObject)
	{
	objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
	}
	return objXMLHttp
}

function addHeader(vLayer) {

	tHeader='<div id="'+vLayer+'_hd" style="position: absolute; left: 0px; top: 0px; width: 98%; height: 20px; background-color: rgb(185, 0, 61);"><span class="whiteText" style="text-align: left; float: left;"/><span style="text-align: right; float: right;"><a class="rightText" href="javascript:hideSub('
	tHeader+="'"+vLayer+"'"
	tHeader+=')"><img width="20" height="20" border="0" src="images/close.png"/></a></span></div>'

	objEl=document.getElementById(vLayer);
	
	// prepare the inner html, and change the close layer name
	if (!document.getElementById(vLayer+'_hd')) {
		
		objNewDiv=document.createElement('div');
		objNewDiv.setAttribute('id',vLayer+'_hd');
		objNewDiv.innerHTML = tHeader
		objNewDiv.style.position = 'absolute'
		objNewDiv.style.left= "0px"
		objNewDiv.style.top= "0px"
		objNewDiv.style.width="100%"
		objNewDiv.style.height="20px"
		objNewDiv.style.backgroundColor="#B9003D"
		objEl.appendChild(objNewDiv);
		
	
	}
}


function center(element){
	
	var viewPortWidth = windowState.getWidth();
	var viewPortHeight = windowState.getHeight();
	var horizontalScroll = windowState.getScrollX();
	var verticalScroll = windowState.getScrollY();

	//alert("WxH;" + viewPortWidth + "-" + viewPortHeight);
	var	objEl= document.getElementById(element)
	var divWidth = objEl.scrollWidth
	var divHeight = objEl.scrollHeight
	//alert("Div WxH;" + divWidth + "-" + divHeight);

    
	var hPos = Math.round(horizontalScroll+((viewPortWidth-divWidth)/2));
	var vPos = Math.round(verticalScroll+((viewPortHeight-divHeight)/2));

	hPos = (hPos < 0)?0:hPos;
	vPos = (vPos < 0)?0:vPos;

	objSt = getStyleObj(element);
	objSt.left = hPos + "px";
    objSt.top  = vPos + "px";

    objSt.display  = 'block';
}

function getStyleObj(id){
var obj = null;
if(document.getElementById){
obj = document.getElementById(id);
}else if(document.all){
obj = document.all[id];
}else if(document.layers){
obj = document.layers[id];
}
return (obj && obj.style) || obj;
}


var windowState = (function(){
var readScroll = {scrollLeft:0,scrollTop:0};
var readSize = {clientWidth:0,clientHeight:0};
var readScrollX = 'scrollLeft';
var readScrollY = 'scrollTop';
var readWidth = 'clientWidth';
var readHeight = 'clientHeight';
function otherWindowTest(obj){
if((document.compatMode)&&
(document.compatMode == 'CSS1Compat')&&
(document.documentElement)){
return document.documentElement;
}else if(document.body){
return document.body;
}else{
return obj;
}
};
if((typeof this.innerHeight == 'number')&&
(typeof this.innerWidth == 'number')){
readSize = this;
readWidth = 'innerWidth';
readHeight = 'innerHeight';
}else{
readSize = otherWindowTest(readSize);
}
if((typeof this.pageYOffset == 'number')&&
(typeof this.pageXOffset == 'number')){
readScroll = this;
readScrollY = 'pageYOffset';
readScrollX = 'pageXOffset';
}else{
readScroll = otherWindowTest(readScroll);
}
return {
getScrollX:function(){
return (readScroll[readScrollX]||0);
},
getScrollY:function(){
return (readScroll[readScrollY]||0);
},
getWidth:function(){
return (readSize[readWidth]||0);
},
getHeight:function(){
return (readSize[readHeight]||0);
}
};
})();
//-->