var comingsoonimage = new Image(44,44); 
comingsoonimage.src="http://www.waltdesign.com.au/project/special/thumbs/coming_soon.jpg";

var xmlDoc;
var tumbled = false;
var thumbCount = 0;
var current = null;

var chClicked = false;
var sbClicked = false;
var cdClicked = false;
var tbClicked = false;
var liClicked = false;
var csClicked = false;
var spClicked = false;
var mvClicked = false;
var cnClicked = false;

function clearMenu(id) {
    var menuItem = document.getElementById(id);
    newSrc = '/graphics/'+id+'_on.png';
    menuItem.setAttribute('src', newSrc);
}

function setMenu(id) {
    var menuItem = document.getElementById(id);
    newSrc = '/graphics/'+id+'_off.png';
    menuItem.setAttribute('src', newSrc);
    if (id == 'chair' && chClicked == false) {
        chClicked = true;
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'sideboard' && sbClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = true;
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'chest_drawers' && cdClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = true;
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'table' && tbClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = true;
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'light' && liClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = true;
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'custom' && csClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = true;
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'special' && spClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = true;
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'my_vision' && mvClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = true;
        cnClicked = false;
        clearMenu('contact_me');
    }
    if (id == 'contact_me' && cnClicked == false) {
        chClicked = false;
        clearMenu('chair');
        sbClicked = false;
        clearMenu('sideboard');
        cdClicked = false;
        clearMenu('chest_drawers');
        tbClicked = false;
        clearMenu('table');
        liClicked = false;
        clearMenu('light');
        csClicked = false;
        clearMenu('custom');
        spClicked = false;
        clearMenu('special');
        mvClicked = false;
        clearMenu('my_vision');
        cnClicked = true;
    }
}

function getFlashMovieObject(movieName)
{
  if (window.document[movieName]) 
  {
      return window.document[movieName];
  }
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName])
      return document.embeds[movieName]; 
  }
  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
  {
    return document.getElementById(movieName);
  }
}

function tumbleStar() {
if (tumbled == false) {
    var fm=getFlashMovieObject('star');
    fm.GotoFrame(2);
    fm.Play();
    tumbled = true;
    setTimeout("showThumbs()", 3200);
} 
else {
    setTimeout("showThumbs()", 500);
}
}

function showThumbs() {
    var thumbInterval = window.setInterval(makeThumbVisible, 175);

   function makeThumbVisible() {
      var thumb_id = "thumb_"+thumbCount;
      var thumb = document.getElementById(thumb_id);
      thumb.style.visibility = "visible";

      if (thumbCount == 15)
      {
	   window.clearInterval(thumbInterval);
           thumbCount = 0;
      }
      else {
           thumbCount++;
      }
   }
}

function doCurrent(thumbid) {
    if (current == null) {
        current = thumbid;
    }
    else {
        //var oldCurrent = document.getElementById(current);
        //var top = getTop(current);
        //var left = getLeft(current);
        //oldCurrent.style.top = (top+4) + "px";
        //oldCurrent.style.left = (left+4) + "px";
        if (thumbid != current) {
            shrink(current);
        }
        current = thumbid;      
    }
    //for (var i = 0; i < 16; i++) {
        //var id = "thumb_" + i;
        //document.getElementById(id).style.borderWidth = "2px";
    //}
    //var thumb = document.getElementById(thumbid);
    //var top = getTop(thumbid);
    //var left = getLeft(thumbid);
    //thumb.style.top = (top-4) + "px";
    //thumb.style.left = (left-4) + "px";
    //thumb.style.borderWidth = "6px";
    grow(thumbid);
}

function loadPage(page) {
    var pageToLoad = "http://www.waltdesign.com.au"+page;
    frames['gallery'].location.href = pageToLoad;
}

function viewThumbs(xmlURL)
{
// code for IE
if (window.ActiveXObject)
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async=false;
  xmlDoc.load(xmlURL);
  getmessage();
  }
// code for Mozilla, Firefox, Opera, etc.
else if (document.implementation &&
document.implementation.createDocument)
  {
  xmlDoc=document.implementation.createDocument("","",null);
  xmlDoc.load(xmlURL);
  xmlDoc.onload=getmessage;
  }
else
  {
  alert('Your browser cannot handle this script');
  }
}

function getmessage()
{

var root = xmlDoc.documentElement;
var thumbpath = root.getAttribute("thumbPath");

var x = xmlDoc.getElementsByTagName("IMAGE");

var counter = 0;
var src = "";
var href = "";
var id = "";
var htmlToInsert = "";

for (var i = 0; i < x.length; i++) {
    if (window.ActiveXObject) {
        var namenode = x[i].getElementsByTagName("NAME");
        var srcnode = x[i].getElementsByTagName("URL");
        src = thumbpath + namenode.item(0).text;
        href = srcnode.item(0).text;
    }
    else {  
        src = thumbpath + x[i].childNodes[1].childNodes[0].nodeValue;
        href = x[i].childNodes[5].childNodes[0].nodeValue;
    }
    id = "thumb_"+i;
    if (href == "comingsoon") {
    htmlToInsert = htmlToInsert + "<a target=\"gallery\"><img class=\"thumb\" id=\"" + id + "\" src=\"" + comingsoonimage.src + "\" alt=\"\" height=\"43\" width=\"43\"></a>";
    }
    else {
    htmlToInsert = htmlToInsert + "<a href=\"" + href + "\" target=\"gallery\"><img onclick=\"doCurrent('" + id + "');\" id=\"" + id + "\" class=\"thumb\" src=\"" + src + "\" alt=\"\" height=\"43\" width=\"43\"></a>";
    }
}
document.getElementById("viewer").innerHTML = htmlToInsert;
}

function getTop(id){
	var top = 0;
        var thumb = document.getElementById(id);
	top  += thumb.offsetTop;
        return top;
}

function getLeft(id){
	var left = 0;
        var thumb = document.getElementById(id);
        left += thumb.offsetLeft;
        return left;
}

function grow(thumb_id) {
	var thumb = document.getElementById(thumb_id);
	var growInterval;
        var growCounter = 0;	
	
            growInterval = window.setInterval(growStep, 10);

        function growStep()
		{
			var step = 1;
			var width = parseInt(thumb.getAttribute('width'));
			var height = parseInt(thumb.getAttribute('height'));
            var top = getTop(thumb_id);
            var left = getLeft(thumb_id);

			if (width < 70)
			{
				width += step;
				height += step;
				top -= step;
				left -= step;

				thumb.setAttribute('width', width);
				thumb.setAttribute('height', height);
	            thumb.style.height = height + "px";
	            thumb.style.width = width + "px";

                if (growCounter%2 == 0) {
	            	thumb.style.top = top + "px";
	                thumb.style.left = left + "px";
                }
            	growCounter++;
				if (width == 70)
				{
		    		window.clearInterval(growInterval);
				}
			}
		}	
}

function shrink(thumb_id) {
        var thumb = document.getElementById(thumb_id);
        var shrinkCounter = 0;
        var shrinkInterval = window.setInterval(shrinkStep, 10);
        function shrinkStep()
		{
			var step = 1;
			var width = parseInt(thumb.getAttribute('width'));
			var height = parseInt(thumb.getAttribute('height'));
            var top = getTop(thumb_id);
            var left = getLeft(thumb_id);

			if (width > 44)
			{
				width -= step;
				height -= step;
				top += step;
				left += step;

				thumb.setAttribute('width', width);
				thumb.setAttribute('height', height);
	            thumb.style.height = height + "px";
	            thumb.style.width = width + "px";

                if (shrinkCounter%2 == 0) {
	            	thumb.style.top = top + "px";
	                thumb.style.left = left + "px";
                }
                shrinkCounter++;

				if (width == 44)
				{
			    	window.clearInterval(shrinkInterval);
				}
			}
		}
}