// Home | Start
var fadeimages1=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages1[0]=["pics/home/home-main-box-pic-1.jpg", "", ""] 
fadeimages1[1]=["pics/home/home-main-box-pic-2.jpg", "", ""] 
fadeimages1[2]=["pics/home/home-main-box-pic-3.jpg", "", ""] 
fadeimages1[3]=["pics/home/home-main-box-pic-4.jpg", "", ""] 
fadeimages1[4]=["pics/home/home-main-box-pic-5.jpg", "", ""] 
fadeimages1[5]=["pics/home/home-main-box-pic-6.jpg", "", ""] 
fadeimages1[6]=["pics/home/home-main-box-pic-7.jpg", "", ""]


// Sports Management
var fadeimages2=new Array()
fadeimages2[0]=["pics/sub/sub-top-sportsmanagement-1.jpg", "", ""] 
fadeimages2[1]=["pics/sub/sub-top-sportsmanagement-2.jpg", "", ""]


// Sponsring
var fadeimages3=new Array()
fadeimages3[0]=["pics/sub/sub-top-sponsring-2.jpg", "", ""] 
fadeimages3[1]=["pics/sub/sub-top-sponsring-1.jpg", "", ""] 


// Om Drosbakken
var fadeimages4=new Array()
fadeimages4[0]=["pics/sub/sub-top-omdrosbakken.jpg", "", ""]


// Kontakt
var fadeimages5=new Array()
fadeimages5[0]=["pics/sub/sub-top-kontakt.jpg", "", ""] 




var fadebgcolor="white"

////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()
}




/* First we setup out colors in the order they will be used using an array */
colors = ["#fff", "#697695", "#fff", "#fff", "#fff"];

/* Next we declare an empty array that we will fill with RGB forms of our colors for MSIE & Mozilla compatability */
cRGB = [];

/* This is the function that transforms the hex values into RGB values, it splits the color paramater into 3 substrings, parses a decimal from the hex, & creates a RGB(rrr, ggg, bbb) string and returns the string to whatever called the function */
function toRGB(color){
    var rgb = "rgb(" + parseInt(color.substring(1,3), 16) + ", " + parseInt(color.substring(3,5), 16) + ", " + parseInt(color.substring(5,7), 16) + ")";    
    return rgb;
}

/* This loops through our colors & fills our cRGB array with the RGB string values returned from the toRGB function */
for(var i=0; i<colors.length; i++){
    cRGB[i] = toRGB(colors[i]);
}

/* this is the function that takes care of grabbing the current background color & changing accordingly (see inner comments) */
/* target paramater will be passed (this.id) from the td onclick events */
function changeColor(target){

    /* This checks if the browser is an MSIE browser, if it is it converts the hex value that will be returned from checking the targets background into an rgb string, if not MSIE it uses the value as is, the result from either is assigned to the local variable "swapper" */
    var swapper = navigator.appVersion.indexOf("MSIE")!=-1 ? toRGB(document.getElementById(target).style.backgroundColor) : document.getElementById(target).style.backgroundColor;

    /* declare some helper variables to keep track of what color is found */
    var set = false;
    var xx;

    /* Loop through the cRGB array comparing each value against the value of the swapper variable */
    for(var i=0; i<cRGB.length; i++){

        /* if they match */
        if(swapper == cRGB[i]){

            /* if adding 1 to i makes it equil to the length of the cRGB array then we need to use zero as then next index of the array to use, else we can use i+1 */
            if(((i+1)) >= cRGB.length){
                xx = 0;
            }else{
                xx = i+1;
            }
    
            /* set the background */
            document.getElementById(target).style.background = colors[xx];

            /* keep the condition at the end of the function from assigning a default value, make i equil to the length of the array so the loop will exit */
            set = true;
            i=cRGB.length;
        }
    }

    /* if no match was found then assign a default value */
    set ? null : document.getElementById(target).style.background = colors[1];
}