var GridLines=[];var GridAnimation=[];var GridDrawn=false;var Sites=[];var ScreenShots=[];var ScreenPosition=[];var ClearBoxes=false;var ActiveBox=-1;var ContentBoxes="";var MaxBoxWidth=133;var MaxBoxHeight=80;var MaxInfoBoxHeight=133;var MaxInfoBoxWidth=80;var GridAnimationProgress=0;var margintop=0;var marginleft=0;GridLines=[7,7,7,7,7];var animation=Math.floor(4*Math.random());if(animation==0){GridAnimation[0]="00|10|20|30|40|";GridAnimation[1]="01|11|21|31|41|";GridAnimation[2]="02|12|22|32|42|";GridAnimation[3]="03|13|23|33|43|";GridAnimation[4]="04|14|24|34|44|";GridAnimation[5]="05|15|25|35|45|";GridAnimation[6]="06|16|26|36|46|"}else{if(animation==1){GridAnimation[0]="00|16|20|36|40|";GridAnimation[1]="01|15|21|35|41|";GridAnimation[2]="02|14|22|34|42|";GridAnimation[3]="03|13|23|33|43|";GridAnimation[4]="04|12|24|32|44|";GridAnimation[5]="05|11|25|31|45|";GridAnimation[6]="06|10|26|30|46|"}else{if(animation==2){GridAnimation[0]="00|41|02|43|04|45|06|";GridAnimation[1]="10|31|12|33|14|35|16|";GridAnimation[2]="20|21|22|23|24|25|26|";GridAnimation[3]="30|11|32|13|34|15|36|";GridAnimation[4]="40|01|42|03|44|05|46|"}else{GridAnimation[0]="00|46|";GridAnimation[1]="01|10|45|36|";GridAnimation[2]="02|11|20|26|35|44|";GridAnimation[3]="03|12|21|30|16|25|34|43|";GridAnimation[4]="04|13|22|31|40|06|15|24|33|42|";GridAnimation[5]="05|14|23|32|41|"}}}var GridAnimationSteps=GridAnimation.length;var layout=Math.floor(7*Math.random());if(layout==1){ContentBoxes="00|02|04|21|23|36|40|44|";ScreenPosition[0]=["01","11","10"];ScreenPosition[2]=["01","11","12"];ScreenPosition[4]=["03","13","14"];ScreenPosition[21]=["22","32","31"];ScreenPosition[23]=["22","32","33"];ScreenPosition[36]=["26","25","35"];ScreenPosition[40]=["30","31","41"];ScreenPosition[44]=["43","33","34"]}else{if(layout==2){ContentBoxes="01|04|16|20|23|36|40|44|";ScreenPosition[1]=["00","10","11"];ScreenPosition[4]=["03","13","14"];ScreenPosition[16]=["06","05","15"];ScreenPosition[20]=["21","31","30"];ScreenPosition[23]=["22","32","33"];ScreenPosition[36]=["26","25","35"];ScreenPosition[40]=["30","31","41"];ScreenPosition[44]=["43","33","34"]}else{if(layout==3){ContentBoxes="04|11|13|16|20|34|42|45|";ScreenPosition[4]=["05","15","14"];ScreenPosition[11]=["10","00","01"];ScreenPosition[13]=["03","02","12"];ScreenPosition[16]=["26","25","15"];ScreenPosition[20]=["21","31","30"];ScreenPosition[34]=["33","43","44"];ScreenPosition[42]=["41","31","32"];ScreenPosition[45]=["35","36","46"]}else{if(layout==4){ContentBoxes="01|06|14|21|22|35|40|43|";ScreenPosition[1]=["00","10","11"];ScreenPosition[6]=["05","15","16"];ScreenPosition[14]=["04","03","13"];ScreenPosition[21]=["11","10","20"];ScreenPosition[22]=["23","33","32"];ScreenPosition[35]=["36","46","45"];ScreenPosition[40]=["30","31","41"];ScreenPosition[43]=["33","34","44"]}else{if(layout==5){ContentBoxes="02|14|15|20|23|36|41|42|";ScreenPosition[2]=["01","11","12"];ScreenPosition[14]=["13","03","04"];ScreenPosition[15]=["05","06","16"];ScreenPosition[20]=["10","11","21"];ScreenPosition[23]=["13","12","22"];ScreenPosition[36]=["35","45","46"];ScreenPosition[41]=["40","30","31"];ScreenPosition[42]=["32","33","43"]}else{if(layout==6){ContentBoxes="06|12|14|21|25|32|34|40|";ScreenPosition[6]=["05","15","16"];ScreenPosition[12]=["02","01","11"];ScreenPosition[14]=["04","05","15"];ScreenPosition[21]=["11","10","20"];ScreenPosition[25]=["15","16","26"];ScreenPosition[32]=["22","23","33"];ScreenPosition[34]=["35","45","44"];ScreenPosition[40]=["30","31","41"]}else{ContentBoxes="14|15|21|22|24|25|31|32|";ScreenPosition[14]=["04","03","13"];ScreenPosition[15]=["05","06","16"];ScreenPosition[21]=["11","10","20"];ScreenPosition[22]=["12","13","23"];ScreenPosition[24]=["23","33","34"];ScreenPosition[25]=["26","36","35"];ScreenPosition[31]=["30","40","41"];ScreenPosition[32]=["33","43","42"]}}}}}}var userBrowser="";if(navigator.userAgent.toLowerCase().indexOf("msie")>-1){userBrowser="ie"}function initPorfolio(){var b=ContentBoxes.split("|");var e=b.length-1;var g=document.getElementById("infolist");var f=g.getElementsByTagName("ul");var c=f.length;var d=-1;var a=-1;for(i=0;i<c;i++){sitethumb=document.getElementById("med"+i).src.toString();sitetitle=document.getElementById("info"+i+"link").innerHTML;siteindustry=document.getElementById("info"+i+"industry").innerHTML;Sites[parseInt(b[i])]=[sitethumb,sitetitle,siteindustry];if(ShowOnLoad){if(sitethumb.indexOf("/"+ShowOnLoad+"_m")>-1){d=i}}}for(i=0;i<e;i++){website=document.getElementById("site"+i);images=document.getElementsByTagName("img");TotalImages=images.length;screenshots="";for(k=0;k<TotalImages;k++){if(images[k].id.indexOf("scr"+i)!=-1){screenshots+=images[k].src+"|"}}if(screenshots.length){screenshots=screenshots.substring(0,(screenshots.length-1))}ScreenShots[parseInt(b[i])]=screenshots.split("|");if(i==d){a=b[i]}}drawGrid(a)}function drawGrid(a){var g=GridLines.length;for(line=0;line<g;line++){for(box=0;box<GridLines[line];box++){boxname=line+""+box;bclass="box";if(GridAnimation[GridAnimationProgress].indexOf(boxname+"|")!=-1){boxleft=(box*(MaxBoxWidth+3))+marginleft;boxtop=(line*(MaxBoxHeight+3))+margintop;newBox=document.createElement("div");newBox.setAttribute("id","b"+boxname);var e=160+Math.floor(52*Math.random());if(userBrowser=="ie"){newBox.style.backgroundColor="rgb("+e+","+e+","+e+")";newBox.style.top=boxtop+"px";newBox.style.left=boxleft+"px";newBox.style.width=MaxBoxWidth+"px";newBox.style.height=MaxBoxHeight+"px";newBox.style.position="absolute";newBox.style.zIndex="2"}else{var d="width: "+MaxBoxWidth+"px; ";d+="height: "+MaxBoxHeight+"px; ";d+="left: "+boxleft+"px; ";d+="top: "+boxtop+"px; ";d+="background-color: rgb("+e+","+e+","+e+");";d+="z-index:  2;";newBox.setAttribute("style",d)}if(ContentBoxes.indexOf(boxname+"|")!=-1){if(typeof Sites[parseInt(boxname)]!="undefined"){bclass="abox";if(userBrowser=="ie"){newBox.style.background="url("+Sites[parseInt(boxname)][0]+")";newBox.style.cursor="pointer"}else{newBox.style.setProperty("background-image","url("+Sites[parseInt(boxname)][0]+")",null)}}}newBox.setAttribute("class",bclass);document.getElementById("portfoliocontainer").appendChild(newBox);if(bclass=="abox"){document.getElementById("b"+boxname).onmouseover=function(){boxover(this)};document.getElementById("b"+boxname).onmouseout=function(){boxout(this)};document.getElementById("b"+boxname).onclick=function(){boxclick(this)}}else{document.getElementById("b"+boxname).onmouseover=function(){clearall()}}var b=0;for(var c in ScreenPosition){var f=ScreenPosition[c].length;for(i=0;i<f;i++){if(ScreenPosition[c][i]==boxname){screenBox=document.createElement("div");screenBox.setAttribute("id","s"+c+"b"+boxname);screenBox.setAttribute("class",bclass);if(userBrowser=="ie"){screenBox.style.background="url("+ScreenShots[c][i]+")";screenBox.style.top=boxtop+"px";screenBox.style.left=boxleft+"px";screenBox.style.width=MaxBoxWidth+"px";screenBox.style.height=MaxBoxHeight+"px";screenBox.style.position="absolute";screenBox.style.zIndex=30;screenBox.style.filter="alpha(opacity=0)"}else{var d="background: transparent url("+ScreenShots[c][i]+") no-repeat 0px 0px; ";d+="width: "+MaxBoxWidth+"px; ";d+="height: "+MaxBoxHeight+"px; ";d+="left: "+boxleft+"px; ";d+="top: "+boxtop+"px; ";d+="z-index:30; ";d+="opacity: 0; ";d+="filter: alpha(opacity=0); ";screenBox.setAttribute("style",d)}document.getElementById("portfoliocontainer").appendChild(screenBox);document.getElementById("s"+c+"b"+boxname).onmouseover=function(){clearall()}}}b++}fillbox("b"+boxname,0,-1)}}}GridAnimationProgress++;if(GridAnimationProgress==GridAnimationSteps){GridAnimationProgress=GridAnimationSteps-1;GridDrawn=true;document.getElementById("portfolioglass").style.display="none";if(a>-1){boxclick(document.getElementById("b"+a),true)}}else{window.setTimeout('drawGrid("'+a+'")',100)}}function hideGrid(){var a=GridLines.length;for(line=0;line<a;line++){for(box=0;box<GridLines[line];box++){boxname=line+""+box;if(GridAnimation[GridAnimationProgress].indexOf(boxname+"|")!=-1){emptybox("b"+boxname,100)}}}GridAnimationProgress--;if(GridAnimationProgress<0){GridAnimationProgress=0;GridDrawn=false}else{window.setTimeout("hideGrid()",100)}}function showGrid(){GridDrawn=false;var a=GridLines.length;for(line=a-1;line>=0;line--){for(box=GridLines[line]-0;box>=0;box--){boxname=line+""+box;if(GridAnimation[GridAnimationProgress].indexOf(boxname+"|")!=-1){fillbox("b"+boxname,0,-1)}}}GridAnimationProgress++;if(GridAnimationProgress==GridAnimationSteps){GridAnimationProgress=GridAnimationSteps-1;GridDrawn=true}else{window.setTimeout("showGrid()",100)}}function fillbox(a,d,b){if(ActiveBox==b||b==-1){var c=(d/100);if(userBrowser!=="ie"){document.getElementById(a).style.setProperty("opacity",c,null);document.getElementById(a).style.setProperty("filter","alpha(opacity="+d+")",null)}else{document.getElementById(a).style.filter="alpha(opacity="+d+")"}d+=10;if(d<=100){window.setTimeout('fillbox("'+a+'", '+d+', "'+b+'")',30)}}else{emptybox(a,0)}}function emptybox(a,b){var c=(b/100);if(userBrowser!=="ie"){document.getElementById(a).style.setProperty("opacity",c,null);document.getElementById(a).style.setProperty("filter","alpha(opacity="+b+")",null)}else{document.getElementById(a).style.filter="alpha(opacity="+b+")"}b-=10;if(b>=0){window.setTimeout('emptybox("'+a+'", '+b+")",30)}else{if(userBrowser!=="ie"){document.getElementById(a).style.setProperty("opacity",0,null);document.getElementById(a).style.setProperty("filter","alpha(opacity=0)",null)}else{document.getElementById(a).style.filter="alpha(opacity=0)"}}}function boxover(a){if(GridDrawn==true){boxname=parseInt(a.id.substring(1));if(ActiveBox!=boxname){ActiveBox=boxname;var b=ScreenPosition[boxname].length;for(i=0;i<b;i++){window.setTimeout("fillbox('s"+boxname+"b"+ScreenPosition[boxname][i]+"', 20, "+boxname+")",(i*100))}window.setTimeout('infoBox("'+a.id+'")',(i*100)+20)}}}function boxout(a){boxname=parseInt(a.id.substring(1));ActiveBox=-1;var b=ScreenPosition[boxname].length;for(i=(b-1);i>=0;i--){window.setTimeout("emptybox('s"+boxname+"b"+ScreenPosition[boxname][i]+"', 0)",1)}a.style.background="transparent url("+Sites[boxname][0]+")";if(userBrowser=="ie"){a.style.filter="alpha(opacity=100)"}else{a.style.opacity=1}}function infoBox(b,a){obj=document.getElementById(b);boxname=parseInt(obj.id.substring(1));if(ActiveBox==boxname){document.getElementById("boxinfo").style.left=obj.style.left;document.getElementById("boxinfo").style.top=obj.style.top;document.getElementById("boxtitle").innerHTML=Sites[boxname][1];document.getElementById("boxdescr").innerHTML=Sites[boxname][2];document.getElementById("boxinfo").style.display="block";if(userBrowser=="ie"){obj.style.filter="alpha(opacity=0)"}else{obj.style.opacity=0;obj.style.filter="alpha(opacity=0)"}}}function fadeout(a,b){var c=(b/100);document.getElementById(a).style.setProperty("opacity",c,null);document.getElementById(a).style.setProperty("filter","alpha(opacity="+b+")",null);b-=10;if(b>=50){window.setTimeout('fadeout("'+a+'", '+b+")",50)}}function fadein(a,b){var c=(b/100);document.getElementById(a).style.setProperty("opacity",c,null);document.getElementById(a).style.setProperty("filter","alpha(opacity="+b+")",null);b+=10;if(b<=100){window.setTimeout('fadein("'+a+'", '+b+")",30)}}function boxclick(d,b){if(!b){boxout(d)}boxname=d.id.substring(1);var a=0;for(var c in Sites){if(!isNaN(parseInt(c))){if(parseInt(c)==boxname){site=a;break}a++}}document.getElementById("detaildescription").innerHTML=document.getElementById("info"+site).innerHTML;document.getElementById("detailmonth").innerHTML=document.getElementById("info"+site+"month").innerHTML;document.getElementById("detailimage").src=document.getElementById("info"+site+"big0").href;document.getElementById("detailname").innerHTML=document.getElementById("info"+site+"link").innerHTML;document.getElementById("detailindustry").innerHTML=document.getElementById("info"+site+"industry").innerHTML;document.getElementById("detailurl").href=document.getElementById("info"+site+"link").href;for(i=0;i<4;i++){if(typeof document.getElementById("info"+site+"big"+i)!="undefined"){document.getElementById("detailsmall"+i).style.display="block";document.getElementById("detailsmall"+i).src=document.getElementById("info"+site+"big"+i).href.replace(/_b/i,"_t");document.getElementById("detailsmall"+i).onclick=function(){changeScreenshot(this)}}else{document.getElementById("detailsmall"+i).style.display="none"}}showDetails(boxname)}function showDetails(a){document.getElementById("detailscreenshots").style.left=-680+"px";document.getElementById("detailscreenshots").style.display="block";showScreenshots(-680,180);document.getElementById("detailinfo").style.display="block"}function showScreenshots(a,b){document.getElementById("detailscreenshots").style.left=a+"px";a+=b;if(a<=0){window.setTimeout("showScreenshots("+a+", "+b+")",60)}else{document.getElementById("detailscreenshots").style.left=0}}function hideDetails(){hideScreenshots(0,180)}function hideScreenshots(a,b){document.getElementById("detailscreenshots").style.left=a+"px";a-=b;if(a>=-680){window.setTimeout("hideScreenshots("+a+", "+b+")",60)}else{document.getElementById("detailscreenshots").style.left=-680+"px";document.getElementById("detailscreenshots").style.display="none";document.getElementById("detailinfo").style.display="none";document.getElementById("detailimage").src="../images/transp.gif"}}function clearall(){ClearBoxes=true;for(var a in ScreenPosition){if(!isNaN(parseInt(a))){var b=ScreenPosition[a].length;for(i=0;i<b;i++){boxname="s"+a+"b"+ScreenPosition[a][i];emptybox(boxname,0)}}}ClearBoxes=false}function changeScreenshot(a){document.getElementById("detailimage").src=a.src.replace(/_t/i,"_b")};