function cycleSOC(cycletype) {
		if ( cycletype == 2 ) {
		setTimeout("activateSOC('slide2', 'slide1')", 8000);
		setTimeout("activateSOC('slide3', 'slide2')", 16000);
		setTimeout("activateSOC('slide1', 'slide3')", 24000);
		setTimeout("cycleSOC(2)", 24001);
//		clearTimeout();
		}
		else {
		setTimeout("activateSOC('slide2', 'slide1')", 3000);
		setTimeout("activateSOC('slide3', 'slide2')", 6000);
		setTimeout("activateSOC('slide1', 'slide3')", 12000);
		setTimeout("cycleSOC()", 12001);
		}
		
	}

	function activateSOC(SOCID, SOCIDX) {
		changeOpac(0, SOCID)
		changeOpac(0, SOCID + "p")
		document.getElementById(SOCID).style.display = "block";
		document.getElementById(SOCID + "p").style.display = "block";
		opacity(SOCIDX, 100, 0, 2000);
		opacity(SOCID, 0, 100, 2000);
		opacity(SOCIDX + "p", 100, 0, 2000);
		opacity(SOCID + "p", 0, 100, 2000);
	}
	
	
	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++; 
	        } 
	    } else if ( opacStart == opacEnd && opacEnd == 0 ) {
			document.getElementById(id).style.display = "none";
		}
	} 
	
	
	//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 + ")"; 
	}