var works_data, oWorksCate, oWorksZoom, oWorksNum, oWorksThumb;
function fnLoadWorksCate(result) {
		works_data = result;
		oWorksCate = works_data.getElementsByTagName("title");
		oWorksZoom = works_data.getElementsByTagName("zoom_prefix");
		oWorksNum = works_data.getElementsByTagName("file_num");
		oWorksThumb = works_data.getElementsByTagName("thumb_prefix");
    
    var iWorksCate = oWorksCate.length;
    var sWorksCate, sWorksThumb;
    if (oWorksCate != null && iWorksCate > 0)
    {
        sWorksCate = "<ul>";
        for (var i=0; i < iWorksCate; i++)
        {    
            sWorksCate += "<li><a href=\"works.html#?"
            		+ i
            		+ "\" onclick=\"javascript:fnLoadWorksThumb(" + i + ");\">"
            		+ oWorksCate[i].firstChild.nodeValue + "</a></li>";
        }
        sWorksCate += "</ul>";
    }
    document.getElementById("divWorksCate").innerHTML = sWorksCate;
 		fnLoadWorksThumb(getCateId());
}

function fnLoadWorksThumb(cateId) {
    if (document.getElementById("divWorksThumb") != null) {
			var iThumbNum = oWorksNum[cateId].firstChild.nodeValue;
	    var sThumbPrefix = "<img src=\"images/works/" + oWorksThumb[cateId].firstChild.nodeValue;
	    var sThumbSuffix = ".jpg\" border=\"0\" />";
	    var sTxt = "<ul>";
	    for (var i = 1; i <= iThumbNum; i++) {
	    		sTxt += "<li><a href=\"javascript:fnLoadWorksZoom("
	    				+ cateId + "," + i + ");\">" 
	    				+ sThumbPrefix + formatNum(i,"00")
	    				+ sThumbSuffix + "</li></a>";
	    }
	    sTxt += "</ul>";
	    document.getElementById("divWorksThumb").innerHTML = sTxt;
	    fnLoadWorksZoom(cateId,1);
    }
}

function fnLoadWorksZoom(cateId,thumbId) {
//		showLoading();
		var sZoomPrefix = "<img src=\"images/works/" + oWorksZoom[cateId].firstChild.nodeValue;
		var sZoomSuffix = ".jpg\" border=\"0\" />";
		var sTxt = sZoomPrefix + formatNum(thumbId,"00") + sZoomSuffix;
		if (document.getElementById("divWorksZoom") != null) {
//				document.getElementById("divWorksZoom").style.background = "url(images/works/"
//						+ oWorksZoom[cateId].firstChild.nodeValue
//						+ formatNum(thumbId,"00")
//						+ ".jpg) no-repeat";
				document.getElementById("divWorksZoom").innerHTML = sTxt;
		}
}

function formatNum(iNum,sMask) {
		var sNum = iNum.toString();
		if (sNum.length < sMask.length) {
			for (var i = 0; i <= sMask.length-sNum.length; i++) {
					sNum = "0" + sNum;
			}
		}
		return sNum;
}

function getCoordinate(obj)
{
  var pos =
  {
    "x" : 0, "y" : 0
  }

  pos.x = document.body.offsetLeft;
  pos.y = document.body.offsetTop;

  do
  {
    pos.x += obj.offsetLeft;
    pos.y += obj.offsetTop;

    obj = obj.offsetParent;
  }
  while (obj.tagName.toUpperCase() != 'BODY')

  return pos;
}
function showCatalog(obj)
{
  var pos = getCoordinate(obj);
  var div = document.getElementById("divWorksCate");

  if (div && div.style.display != 'block')
  {
    div.style.display = 'block';
    div.style.left = pos.x + "px";
    div.style.top = (pos.y + obj.offsetHeight - 1) + "px";
  }
}

function hideCatalog(obj)
{
  var div = document.getElementById("divWorksCate");
  if (div && div.style.display != 'none') div.style.display = "none";
}

function getCateId1() {
		var urlString = document.location.search.substring(1);
		var theId = new Number(urlString);
		return isNaN(theId) ? 0 : theId;
}

function getCateId() {
	var urlString = document.location.toString();
	var iPos = urlString.lastIndexOf("#")+2;
	var theId = new Number(urlString.substr(iPos));
	return isNaN(theId) ? 0 : theId;
}


function QueryString(fieldName)
{ 
	var urlString = document.location.search;
	if(urlString != null)
	{
		var typeQu = fieldName+"=";
		var urlEnd = urlString.indexOf(typeQu);
		if(urlEnd != -1)
		{
		var paramsUrl = urlString.substring(urlEnd+typeQu.length);
		var isEnd = paramsUrl.indexOf('&');
			if(isEnd != -1)
			{
				return paramsUrl.substring(0, isEnd);
			}
			else
			{
				return paramsUrl;
			}
		}
		else 
		return null;
	}
	else
	return null;
}

function showLoading() {
	if (document.getElementById("divLoader") != null) {
		document.getElementById("divLoader").style.display = "block";
	}
}
function hideLoading() {
	if (document.getElementById("divLoader") != null) {
		document.getElementById("divLoader").style.display = "none";
	}
}

function showWorkZoom() {
	if (!document.getElementsByTagName){ return; }
	var anchors = document.getElementsByTagName('a');

	// loop through all anchor tags
	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];
		
		var relAttribute = String(anchor.getAttribute('rel'));
		
		// use the string.match() method to catch '760work' references in the rel attribute
		if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('760work'))){
			anchor.onclick = function () {loadWorkZoom(this); return false;}
		}
	}
}

function loadWorkZoom(imageLink) {
	var zoomArea = document.getElementById("divWorksZoom");
	var sTxt = "<a rel=\"" + imageLink.getAttribute('rel').replace('760work','lightbox') + "\" href=\"" + imageLink.getAttribute('href') + "\" onclick=\"javascript:myLightbox.start(this);\">";
	sTxt += "<img src=\"" + imageLink.getAttribute('href') + "\" border=\"0\" /></a>";
	if (zoomArea != null) {
		zoomArea.getElementsByTagName("a")[0].setAttribute("href",imageLink.getAttribute('href'));
		zoomArea.getElementsByTagName("img")[0].setAttribute("src",imageLink.getAttribute('href'));

//		document.getElementById("divWorksZoom").innerHTML = sTxt;
	}
}