// JavaScript Document


is1hArr=[

["wp-content/themes/ncode-new/images/php.jpg","images/php.jpg"],
["images/custom-website-design-gallery01.jpg","images/custom-website-design-gallery01.jpg"],
["images/custom-website-design-gallery01.jpg","images/custom-website-design-gallery01.jpg"],
["images/printpfos3.jpg","images/printpfob3.jpg"],
["images/printpfos4.jpg","images/printpfob4.jpg"],
["images/printpfos5.jpg","images/printpfob5.jpg"],
["images/printpfos6.jpg","images/printpfob6.jpg"],
["images/printpfos7.jpg","images/printpfob7.jpg"],
["images/printpfos8.jpg","images/printpfob8.jpg"],
["images/printpfos9.jpg","images/printpfob9.jpg"],
["images/printpfos10.jpg","images/printpfob10.jpg"],
["images/printpfos11.jpg","images/printpfob11.jpg"],
["images/printpfos12.jpg","images/printpfob12.jpg"],
["images/printpfos13.jpg","images/printpfob13.jpg"],
["images/printpfos14.jpg","images/printpfob14.jpg"],
["images/printpfos15.jpg","images/printpfob15.jpg"],
["images/printpfos16.jpg","images/printpfob16.jpg"],
["images/printpfos17.jpg","images/printpfob17.jpg"],
["images/printpfos18.jpg","images/printpfob18.jpg"],
["images/printpfos19.jpg","images/printpfob19.jpg"],
["images/printpfos20.jpg","images/printpfob20.jpg"],
["images/printpfos21.jpg","images/printpfob21.jpg"],
["images/printpfos22.jpg","images/printpfob22.jpg"],
["images/printpfos23.jpg","images/printpfob23.jpg"],
["images/printpfos24.jpg","images/printpfob24.jpg"],
["images/drrichardpinders.jpg","images/drrichardpinder.jpg"],
["images/siggyoutsorces.jpg","images/siggyoutsorce.jpg"]

]

imageSize=100 // % size the image is shown at, if set to zero the fixed width and heights are used
fixedWidth=130 // set a fixed width
fixedHeight=100 // set a fixed height
spacerWidth=5 // space between images

autoWidth=0 // 0 = no, 1 = yes, sets the width to the widest image size

defaultSpeed=2
maxSpeed=50

popupLeft= 150 // pixels
popupTop= 150 // pixels

totalWidth=0
displayWidth=0
displayHeight=0
speed=defaultSpeed

preload=[]

for(var i=0;i<is1hArr.length;i++){
preload[i]=[]

for(var j=0;j<is1hArr[i].length;j++){
preload[i][j]=new Image()
preload[i][j].src=is1hArr[i][j]
}

}

function initHS1(){
imgBox=document.getElementById("image_box")
imgNum=is1hArr.length

if(document.getElementById&&document.all&&document.compatMode!="CSS1Compat"){
ieBorder=parseInt(document.getElementById("inner_box").style.borderWidth)*2
}
else{
ieBorder=0
}

for(var i=0;i<imgNum;i++){ // set image size

newImg=document.createElement("IMG")
newImg.setAttribute("src",is1hArr[i][0])
newImg.setAttribute("id","pic"+i)
newImg.i=i
newImg.onclick=function(){getBigPic(this.i)}

newImg.onmouseover=function(){toggleOpac(this)}
newImg.onmouseout=function(){toggleOpac(this)}

if(imageSize!=0){ // use percentage size
newImg.style.width=preload[i][0].width/100*imageSize+"px"
newImg.style.height=preload[i][0].height/100*imageSize+"px"
}
else{ // use fixed size
newImg.style.width=fixedWidth+"px"
newImg.style.height=fixedHeight+"px"
}

imgBox.appendChild(newImg)

}

for(var i=0;i<imgNum;i++){
totalWidth+=(document.getElementById("pic"+i).offsetWidth)
document.getElementById("pic"+i).style.marginRight=spacerWidth+"px"

if(autoWidth==1){
if(document.getElementById("pic"+i).offsetWidth>displayWidth){
displayWidth=document.getElementById("pic"+i).offsetWidth
}

}
else{
displayWidth=parseInt(document.getElementById("inner_box").style.width)
}


if(document.getElementById("pic"+i).offsetHeight>displayHeight){
displayHeight=document.getElementById("pic"+i).offsetHeight
}

}

for(var i=0;i<imgNum;i++){ // vertically center images
document.getElementById("pic"+i).style.marginBottom=(displayHeight-document.getElementById("pic"+i).height)/2+"px"
}

totalWidth=totalWidth+(imgNum*spacerWidth)

imgHolderWidth=displayWidth+ieBorder
document.getElementById("outer_box").style.width=imgHolderWidth+"px"
document.getElementById("inner_box").style.width=imgHolderWidth+"px"
imgBox.style.width=totalWidth+"px"

imgHolderHeight=displayHeight+ieBorder
document.getElementById("inner_box").style.height=imgHolderHeight+"px" 
document.getElementById("inner_box").style.clip="rect(0,"+(imgHolderWidth+"px")+","+(imgHolderHeight+"px")+",0)"

}

leftTimer=""
function scrollHS1(n){

clearTimeout(leftTimer)
imgBoxPos=parseInt(imgBox.style.left)
if(n==1){
imgBoxPos-=speed
}
else{
imgBoxPos+=speed
}

imgBox.style.left=imgBoxPos+"px"
leftTimer=setTimeout("scrollHS1("+n+")",50)

if(n==1&&imgBoxPos< -(totalWidth-imgHolderWidth)+(spacerWidth-ieBorder)){
imgBox.style.left=-(totalWidth-imgHolderWidth)+spacerWidth-ieBorder+"px"
clearTimeout(leftTimer)
}

if(n==0&&imgBoxPos> 0-speed){
imgBox.style.left=0
clearTimeout(leftTimer)
}

}

function fast(){
speed=maxSpeed
}

function slow(){
speed=defaultSpeed
}

function pause(){
clearTimeout(leftTimer)
}


picWin=null

function getBigPic(p){
if(is1hArr[p]&&is1hArr[p]!=""){

bigImg=new Image()
bigImg.src=is1hArr[p][1]

data="\n<center>\n<img src='"+bigImg.src+"'>\n</center>\n"

if(picWin){picWin.close()} // if window exists close it

winProps = "left= "+popupLeft+", top = "+popupTop+", width="+(bigImg.width+20)+", height="+(bigImg.height+20)+", scrollbars=no, resizable=yes, status=no"

picWin=window.open("","win1",winProps)
picWin.document.write("<HTML>\n<HEAD>\n<TITLE><\/TITLE>\n")
picWin.document.write("<\/HEAD>\n")
picWin.document.write("<BODY style='background-color:black;margin-top:10px;margin-left:10px'>\n")
picWin.document.write("<div id=\"display\">"+data+"<\/div>")
picWin.document.write("\n<\/BODY>\n<\/HTML>")
picWin.document.close()
}
}

maxOpac=70
minOpac=100

function toggleOpac(obj){

if(obj.filters){

if(obj.filters.alpha.Opacity==minOpac){
obj.filters.alpha.Opacity=maxOpac}
else{obj.filters.alpha.Opacity=minOpac}

}
else{

if(obj.style.opacity == maxOpac/100){
obj.style.opacity = minOpac/100}
else{obj.style.opacity = maxOpac/100}

}

}