var gSlideShow = null;
$(document).ready(function () {
  LoadSlideShow();
});


function LoadSlideShow() {
  var DocID = 'design_image_scroller';
  var Elem = document.getElementById(DocID);
  if (!Elem) {
    DocID = 'ArticleContentImgScroll';
    Elem = document.getElementById(DocID);
  }
  if (!Elem) return;
  if (Elem.children.length <= 1) return;
  if (gSlideShow) gSlideShow.cycle('destroy');
  gSlideShow = $('#' + DocID).cycle({
    fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    pager: '#nav'
  });
  setPosOf();
}

function setPosOf() {
	try {
  	var oElem = document.getElementById('footer');
  	var Nav = document.getElementById('nav');
  	var Pos = oElem.offsetLeft + oElem.offsetWidth - Nav.offsetWidth - 50;
  	if(Pos  < 1) {
  		window.setTimeout('setPosOf()',1000);
  		return;
  	}
  	var Msg = 'oElem.offsetLeft :' + oElem.offsetLeft + '\n' +
  	'oElem.offsetWidth : ' + oElem.offsetWidth  + '\n' +
  	'Nav.offsetWidth: ' + Nav.offsetWidth + '\n' +
  	'Pos :' + Pos ;
  	//alert(Msg);
  	  	
  	Nav.style.left = Pos + 'px';
	} catch(e) {
		//Nothing
	}
}