function startup (num) {
	document.getElementById('hovered').value = 'off';
	setTimeout('choosechange(' + num + ')', 2500);
}

function offimage () {
	document.getElementById('hovered').value = 'off';
}

function choosechange (id) {
	x = document.getElementById('mainme').value;
	if (document.getElementById('hovered').value == 'off') {
	
		if (id == 1) {
			changemainimg(1, x);
			startup(2);
		}
		else if (id == 2)  {
			changemainimg(2, x);
			startup(3);
		
		}
		else if (id == 3)  {
			changemainimg(3, x);
			startup(4);
		}
		else if (id == 4)  {
			changemainimg(4, x);
			startup(5);
		}
		else if (id == 5)  {
			changemainimg(5, x);
			startup(1);
		}
	}
	else {
		setTimeout('choosechange(' + id + ')', 4000);	
	}

}

function changebgmain (num) {
	document.getElementById('success').src = 'imgs/tabs/success.gif';
	document.getElementById('managed').src = 'imgs/tabs/managed.gif';
	document.getElementById('digital').src = 'imgs/tabs/digital.gif';
	
	if (num == 2) {
		document.getElementById('mainme').value = 'digital';
		document.getElementById('leftmain').style.background = '#47aaff';
		document.getElementById('digital').src = 'imgs/tabs/digitalon.gif';
		document.getElementById('imgchange').src = 'imgs/flashes/photocopiers.gif';
		document.getElementById('leftmainarea').innerHTML = '<ul><li><a  id="1" href="products/photocopiers-and-mfds/0/0/0/0/" onMouseOut="offimage()" onmouseover="changemainimg(this.id, \'digital\', \'on\')" class="on">MFDs &amp; Photocopiers</a></li><li><a id="2" onMouseOut="offimage()" onmouseover="changemainimg(this.id, \'digital\', \'on\')" href="products/printers-and-wide-format/0/0/0/0/">Printers &amp; Wide Format</a></li><li><a id="3" onmouseover="changemainimg(this.id, \'digital\', \'on\')"  onMouseOut="offimage()" href="products/fax-machines/0/0/0/0/">Fax Machines</a></li><li><a id="4"  onmouseover="changemainimg(this.id, \'digital\', \'on\')" onMouseOut="offimage()" href="products/duplicators/0/0/0/0/">Duplicators</a></li><li><a id="5" onmouseover="changemainimg(this.id, \'digital\', \'on\')"  onMouseOut="offimage()" href="products/it-and-telephony/">Telephony &amp; IT</a></li></ul>';

		
	}
	else if (num == 1) {
		document.getElementById('mainme').value = 'managed';
		document.getElementById('leftmain').style.background = '#527CD7';	
		document.getElementById('managed').src = 'imgs/tabs/managedon.gif';
		document.getElementById('imgchange').src = 'imgs/flashes/slogan1.gif';
		document.getElementById('leftmainarea').innerHTML = '<ul><li><a id="1" href="products/managed-print-services/document-cost-control/" onmouseover="changemainimg(this.id, \'managed\', \'on\')" onMouseOut="offimage()" class="on">Document Cost Control</a></li><li><a id="2" href="products/managed-print-services/workflow-management/" onmouseover="changemainimg(this.id, \'managed\', \'on\')" onMouseOut="offimage()">Document Management</a></li><li><a id="3" href="products/managed-print-services/document-security/" onmouseover="changemainimg(this.id, \'managed\', \'on\')" onMouseOut="offimage()">Document Security</a></li><li><a id="4" href="products/managed-print-services/print-audit-services/" onMouseOut="offimage()" onmouseover="changemainimg(this.id, \'managed\', \'on\')">Document Audit</a></li><li><a id="5" href="products/managed-print-services/all-encompassing-support/" onmouseover="changemainimg(this.id, \'managed\', \'on\')" onMouseOut="offimage()">All Encompassing Support</a></li></ul>';
	}
	else if (num == 3) {
		document.getElementById('mainme').value = 'success';
		document.getElementById('leftmain').style.background = '#2CD428';	
		document.getElementById('success').src = 'imgs/tabs/successon.gif';
		document.getElementById('imgchange').src = 'imgs/flashes/blankcanvas.gif';
		document.getElementById('leftmainarea').innerHTML = '<ul><li><a id="1" href="about/blank-canvas-approach/" onmouseover="changemainimg(this.id, \'success\', \'on\')" onMouseOut="offimage()"  class="on">"Blank Canvas" approach</a></li><li><a id="2" href="about/why-apogee/" onmouseover="changemainimg(this.id, \'success\', \'on\')" onMouseOut="offimage()">Why Apogee?</a></li><li><a id="3" href="about/case-studies/" onmouseover="changemainimg(this.id, \'success\',\'on\')" onMouseOut="offimage()">Case studies</a></li><li><a id="4" href="corporate/" onmouseover="changemainimg(this.id, \'success\',\'on\')" onMouseOut="offimage()">Our Corporate Mission</a></li><li><a id="5" href="about/customer-testimonials/" onmouseover="changemainimg(this.id, \'success\', \'on\')" onMouseOut="offimage()">Customer Testimonials</a></li></ul>';
	}
}

function changemainimg (id, type, hovered) {
	if (hovered == 'on') {
		document.getElementById('hovered').value = 'on';
	}
	for (i = 1; i <=5; i++) {
		document.getElementById(i).className = '';
	}
	var time = 0
	if (type == 'managed') {
		if(id == '1') {  document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/slogan1.gif' ,200, 'home') ; }
		else if(id == '2') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/slogan2.gif' ,200, 'home');}
		else if(id == '3') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/slogan4.gif' ,200, 'home');}
		else if(id == '4') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/slogan5.gif' ,200, 'home'); }
		else if(id == '5') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/slogan7.gif' ,200, 'home');}
	}
	else if (type == 'digital') {
		if(id == '1') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/photocopiers.gif' ,200, 'home') }
		else if(id == '2') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/wideformat.gif' ,200, 'home') }
		else if(id == '3') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/faxmachines.gif' ,200, 'home')}
		else if(id == '4') { document.getElementById(id).className = 'on';blendimage('main','imgchange', 'imgs/flashes/duplicators.gif' ,200, 'home')}
		else if(id == '5') { document.getElementById(id).className = 'on';blendimage('main','imgchange', 'imgs/flashes/telephony.gif' ,200, 'home')}
	}
		else if (type == 'success') {
		if(id == '1') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/blankcanvas.gif' ,200, 'home') }
		else if(id == '2') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/whyapogee.gif' ,200, 'home')}
		else if(id == '3') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/casestudies.gif' ,200, 'home')}
		else if(id == '4') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/success.gif' ,200, 'home')}
		else if(id == '5') { document.getElementById(id).className = 'on'; blendimage('main','imgchange', 'imgs/flashes/findout.gif' ,200, 'home')}
	}
}
function drop(id, side) {
	if (side == 'Y') {
		if (document.getElementById(id).style.display == 'none')  {
			slideup('quote1');
			slideup('quote');
			slideup('quote2');
			slidedown(id);
			imgdiv = "a" + id;
			document.getElementById('aquote1').style.background = "url(imgs/dropmenuup.gif)";
			document.getElementById('aquote').style.background = "url(imgs/dropmenuup.gif)";
			document.getElementById('aquote2').style.background = "url(imgs/dropmenuup.gif)";
			document.getElementById(imgdiv).style.background = "url(imgs/dropmenudown.gif)";
		}
		else {
			slideup(id);
			imgdiv = "a" + id;
			document.getElementById(imgdiv).style.background = "url(imgs/dropmenuup.gif)";

		}	
	}
	if (document.getElementById(id).style.display == 'none')  {
		slidedown(id);
	}
	else {
		slideup(id);
	}
	
}

//window.onload = setTimeout("changemainimg(1, 'managed')", 4000);

//slider
var timerlen = 5;
var slideAniLen = 350;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function slidedown(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}

function slideup(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden

        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
}

function startslide(objname){
        obj[objname] = document.getElementById(objname);

        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;

                obj[objname].style.height = d + "px";
        }

        return;
}

function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function blendimage(divid, imageid, imagefile, millisec, type) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
     
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
     
    changeOpac(0, imageid); 
     
    document.getElementById(imageid).src = imagefile; 

    //fade in image 
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
	if (type != 'home') {
		changeImage(imagefile);
	}
	
} 

function changeImage (current) {
	file = '';
	if (current == 'imgs/banners/greenaware.gif') {
		file = 'imgs/banners/softwaresolutions.gif';
	}
	else if (current == 'imgs/banners/softwaresolutions.gif') {
		file = 'imgs/banners/telephony.png';
	}
	else if (current == 'imgs/banners/telephony.png') {
		file = 'imgs/banners/savemoney.png';
	}
	else if (current == 'imgs/banners/savemoney.png') {
		file = 'imgs/banners/digitaloffice.gif';
	}
	else if (current == 'imgs/banners/digitaloffice.gif') {
		file = 'imgs/banners/greenaware.gif'
	}

setTimeout('blendimage(\'blenddiv\',\'blendimage\', file ,200)', 4000)
}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}