var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/fclients/1.gif", "", ""] //plain image syntax
fadeimages[1]=["images/fclients/casa.gif", "http://www.4design.tv", "_new"] //image with link syntax
fadeimages[2]=["images/fclients/google.gif", "http://www.4design.tv", "_new"] //image with link syntax
fadeimages[3]=["images/fclients/icl.gif", "http://www.4design.tv", "_new"] //image with link syntax

fadeimages[4]=["images/fclients/retpath.gif", "http://www.4design.tv", "_new"] //image with link syntax


//fadeimages[2]=["images/yahoo.gif", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
 
//var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
////SET IMAGE PATHS. Extend or contract array as needed
//fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
//fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
//fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax
 
var fadebgcolor=""

////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
var intPage = 0;
var intBookSize = 6;
var intOn = 0;
var intImgSize = 740;
var intBookEnd = 0;
var intStepSize = 74;
var intNitro = 1;

var strImg = new Array;
var imgImg = new Array;


strImg[0] = "/images/home.gif";
strImg[1] = "/images/search.gif";
strImg[2] = "/images/affiliate.gif";
strImg[3] = "/images/port.gif";
strImg[4] = "/images/blog.gif";
strImg[5] = "/images/contact.gif";


strImg[6] = "/images/spacer-gb.gif";
strImg[7] = "/images/spacer-bb.gif";
strImg[8] = "/images/spacer-gg.gif";
strImg[9] = "/images/spacer-bg.gif";


for (var w=0;w<strImg.length;w++)
{
	imgImg[w] = new Image(10,10);
	imgImg[w].src = strImg[w];
}

function mouseLeft(){if(intPage>0){intPage--;intOn = 1;rollin();}else{intOn = 1;rolltoend();}}
function mouseRight(){if(intPage<intBookSize-1){intPage++;intOn = 2;rollin();}else{intOn = 2;rolltoend();}}

function clickLeft(){intOn = 0;walkin(1);}
function clickRight(){intPage++;intOn = 0;walkin(2);}

function butt(intGo)
{
	intNitro = intPage-intGo;
	if(intNitro<0)
		intNitro = intNitro * -1;
	if(intPage>intGo)
	{
		intPage = intGo + 1;
		mouseLeft();
	}
	else if(intPage<intGo)
	{
		intPage = intGo - 1;
		mouseRight();
	}
	//else
		//alert("no move");
}



function walkin(intDir)
{
	intOn = 0;
	var intHop = 0;
	var intImg = 0;
	var obj1 = document.getElementById("maincontent");
	dblImg = obj1.scrollLeft/intImgSize;
	intImg = parseInt(dblImg);
	if(intDir==1)
	{
		if(obj1.scrollLeft<intImgSize)
			intMove = 0;
		else
		{
			if(intImg==dblImg)
				intImg--;
			intMove = intImg*intImgSize;
		}
	}
	else if(intDir==2)
	{
		if(obj1.scrollLeft<intImgSize)
			intHop = intImgSize - obj1.scrollLeft;
		else
		{
			if(intImg==dblImg)
				intHop = intImgSize;
			else if(intImg<dblImg)
			{
				intImg++;
				intHop = intImg*intImgSize - obj1.scrollLeft;
			}
		}
		intMove = obj1.scrollLeft + intHop;
	}
	obj1.scrollLeft = intMove;
}

function rollin()
{
	if(intOn>0)
	{
		var obj1 = document.getElementById("maincontent");
		//var obj2 = document.getElementById('a' + intPage);
		var intStep = intStepSize * intNitro;
		var intT = intPage;
		tabsOff();
		spcOff();
		tabOn(intPage);
		if(intT>0)
			document.getElementById('spc' + intT).className = "spacer-bg";
		intT++;
		if(intT<intBookSize)
			document.getElementById('spc' + intT).className = "spacer-gb";
		if(intOn==1)
		{
			intStep = intStep * -1;
			intBookEnd = intPage * intImgSize;
			
			document.getElementById("arisha").innerHTML = obj1.scrollLeft + "-->" + intBookEnd;
			if(obj1.scrollLeft<=intBookEnd)
			{
				//alert("fin");
				intOn = 0;
				intNitro = 1;
				
			}
			else
			{
				obj1.scrollLeft = obj1.scrollLeft + intStep;
				setTimeout("rollin()",10);
			}
		}
		else
		{
			intBookEnd = intPage * intImgSize;
			document.getElementById("arisha").innerHTML = obj1.scrollLeft + "-->" + intBookEnd;
			if(obj1.scrollLeft>=intBookEnd)
			{
				//alert("fin");
				intOn = 0;
				intNitro = 1;
			}
			else
			{
				obj1.scrollLeft = obj1.scrollLeft + intStep;
				setTimeout("rollin()",10);
			}
		}
	}
}

function rolltoend()
{
	if(intOn>0)
	{
		var obj1 = document.getElementById("maincontent");
		var intStep = 350;
		var intT = intPage;
		if(intOn==2)
		{
			tabsOff();
			spcOff();
			tabOn(0);
			document.getElementById("spc1").className = "spacer-gb";
			intStep = intStep * -1;
			intBookEnd = 0;
			document.getElementById("arisha").innerHTML = obj1.scrollLeft + "-->" + intBookEnd;
			if(obj1.scrollLeft<=intBookEnd)
			{
				
				//alert("fin");
				intPage = 0;
				intOn = 0;
				
			}
			else
			{
				obj1.scrollLeft = obj1.scrollLeft + intStep;
				setTimeout("rolltoend()",10);
			}
		}
		else
		{
			intBookEnd = intBookSize - 1;
			tabsOff();
			spcOff();
			tabOn(intBookEnd);
			document.getElementById("spc" + intBookEnd).className = "spacer-bg";
			intBookEnd = intBookEnd * intImgSize;
			document.getElementById("arisha").innerHTML = obj1.scrollLeft + "-->" + intBookEnd;
			if(obj1.scrollLeft>=intBookEnd)
			{
				//alert("fin");
				intPage = intBookSize - 1;
				intOn = 0;
			}
			else
			{
				obj1.scrollLeft = obj1.scrollLeft + intStep;
				setTimeout("rolltoend()",10);
			}
		}
	}
}

function buttover(intTab)
{
	if(intTab!=intPage)
	{
		var intDist = intTab - intPage;
		if(intDist==1)
		{
			tabOn(intTab);
			document.getElementById('spc' + intTab).className = "spacer-gg";
			intTab++;
			if(intTab<intBookSize)
				document.getElementById('spc' + intTab).className = "spacer-gb";
		}
		else if(intDist==-1)
		{
			tabOn(intTab);
			if(intTab>0)
				document.getElementById('spc' + intTab).className = "spacer-bg";
			intTab++;
			if(intTab<intBookSize)
				document.getElementById('spc' + intTab).className = "spacer-gg";
		}
		else if(intDist>0)
		{
			tabOn(intTab);
			document.getElementById('spc' + intTab).className = "spacer-bg";
			intTab++;
			if(intTab<intBookSize)
				document.getElementById('spc' + intTab).className = "spacer-gb";
		}
		else if(intDist<0)
		{
			tabOn(intTab);
			if(intTab>0)
				document.getElementById('spc' + intTab).className = "spacer-bg";
			intTab++;
			document.getElementById('spc' + intTab).className = "spacer-gb";
		}
	}
	
}
function buttout(intTab)
{
	
	if(intTab!=intPage)
	{
		var intDist = intTab - intPage;
		if(intDist==1)
		{
			tabOff(intTab);
			document.getElementById('spc' + intTab).className = "spacer-gb";
			intTab++;
			if(intTab<intBookSize)
				document.getElementById('spc' + intTab).className = "spacer-bb";
		}
		else if(intDist==-1)
		{
			tabOff(intTab);
			if(intTab>0)
				document.getElementById('spc' + intTab).className = "spacer-bb";
			intTab++;
			if(intTab<intBookSize)
				document.getElementById('spc' + intTab).className = "spacer-bg";
		}
		else if(intDist>0)
		{
			tabOff(intTab);
			document.getElementById('spc' + intTab).className = "spacer-bb";
			intTab++;
			if(intTab<intBookSize)
				document.getElementById('spc' + intTab).className = "spacer-bb";
		}
		else if(intDist<0)
		{
			tabOff(intTab);
			if(intTab>0)
				document.getElementById('spc' + intTab).className = "spacer-bb";
			intTab++;
			document.getElementById('spc' + intTab).className = "spacer-bb";
		}
	}
	
}

function tabOn(intTab)
{
	document.getElementById('a' + intTab).style.backgroundPosition = "100% 100%";
}
function tabOff(intTab)
{
	document.getElementById('a' + intTab).style.backgroundPosition = "0% 0%";
}

function tabsOff()
{
	var x = 0;
	while(x<intBookSize)
	{
		document.getElementById('a' + x).style.backgroundPosition = "0% 0%";
		x++;
	}
}

function spcOff()
{
	x = 1;
	while(x<intBookSize)
	{
		document.getElementById('spc' + x).className = "spacer-bb";
		x++;
	}

}


function wesGo()
{
	goOpaque("dvSheet");
	setTimeout("goTransparent('dvSheet')",500);
}

var css_browser_selector = function() {
	var 
		ua=navigator.userAgent.toLowerCase(),
		is=function(t){ return ua.indexOf(t) != -1; },
		h=document.getElementsByTagName('html')[0],
		b=(!(/opera|webtv/i.test(ua))&&/msie (\d)/.test(ua))?('ie ie'+RegExp.$1):is('gecko/')? 'gecko':is('opera/9')?'opera opera9':/opera (\d)/.test(ua)?'opera opera'+RegExp.$1:is('konqueror')?'konqueror':is('applewebkit/')?'webkit safari':is('mozilla/')?'gecko':'',
		os=(is('x11')||is('linux'))?' linux':is('mac')?' mac':is('win')?' win':'';
	var c=b+os+' js';
	h.className += h.className?' '+c:c;
}();