var clockID = 0;
var rate = 0.7;
var weighted = 0.5;
var bx = new Array();
var by = new Array();
var bmode = new Array();
var block = 0;
var inprogress=0;
var image;
var counter = 0;
var gallerypic = 1;
var ims = 79;
var images = new Array();
var current_pic;
var current_pic_num;
var current_pic_total;
var kickCountdown;
var kickFrequency;
for(var i=1; i<=ims; i++) images[i]=0;
for(i=0; i<20; i++){ bmode[i]=-1; bx[i]=0; by[i]=0; }

var preload = new Array();
var gallerypics = 39;

function preloadImages(path)
{
        preloadImage(path+'nav/hourglass.gif');
        setTimeout("preloadImagesTimeout('"+path+"',1)",500);
/*
    for(var z=1; z<=9; z++)
                preloadImage(path+'nav/buttonscolour/'+z+'.png');

    for(z=2; z<=10; z++)
            preloadImage(path+'pricescale/'+z+'.png');*/
}

function preloadImagesTimeout(path,z)
{
        if(z<=9) preloadImage(path+'nav/buttonscolour/'+z+'.png');
        else preloadImage(path+'pricescale/'+(z-8)+'.png');
        if(z<18) setTimeout("preloadImagesTimeout('"+path+"',"+(z+1)+")",500);
}

function preloadImage(image)
{
        i = preload.length;
        preload[i]=new Image;
        preload[i].src = image;
}

function pageWidth()
{
        var a = window.innerWidth;
        if(!a) a = 0;
        var b = document.body.clientWidth;
        if(!b) b = 0;
        var c = document.documentElement.clientWidth;
        if(!c) c = 0;
        var d = 550;
        return Math.max(Math.max(a,b),Math.max(c,d));
}

function pageHeight()
{
        var a = window.innerHeight;
        if(!a) a = 0;
        var b = document.body.clientHeight;
        if(!b) b = 0;
        var c = document.documentElement.clientHeight;
        if(!c) c = 0;
        var d = 400;
        return Math.max(Math.max(a,b),Math.max(c,d));
}

function prevpic()
{
    document.getElementById('piccy').src = "nav/hourglass.gif";
    current_pic_num--;
    if(current_pic_num<1) current_pic_num=current_pic_total;
    var path = "casestudies/"+current_pic+"_";
    if(current_pic_num<10) current_pic_num="0"+current_pic_num;
    path+=current_pic_num;
    path+=".jpg";
    loadXMLDoc("image_view.php?i="+current_pic+"_"+current_pic_num+".jpg");
    document.getElementById('piccy').src = path;
    startKicking(); // in IE, the image never comes up if it's set before being loaded into memory, so we have to do it a few times
    document.getElementById('tip').innerHTML = "";
    document.cookie= "usedArrows=1";
}

function nextpic()
{
    document.getElementById('piccy').src = "nav/hourglass.gif";
    current_pic_num++;
    if(current_pic_num>current_pic_total) current_pic_num=1;
    var path = "casestudies/"+current_pic+"_";
    if(current_pic_num<10) current_pic_num="0"+current_pic_num;
    path+=current_pic_num;
    path+=".jpg";
    loadXMLDoc("image_view.php?i="+current_pic+"_"+current_pic_num+".jpg");
    document.getElementById('piccy').src = path;
    startKicking(); // in IE, the image never comes up if it's set before being loaded into memory, so we have to do it a few times
    document.getElementById('tip').innerHTML = "";
    document.cookie= "usedArrows=1";
}

function update()
{
    if(inprogress==0)
    {
        var r = Math.random();
        if(r<rate)
        {
            inprogress = 1;
            block = Math.round(Math.random()*(19));

            if(Math.random()<weighted)
            {
                for(i=0; i<5 && bmode[block]==-1; i++)
                {
                        block = Math.round(Math.random()*(19));
                }
            }

            if(bmode[block]==-1)
            {
                var num=Math.round(Math.random()*(ims-1))+1;

                for(i=0; i<ims && images[num]==1; i++) num=(num%ims)+1;
                images[num] = 1;

                for(var j=0; j<10; j++)
                {
                    if(Math.random()<0.5)
                    {
                        by[block]=Math.floor(Math.random()*2)*50;
                        bx[block]=Math.floor(Math.random()*(pageWidth()-649)/50)*50+250;
                    }
                    else
                    {
                        bx[block]=Math.floor(Math.random()*2)*50;
                        by[block]=Math.floor(Math.random()*(pageHeight()-149)/50)*50+100;
                    }


                    for(i=0; i<20; i++)
                    {
                            if(i!=block && bx[i]==bx[block] && by[i]==by[block]) break;
                    }
                    if(i==20) break;
                }

                if(i==20)
                {
                    bmode[block]=num;

                    var img = "squares/";
                    if(num < 100) img += "0";
                    if(num < 10) img += "0";
                    img += num;
                    img += ".gif";
                    var pic = new Image(50,50);
                    pic.src=img;
                    pic.onload = function()
                    {
                            image = img;
                            setTimeout("update2()", 2000);
                    }
                }
            }
            else
            {
                images[bmode[block]]=0;
                bmode[block]=-1;
                image = "";
                setTimeout("update2()", 2000);
            }
        }

    }
    clockID = setTimeout("update()", 1000);
}

function update2()
{
    var x = bx[block];
    var y = by[block];
    document.getElementById('halfwhite').style.left=x+"px";
    document.getElementById('halfwhite').style.top=y+"px";
    setTimeout("update3()", 100);
}

function update3()
{
    var x = bx[block];
    var y = by[block];
    document.getElementById('white').style.left=x+"px";
    document.getElementById('white').style.top=y+"px";
    if(image!="")
    {
                document.getElementById(block).style.left=x+"px";
                document.getElementById(block).style.top=y+"px";
                document.getElementById(block).src = image;
    }
    else document.getElementById(block).style.left="-100px";

    setTimeout("update4()", 100);
}

function update4()
{
        document.getElementById('white').style.left="-100px";
        setTimeout("update5()", 100);
}

function update5()
{
        document.getElementById('halfwhite').style.left="-100px";
        inprogress = 0;
}

function startTimer()
{
        clockID = setTimeout("update()", 1000);
}

function endTimer()
{
        if(clockID)
        {
                clearTimeout(clockID);
                clockID  = 0;
        }
}

function setFocus(field)
{
        if(field=="email") document.f.email.focus();
        else if(field=="details") document.f.details.focus();
        else document.f.name.focus();
}

function checkForm()
{
        var email=document.f.email.value;
        if(document.f.name.value=="")
        {
                document.getElementById('error').innerHTML = "Please enter your name.";
                setFocus("name");
        }
        else if (email.indexOf(' ')!==-1 || email.indexOf('@') <= 0 || email.indexOf('@')+1 == email.length)
        {
                document.getElementById('error').innerHTML = "Please enter a valid email address.";
                setFocus("email");
        }
        else if(document.f.details.value=="")
        {
                document.getElementById('error').innerHTML = "Please enter a description of what you're after.";
                setFocus("details");
        }
        else return true;
        return false;
}
function logkeys()
{
        document.fred.keys.value += '.';
}

var req;

function loadXMLDoc(url)
{
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.open("GET", url, true);
            req.send();
        }
    }
}

function rate_cartoon(id,score)
{
        total_score = score + parseInt(document.getElementById('score'+id).innerHTML);
        votes = parseInt(document.getElementById('votes'+id).innerHTML)+1;
        document.getElementById('score'+id).innerHTML = "Rating: "+(total_score/votes).toFixed(1)+"/5";
        document.getElementById('form'+id).style.visibility="hidden";
        document.getElementById('form'+id).style.position="absolute";
        document.getElementById('score'+id).style.visibility="visible";
        document.getElementById('score'+id).style.position="relative";
    loadXMLDoc('http://www.simongoodway.com/blog/vote.php?id='+id+'&vote='+score);
}

function kickPiccy()
{
    document.getElementById('piccy').src = document.getElementById('piccy').src;
    if(kickCountdown>1)
    {
        kickCountdown--;
        kickFrequency *= 2;
        setTimeout("kickPiccy()", kickFrequency);
    }
}

function startKicking()
{
 kickCountdown = 10;
 kickFrequency = 100;
 setTimeout("kickPiccy()", kickFrequency);
}

function preloadCaseStudy(image,n,total)
{
     if(n<10) n="0"+n;
     preloadImage('casestudies/'+image+'_'+n+'.jpg');
     if(n<total)
     {
             n++;
             var t = 5000 - (n*500);
             if(t<100) t = 100;
             setTimeout("preloadCaseStudy('"+image+"',"+n+","+total+")", t);
     }
}

function embiggen(image)
{
    document.getElementById('piccy').src = "nav/hourglass.gif";
        current_pic = image;
        current_pic_num = 1;
        current_pic_total = blurb_num[image];
        document.getElementById('blurb').innerHTML = blurb[image];
        document.getElementById('testimonial').innerHTML = "";  
        document.getElementById('piccy').src = "casestudies/"+image+"_01.jpg";
        document.getElementById('retainheight').height = 500; 
        loadXMLDoc("image_view.php?i="+image+"_01.jpg");
        startKicking(); // in IE, the image never comes up if it's set before being loaded into memory, so we have to do it a few times
        document.getElementById('piccy').style.visibility = "visible";
        if(blurb_num[image]>1)
        {
                showArrows();
        }
        else
        {
                hideArrows();
        }

       if(blurb_num[image]>1) setTimeout("preloadCaseStudy('"+image+"',2,"+current_pic_total+")", 5000);
/*
    for(var z=1; z<=blurb_num[image]; z++)
    {
        var n = z;
                if(n<10) n="0"+n;
                preloadImage('casestudies/'+image+'_'+n+'.jpg');
    }*/
}


function hideArrows()
{
        document.getElementById('arrows').style.visibility='hidden';
        document.getElementById('arrows').style.height=0;
        document.getElementById('arrows').style.position='absolute';
        document.getElementById('tip').innerHTML = "";
}

function showArrows()
{
        document.getElementById('arrows').style.visibility='visible';
        document.getElementById('arrows').style.height=27;
        document.getElementById('arrows').style.position='relative';
        if(!get_cookie('usedArrows'))
                document.getElementById('tip').innerHTML = "Click on the 'Next' arrow to see other images from this project.";
}

function javafy()
{
        for(var n=0; n<6; n++)
                document.getElementById('th'+n).href='javascript:void(0);';
        document.getElementById('prev').href='javascript:void(0);';
        document.getElementById('next').href='javascript:void(0);';
}

function getScreenProperties()
{
        var winW = 630, winH = 460;

        if (parseInt(navigator.appVersion)>3) {
         if (navigator.appName=="Netscape") {
          winW = window.innerWidth;
          winH = window.innerHeight;
         }
         if (navigator.appName.indexOf("Microsoft")!=-1) {
          winW = document.body.offsetWidth;
          winH = document.body.offsetHeight;
         }
        }

    document.cookie= "winW=" + winW;
    document.cookie= "winH=" + winH;
    document.cookie= "scrW=" + screen.width;
    document.cookie= "scrH=" + screen.height;
}

function get_cookie(name)
{
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1)
    {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1)
    {
        end = dc.length;
    }
        dc = dc.replace(/\+/g," ");
    dc = unescape(dc.substring(begin + prefix.length, end));
        return dc;
}