// JavaScript Document

var currentThumb=0;
var pf_scrollTimer;
var pf_scrollDest;
var pf_scrollWidth=494;
var pf_count=0;
var pf_switched=0;
var pf_curbut=0;

function roNb(im) {
	 source =  im.src;
	 newSource = source.replace('_up','_over');
	 im.src = newSource;
}

function rxNb(im) {
	
	if (im.active==undefined) {
	 source =  im.src;
	 newSource = source.replace('_over','_up');
	 im.src = newSource;
	}
}

function activateNb(nbItem) {
var nb = document.getElementById(nbItem);
roNb(nb);
nb.active = true;

}

function roSn(im) {
	 source =  im.src;
	 newSource = source.replace('_up','_over');
	 im.src = newSource;
}

function rxSn(im) {
	
	if (im.active==undefined) {
	 source =  im.src;
	 newSource = source.replace('_over','_up');
	 im.src = newSource;
	}
}

function pf_scrollRight() {	
	window.clearTimeout(pf_scrollTimer);
	scrollToThumb(1,1);
}

function pf_scrollLeft() {	
	window.clearTimeout(pf_scrollTimer);
	scrollToThumb(1,-1);
}

function scrollToThumb(init,direction) {
	area = document.getElementById('clipper');
	
	var leftToGo = area.scrollLeft % 123;
	var multiplier = 1;
	
	if (direction <=1) {
	if (leftToGo > 10) { multiplier = 3; }
	if (leftToGo > 50) { multiplier = 10;}
	var ltg=leftToGo;
	}
	
	if (direction >=1) {
	if (leftToGo > 0) { multiplier = 10; }
	if (leftToGo > 100) { multiplier = 3;}
	if (leftToGo > 110) { multiplier = 1; }
	
	var ltg = 122-leftToGo;
	}
	
	//tr(pf_count);
	//pf_count++;
	
	tr(area.scrollWidth-(area.scrollLeft+pf_scrollWidth));
	
	if (ltg>=1 && area.scrollWidth-(area.scrollLeft+pf_scrollWidth)>0 || init==1) {
		area.scrollLeft +=(direction*multiplier);
		
		
		
		pf_scrollTimer = window.setTimeout("scrollToThumb(0,"+direction+")",20);
	} else {
		checkRightScroll();
		checkLeftScroll();
		window.clearTimeout(pf_scrollTimer);
	}
	
	
	
}

function checkRightScroll() {
	area = document.getElementById('clipper');
	var sl=area.scrollLeft;
	var sw=area.scrollWidth;
	if ((sw-pf_scrollWidth)-sl<=0) {
		btn = document.getElementById('rightScrollBtn');
		roSn(btn);
		btn.style.cursor='';
	} else {
		btn = document.getElementById('rightScrollBtn');
		rxSn(btn);
		btn.style.cursor='pointer';
	}
}
function checkLeftScroll() {
	area = document.getElementById('clipper');
	var sl=area.scrollLeft;
	var sw=area.scrollWidth;
	if (sl<=0) {
		btn = document.getElementById('leftScrollBtn');
		roSn(btn);
		btn.style.cursor='';
	
	} else {
		btn = document.getElementById('leftScrollBtn');
		rxSn(btn);
		btn.style.cursor='pointer';
	}
}

function scrollLeftToThumb(init) {
	area = document.getElementById('clipper');
	if ((area.scrollLeft>0 && area.scrollLeft % 123 !=0) || init==1) {
		area.scrollLeft -=1;
		pf_scrollTimer = window.setTimeout("scrollLeftToThumb(0)",20);
	} else {
		window.clearTimeout(pf_scrollTimer);
	}
	
}

function tr(msg) {
	//document.getElementById('tracer').innerHTML = msg;
}

var pf_slideFinish = function() { pf_swapBlocks(); }

function pf_blindLayout() {
	//var  fx = new Spry.Effect.DoBlind('pfblock1', {duration: 1000, from: '420px', to: '0px', toggle: false, finish: pf_slideFinish});
	
	var  fx = new Spry.Effect.Fade('pfblock1', {duration: 500, from: 100, to: 0, toggle: false, finish: pf_slideFinish});
	//var zip = new Spry.Effect.Slide('pfblock1', {duration: 1000, from: '0%', to: '100%', toggle: false});
	//zip.start();
	fx.start();
	
}



function pf_swapBlocks() {
var block1 = document.getElementById('pfblock1');
var block2 = document.getElementById('pfblock2');
block1.innerHTML = block2.innerHTML;
//var fx = Spry.Effect.DoBlind('pfblock1', {duration: 0, from: '0px', to: '420px', toggle: false});
var  fx = new Spry.Effect.Fade('pfblock1', {duration: 0, from: 0, to: 100, toggle: false});
fx.start();
}


function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 //alert('trying');
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}


function loadPage(but,str)
{ 
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }
if (pf_curbut==0) {
pf_curbut=but;
pf_curbut.oldsrc=but.src;
but.style.cursor='wait';
//but.src="/siteimages/our_work/buttons/loading.gif";
}
//alert(but.src);
 
var url="/portfolio/"+str;
xmlHttp.onreadystatechange=stateChanged 
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 pf_switched=0;
 document.getElementById('pfblock2').innerHTML=xmlHttp.responseText;
 //pf_blindLayout();
 //document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}

function transit(x){
	if (pf_switched==0){
	pf_blindLayout();
	pf_switched=1;
	if (pf_curbut!=0) {
		//pf_curbut.src=pf_curbut.oldsrc;
		
		pf_curbut.style.cursor='pointer';
		pf_curbut=0;
	}
	}
}

function swapClientImage(no) {
	im = document.getElementById('cimage');
	oldsrc = new String(im.src);
	newsrc = oldsrc.replace(/_.*\.jpg/,'_'+no+'.jpg');
	im.src = newsrc;
	
}


/*

function pf_scrollRight() {
area = document.getElementById('clipper');
area.scrollLeft += 123;
}

function pf_scrollLeft() {
area = document.getElementById('clipper');
area.scrollLeft -= 50;
}

function targ(num) {
area = document.getElementById('clipper');
currentThumb = num;
pf_scrollDest = (123*num)-494;
pf_scroll();
}



function pf_scroll() {
	area = document.getElementById('clipper');
	document.getElementById('tracer').innerHTML = 'DIST : '+area.scrollLeft + ' DEST : '+pf_scrollDest;
	if (area.scrollLeft == pf_scrollDest) {
		document.getElementById('tracer').innerHTML = '####DONE : '+area.scrollLeft;
		window.clearTimeout(pf_scrollTimer)
		return false;
	} else {
		if (area.scrollLeft > pf_scrollDest) {
			area.scrollLeft -=1;
		} 
		if (area.scrollLeft < pf_scrollDest) {
			area.scrollLeft +=1;
		}
		pf_scrollTimer = window.setTimeout("pf_scroll()", 1);
	}
}

*/