function verifyCompatibleBrowser(){ 
    this.ver=navigator.appVersion 
    this.dom=document.getElementById?1:0 
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; 
    this.ie4=(document.all && !this.dom)?1:0; 
    this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
 
    this.ns4=(document.layers && !this.dom)?1:0; 
    this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) 
    return this 
} 
bw=new verifyCompatibleBrowser() 
 
 
var speed=100 
 
var loop, timer 
 
function ConstructObject(obj,nest){ 

    nest=(!nest) ? '':'document.'+nest+'.' 
    this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; 
    this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0; 
    if (bw.ns4)
    {
        this.scrollHeight= this.css.document.height;        
    }
    else
    {        
        this.scrollHeight= this.el.offsetHeight;                
     }     
    this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight     
    this.up=MoveAreaUp;this.down=MoveAreaDown; 
    this.MoveArea=MoveArea; this.x; this.y; 
    this.obj = obj + "Object" 
    eval(this.obj + "=this") 
    return this 
} 

function my_debug(str)
{
    var x = document.getElementById('remove_me');
    x.innerHTML += str;		
}
function MoveArea(x,y){ 
    
    this.x=x;this.y=y 
    this.css.left=this.x 
    this.css.top=this.y  
    if (this.y == 0)
    {
        var scrollUp = document.getElementById('scroll_up_img');
        scrollUp.style.visibility='hidden';
    }
} 

function MoveAreaDown(move)
{
	if(this.y>-this.scrollHeight+objContainer.clipHeight)
	{ 
    this.MoveArea(0,this.y-move) ;                   
        if(loop) 
        {                
            setTimeout(this.obj+".down("+move+")",speed);
        }
	}
	
} 
function MoveAreaUp(move){     

	if(this.y<0){ 
    this.MoveArea(0,this.y-move) 
    if(loop) setTimeout(this.obj+".up("+move+")",speed) 
	} 
} 
 
 function myDebug(str)
 {
 var x = document.getElementById('test');
 x.value = str;
 }
 

function PerformScroll(speed, home)
{

	if(initialised){ 
		loop=true;
		if(speed>0) 
		{
			objScroller.down(speed);
			var x = document.getElementById('scroll_down_img');
			x.src = 'images/scroll_down_click.png' 
	       var scrollUp = document.getElementById('scroll_up_img');
           scrollUp.style.visibility='visible';
		}		
		else 
		{
			objScroller.up(speed) 
			var x = document.getElementById('scroll_up_img');
			x.src = 'images/scroll_up_click.png' ;
		}
	} 
} 
 
function CeaseScroll(home){ 
        
    loop=false 
    if(timer) clearTimeout(timer) 
} 
var initialised; 
function InitialiseScrollableArea(){ 
    objContainer=new ConstructObject('textContainer') 
    objScroller=new ConstructObject('text','textContainer') 
    objScroller.MoveArea(0,0) 
    objContainer.css.visibility='visible';
    initialised=true;     
    
} 
function InitialiseScrollableArea2(x,y){ 
    objContainer=new ConstructObject('textContainer') 
    objScroller=new ConstructObject('text','textContainer') 
    objScroller.MoveArea(x,y) 
    objContainer.css.visibility='visible' 
    initialised=true; 
} 

var dstImages = new Array();


dstImages[0] = "images/st1_menutext.jpg";
dstImages[1] = "images/st2_menutext.jpg";
dstImages[2] = "images/st3_menutext.jpg";
dstImages[3] = "images/st4_menutext.jpg";
dstImages[4] = "images/st5_menutext.jpg";


var dstOffset = new Array();

dstOffset[0] = 3;
dstOffset[1] = 56;
dstOffset[2] = 75;
dstOffset[3] = 35;
dstOffset[4] = 113;

// design strategies
function menuOver(num)
{
    var x = document.getElementById('st_img');
    x.src = dstImages[num-1];       
    x = document.getElementById('st_div');
    x.style.left = dstOffset[num-1];
    x.style.top = 0;     
    
    var x = document.getElementById('st_img' + num);
    x.src = "images/st" + num + "_over.jpg";
 }
function menuOut(num)
{
    var x = document.getElementById('st_img' + num);
    x.src = "images/st" + num + ".jpg";
}

//example
var currExample = 1;
function next_example(num)
{
    if (currExample + 1 <= numExamples[num-1])
        currExample+=1;
    else 
        currExample = 1;

    var imageName = "images/examples/example"+num+"_"+currExample+".jpg";
    var x = document.getElementById('example_img');
    x.src = imageName;        
    
    var y = document.getElementById("tipImage");
    var imagePath = x.src;
        
    var newPath = imagePath.replace(".jpg", "_big.jpg");
    y.src = newPath;
}

function SetExampleImageSize(w, h)
{
    var x = document.getElementById('example_img');
    x.style.width = w;        
    x.style.height = h;        
}


function showBigImage()
{
    var x = document.getElementById("TipLayer");
    x.style.visibility = "visible";
    x.style.left = "55%";
    x.style.top = "25%";
    
    x = document.getElementById("example_img");
    var y = document.getElementById("tipImage");
    var imagePath = x.src;
    
    var newPath = imagePath.replace(".jpg", "_big.jpg");
    y.src = newPath;
}

function hideBigImage()
{
    var x = document.getElementById("TipLayer");
    x.style.visibility = "hidden";
}

function showResume(vis)
{
    var x = document.getElementById("resume_text");
    x.style.visibility = vis;
}


// Gallery page
function open_big_example(elementId)
{
    var test1 = document.getElementById("content");
    var test2 = document.getElementById("text");
    var x = document.getElementById("TipLayer");
    x.style.visibility = "visible";
    var z = document.getElementById('tipImage');
    var y = document.getElementById(elementId);
    if ((x != null) && (z!=null))
    {
        x.style.left = test2.offsetWidth ;
        x.style.top = test1.offsetHeight -50 ;

    }
    if (y!= null)
    {
        var imagePath = y.src;
        var newPath = imagePath.replace(".jpg", "_big.jpg");
    }

    z.src = newPath;
}