//
var path ="images/gallery/";
var photoNum = 0;
var photos = [
			  ['tb_leaf_earings.jpg','tb_pod_bunch_necklace.jpg','tb_pod_necklace.jpg'],
			  ['tb_ring.jpg','tb_bell_flower_earrings.jpg','tb_charm_bracelet.jpg'],
			  ['tb_frangipani_necklace.jpg','tb_golf_flag_pins.jpg','tb_mop_set.jpg'],
			  ['tb_pod_earrings.jpg','tb_pod_tendril_brooch.jpg','tb_pod_tangle_necklace.jpg'],
			  ['tb_trumpet_flower_earrings.jpg','tb_tulip_flower_earrings.jpg','tb_pearl_necklace.jpg'],
			  ['tb_red_glass_beads_necklace.jpg','tb_blue_bead_necklace.jpg','tb_wooden_rings.jpg']
		     ];
var photoText = [
				 ['Leaf Earings : Stg Silver and Copper', 'Pod Bunch Necklace : Stg Silver and Copper', 'Pod Necklace : Stg Silver'],
				 ['Ring : Stg Silver and Wood (Jarrah)', 'Bell Flower Earrings : Stg Silver and Copper', 'Charm Bracelet : Stg Silver and Copper'],
				 ['Frangipani Necklace : Stg Silver and Waxed Thread', 'Golf Flag Pins : Stg Silver and Silicone', 'Karekare Necklace and Earring set : Mother of Pearl with Waxed Thread'],
			     ['Pod Earrings : Stg Silver','Pod Tendril Brooch : Stg Silver and Copper with Stainless Steel Pin','Pod in a Tangle Necklace : Stg Silver and Thread'],
				 ['Trumpet Flower Earrings : Stg Silver and Copper','Tulip Flower Earrings : Stg Silver and Copper','Pacifica Necklace : Freshwater Pearls, Waxed Thread and Stg Silver'],
				 ['Pacifica Necklace : Red Glass Beads, Waxed Thread and Stg Silver','Pacifica Necklace : Blue Glass Beads, Waxed Thread and Stg Silver','Wooden Rings : Stg Silver with Douglas Fir, Jarrah, Tawa, Ironbark, Palmwood, Rimu, Kauri and Wenge']
				];

function init(){
	if(document.getElementById){
		var nav = cssQuery('div#photobox a');
		var toggle = cssQuery('div#tabs a');

		//Gallery
		for(i=0; i<nav.length; i++){
			nav[i].onclick=function(){
				if(this.className == 'previous'){previous();}
				else if(this.className == 'next'){next();}
			}
		}
		setImages(photoNum);
		//About
		for(j=0; j<toggle.length; j++){
			toggle[j].onclick=function(){
				if(this.className == 'about-switch'){showHide('about'); }
				if(this.className == 'contact-switch'){showHide('contact');}
				return false;
			}
		}
	}
}

function setImages(num){
	var imgs = cssQuery('dl.image dt a img');
	var captions = cssQuery('dl.image dd');
	for(i=0; i<imgs.length; i++){
	   txt=captions[i].firstChild;
	   txt.nodeValue = txt.nodeValue.replace(txt.nodeValue, photoText[num][i]);
       imgs[i].setAttribute('src', path+photos[num][i]);
	   imgs[i].setAttribute('alt', txt.nodeValue);
	   imgs[i].setAttribute('id', 'img-'+i);
	   imgs[i].onclick = function(){
	       createPopup(this.getAttribute('src'), this.getAttribute('alt'));
	   }
	   setOpacity(document.getElementById(imgs[i].getAttribute('id')), 0);
	   fadeIn(imgs[i].getAttribute('id'),0);
	}
}
function createPopup(path, text){
    var wrapperDiv = document.getElementById('wrapper');
    var popUp = document.createElement('div');
    var popLink = document.createElement('a');
    var linkText = document.createTextNode('Close');
    var popImg = document.createElement('img');
    var title = document.createElement('p')
    var titleText = document.createTextNode(text);

    popUp.setAttribute('id', 'popup');
    popLink.setAttribute('href', '#');
    popLink.setAttribute('id', 'close');
    popLink.setAttribute('title','Click to Close');
    popLink.onclick=function(){
       wrapperDiv.removeChild(popUp);
    }
    popImg.setAttribute('src', path.replace('tb_', 'lrg_'));
    popImg.setAttribute('alt', text);

    popUp.appendChild(popLink);
    popLink.appendChild(linkText);
    popUp.appendChild(popImg);
    popUp.appendChild(title);
    title.appendChild(titleText);
    wrapperDiv.appendChild(popUp);

    setOpacity(document.getElementById(popUp.getAttribute('id')), 0);
	fadeIn(popUp.getAttribute('id'),0);
}
function previous(){
	(photoNum<=0)? photoNum=photos.length-1 : photoNum -=1;
	 setImages(photoNum);
}

function next(){
	(photoNum>=photos.length-1)? photoNum = 0 : photoNum +=1;
	setImages(photoNum);
}

function showHide(id){
	var e = document.getElementById(id);
	var divs = cssQuery('div');

    for(i in divs){
        if(divs[i].getAttribute('id') == id){
           divs[i].className = (divs[i].className == 'hide')? 'show' : 'hide';
        }else if(divs[i].getAttribute('id') != id){
            divs[i].className = 'hide';
        }
    }
	setOpacity(e, 0);
	fadeIn(id,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId, opacity) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 20;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", Math.round(50/100));
    }
}

window.onload=function(){init();initForm("frmcontact");}