jqPanoramic jQuery plugin usage example ->
$('body').jqPanoramic({
dHeight:"640",
dWidth:"1600",
cubeSide1:"http://i-create.org/JavaScript/jqPanoramic/cubicSide1.jpg",
cubeSide2:"http://i-create.org/JavaScript/jqPanoramic/cubicSide2.jpg",
cubeSide3:"http://i-create.org/JavaScript/jqPanoramic/cubicSide3.jpg",
cubeSide4:"http://i-create.org/JavaScript/jqPanoramic/cubicSide4.jpg",
cubeTop:"http://i-create.org/JavaScript/jqPanoramic/top.jpg",
cubeBottom:"http://i-create.org/JavaScript/jqPanoramic/bottom.jpg"
});
 
//or for the default example just
$('body').jqPanoramic();

var CANVAS_WIDTH = $(window).width;
var CANVAS_HEIGHT = $(window).height()*2;
$('#tweetTank').width(CANVAS_WIDTH);
$('#tweetTank').height(CANVAS_HEIGHT);
$('#tweetTank').css('display','block');
		var arrayTwit;
        var schooloffish;
        var fishArray = [];
        var bubblesArray = [];
        var bubbles;
		var objectsHit = "";
		var objectSelected;
		var cam;
		var searchInt = 0;
        function mRandom(r) {
            var randomInt = Math.floor(Math.random() * r + 1);
            return randomInt;
        }
 
        c3dl.addModel("fish.dae");
        c3dl.addModel("OceanSphere.dae"); 
        // The program main
        function canvasMain(canvasName) {
 
            // Create new c3dl.Scene object
            scn = new c3dl.Scene();
            scn.setCanvasTag(canvasName);
 
            // Create GL context
            renderer = new c3dl.WebGL();
            renderer.addTexture("bubble.jpg");
            renderer.createRenderer(this);
 
            // Attach renderer to the scene
            scn.setRenderer(renderer);
            scn.init(canvasName);
            //the isReady() function tests whether or not a renderer
            //is attached to a scene.  If the renderer failed to
            //initialize this will return false but only after you
            //try to attach it to a scene.
            if (renderer.isReady()) {
                // Create a Collado object that
                // will contain a imported
                // model of something to put
                // in the scene.
                var schooloffish = mRandom(100);
                var ocean = new c3dl.Collada();
                ocean.init("OceanSphere.dae");
                ocean.setAngularVel(new Array(0, .00005, 0));
                ocean.scale([20.0, 20.0, 20.0]);
                ocean.setPickable(false);
                scn.addObjectToScene(ocean); 
				//console.log(arrayTwit.length);
                for (var i = 0; i < arrayTwit.length; i++) {
					//console.log(arrayTwit[i]);
                    fishArray[i] = new c3dl.Collada();
                    fishArray[i].init("fish.dae");
                    fishArray[i].yaw(45.0);
					fishArray[i].ID = "Fish" + i;
                    //fish.roll(25.0);
                    fishArray[i].pitch(-86.4);
					fishArray[i].setLinearVel([0,0,-2]);
                    fishArray[i].url = "http://twitter.com/" + arrayTwit[i].from_user;
                    //fish.setPosition([1200, 100, 700]);
                    fishArray[i].setPosition([mRandom(1200), mRandom(900), mRandom(1500)]);
                    scn.addObjectToScene(fishArray[i]);
                }
                for (var i = 0; i < 7; i++) {
                    bubblesArray[i] = new c3dl.ParticleSystem();
                    bubblesArray[i].setMinVelocity([-2, 0, -2]);
                    bubblesArray[i].setMaxVelocity([2, 25, 2]);
                    bubblesArray[i].setMinLifetime(5.3);
                    bubblesArray[i].setMaxLifetime(10.7);
                    bubblesArray[i].setMinColor([0, 0, 0.3, 0]);
                    bubblesArray[i].setMaxColor([0, 0.3, 0.5, 1]);
                    bubblesArray[i].setSrcBlend(c3dl.ONE);
                    bubblesArray[i].setDstBlend(c3dl.ONE);
                    bubblesArray[i].setMinSize(0.5);
                    bubblesArray[i].setMaxSize(5.0);
                    bubblesArray[i].setTexture("bubble.gif");
                    bubblesArray[i].setAcceleration([0, 9, 0]);
                    bubblesArray[i].setEmitRate(40);
                    bubblesArray[i].init(150);
                    bubblesArray[i].setPosition([mRandom(1200), mRandom(100), mRandom(700)]);
                    scn.addObjectToScene(bubblesArray[i]);
                }
                // Create a camera
                //var cam = new c3dl.FreeCamera();
 
 
 
               // scn.setCamera(cam);
                cam = new c3dl.OrbitCamera();
                cam.setFarthestDistance(2000);
                //cam.pitch(90);
                cam.setPosition(new Array(3000.0, 300.0, 200.0));
                //cam.setLookAtPoint(new Array(0.0, 0.0, 0.0));
                cam.setOrbitPoint(new Array(800.0, 100.0, 200.0));
                cam.setClosestDistance(200);
                cam.setDistance(900);
                //cam.pitch(1);
                scn.setCamera(cam);
                // Start the scene
                scn.startScene();
                scn.setPickingCallback(goLink);
                //scn.setKeyboardCallback(onKeyUp, onKeyDown);
                scn.setMouseCallback(mouseWheel);
 
            }
        }
 
		function goLink(pickingObj)
		{
 			var objectsHit = pickingObj.getObjects();
 
 			if( objectsHit.length > 0 )
			 {
 				var sepiaEffect = new c3dl.Effect();
				sepiaEffect.init(c3dl.effects.SEPIA);
 				window.open(objectsHit[0].url, '_blank');
				objectsHit[0].setEffect(sepiaEffect);
 					for(var i = 0; i < arrayTwit.length; i++){
 						if(objectsHit[0].url == scn.getObj(i).url)
 					scn.getObject(i).setEffect(sepiaEffect);
 					}
 				}
		}
 
        function mouseWheel(event) {
            var delta = 0;
			const ZOOM_SENSITIVITY = 3;
            // Chromium
            if (event.wheelDelta) {
                delta = -event.wheelDelta / 20;
            }
            // Minefield
            else if (event.detail) {
                delta = event.detail * 4;
            }
 
            else {
                if (keyD) {
                    cam.yaw(delta * ZOOM_SENSITIVITY / 100);
                }
                else {
 
                    // towards user
                    if (-delta * ZOOM_SENSITIVITY < 0) {
                        cam.goFarther(-1 * -delta * ZOOM_SENSITIVITY);
                    }
 
                    // towards screen
                    else {
                        cam.goCloser(-delta * ZOOM_SENSITIVITY);
                    }
                }
            }
        }
 
 
function twitterSearch(searchTag) {
	//console.log(searchTag);
	arrayTwit = "";
	arrayTwit = new Array();
                $.getJSON("http://search.twitter.com/search.json?q=" + searchTag + "&callback=?",
        function(data) {
            $.each(data.results, function(i, item) {
                twitSeach = item;
                arrayTwit.push(twitSeach);
            });
 
			if(searchInt >=1){
				searchInt++;
				$('#TweetTankBowl').html("");
				$('#TweetTankBowl').html('<canvas style="display: block;" id="tweetTank" width="800" height="800"></canvas>');
				$('#tweetTank').width(CANVAS_WIDTH);
				$('#tweetTank').height(CANVAS_HEIGHT);
				$('#tweetTank').css('display','block');
				canvasMain("tweetTank");
			}else{
				searchInt++;	
				c3dl.addMainCallBack(canvasMain, "tweetTank");
			}
		 });
}
$(document).ready(function() {
            twitterSearch("fishing");
			sliderGo();
        });
 
function goTwitter(){
var tweet =  $('#tweetSearchTxt').val();
twitterSearch(tweet);	
}
 
function sliderGo(){
$("#sliderVeritcal").slider({
				step: 0.15,
				min: 0.00,
				max:360.00,
				orientation: 'vertical',
				slide: function(event, ui) {  
					cam.pitch(ui.value);
				}
			});
				$("#sliderHorizontal").slider({
				step: 0.15,
				min: 0.00,
				max:360.00,
				slide: function(event, ui) {  
					cam.yaw(ui.value);
				}
			});	
}

var CANVAS_WIDTH = $(window).width();
var CANVAS_HEIGHT = $(window).height()*2;
$('#tweetTank').width(CANVAS_WIDTH);
$('#tweetTank').height(CANVAS_HEIGHT);
$('#tweetTank').css('display','block');
 
		var arrayTwit;
        var schooloffish;
        var fishArray = [];
        var bubblesArray = [];
        var bubbles;
		var objectsHit = "";
		var objectSelected;
        function mRandom(r) {
            var randomInt = Math.floor(Math.random() * r + 1);
            return randomInt;
        }
 
        c3dl.addModel("fish.dae");
        c3dl.addModel("OceanSphere.dae"); 
        // The program main
        function canvasMain(canvasName) {
 
            // Create new c3dl.Scene object
            scn = new c3dl.Scene();
            scn.setCanvasTag(canvasName);
 
            // Create GL context
            renderer = new c3dl.WebGL();
            renderer.addTexture("bubble.jpg");
            renderer.createRenderer(this);
 
            // Attach renderer to the scene
            scn.setRenderer(renderer);
            scn.init(canvasName);
 
            //the isReady() function tests whether or not a renderer
            //is attached to a scene.  If the renderer failed to
            //initialize this will return false but only after you
            //try to attach it to a scene.
            if (renderer.isReady()) {
                // Create a Collado object that
                // will contain a imported
                // model of something to put
                // in the scene.
 
                //fish.setAngularVel(new Array(0.0, 0.0001, 0.0));
 
                var schooloffish = mRandom(100);
                var ocean = new c3dl.Collada();
                ocean.init("OceanSphere.dae");
                ocean.setAngularVel(new Array(0, .00005, 0));
                ocean.scale([20.0, 20.0, 20.0]);
                ocean.setPickable(false);
                scn.addObjectToScene(ocean); 
				//console.log(arrayTwit.length);
                for (var i = 0; i < arrayTwit.length; i++) {
					//console.log(arrayTwit[i]);
                    fishArray[i] = new c3dl.Collada();
                    fishArray[i].init("fish.dae");
                    fishArray[i].yaw(45.0);
					fishArray[i].ID = "Fish" + i;
                    //fish.roll(25.0);
                    fishArray[i].pitch(-86.4);
					fishArray[i].setLinearVel([0,0,-2]);
                    fishArray[i].url = "http://twitter.com/" + arrayTwit[i].from_user;
                    //fish.setPosition([1200, 100, 700]);
                    fishArray[i].setPosition([mRandom(1200), mRandom(900), mRandom(1500)]);
                    scn.addObjectToScene(fishArray[i]);
                }
                for (var i = 0; i < 7; i++) {
                    bubblesArray[i] = new c3dl.ParticleSystem();
                    bubblesArray[i].setMinVelocity([-2, 0, -2]);
                    bubblesArray[i].setMaxVelocity([2, 25, 2]);
                    bubblesArray[i].setMinLifetime(5.3);
                    bubblesArray[i].setMaxLifetime(10.7);
                    bubblesArray[i].setMinColor([0, 0, 0.3, 0]);
                    bubblesArray[i].setMaxColor([0, 0.3, 0.5, 1]);
                    bubblesArray[i].setSrcBlend(c3dl.ONE);
                    bubblesArray[i].setDstBlend(c3dl.ONE);
                    bubblesArray[i].setMinSize(0.5);
                    bubblesArray[i].setMaxSize(5.0);
                    bubblesArray[i].setTexture("bubble.gif");
                    bubblesArray[i].setAcceleration([0, 9, 0]);
                    bubblesArray[i].setEmitRate(40);
                    bubblesArray[i].init(150);
                    bubblesArray[i].setPosition([mRandom(1200), mRandom(100), mRandom(700)]);
                    scn.addObjectToScene(bubblesArray[i]);
                }
                // Create a camera
                //var cam = new c3dl.FreeCamera();
 
 
 
               // scn.setCamera(cam);
                cam = new c3dl.OrbitCamera();
                cam.setFarthestDistance(2000);
                //cam.pitch(90);
                cam.setPosition(new Array(3000.0, 300.0, 200.0));
                //cam.setLookAtPoint(new Array(0.0, 0.0, 0.0));
                cam.setOrbitPoint(new Array(800.0, 100.0, 200.0));
                cam.setClosestDistance(200);
                cam.setDistance(900);
                //cam.pitch(1);
                scn.setCamera(cam);
                // Start the scene
                scn.startScene();
                scn.setPickingCallback(goLink);
                scn.setKeyboardCallback(onKeyUp, onKeyDown);
                scn.setMouseCallback(mouseMove, mouseWheel);
 
            }
        }
 
		function goLink(pickingObj)
		{
 			var objectsHit = pickingObj.getObjects();
 
 			if( objectsHit.length > 0 )
			 {
 				var sepiaEffect = new c3dl.Effect();
				sepiaEffect.init(c3dl.effects.SEPIA);
 				window.open(objectsHit[0].url, '_blank');
				objectsHit[0].setEffect(sepiaEffect);
 					for(var i = 0; i < arrayTwit.length; i++){
 						if(objectsHit[0].url == scn.getObj(i).url)
 					scn.getObject(i).setEffect(sepiaEffect);
 					}
 				}
		} 
 
 
        function onKeyUp(event) {
            if (event.keyCode == 89) { keyD = false; }
        }
 
 
        function mouseWheel(event) {
            var delta = 0;
 
            // Chromium
            if (event.wheelDelta) {
                delta = -event.wheelDelta / 20;
            }
            // Minefield
            else if (event.detail) {
                delta = event.detail * 4;
            }
 
            else {
                if (keyD) {
                    cam.yaw(delta * ZOOM_SENSITIVITY / 100);
                }
                else {
 
                    // towards user
                    if (-delta * ZOOM_SENSITIVITY < 0) {
                        cam.goFarther(-1 * -delta * ZOOM_SENSITIVITY);
                    }
 
                    // towards screen
                    else {
                        cam.goCloser(-delta * ZOOM_SENSITIVITY);
                    }
                }
            }
        }
 
 
        function onKeyDown(event) {
            if (event.keyCode == 65) {
                cam.setOrbitPoint([0, 0, 0]);
            }
            if (event.keyCode == 89) {
                keyD = true;
            }
        }
        function mouseMove(event) {
            // get mouse coords relative to window
            var mmx = event.pageX - 1;
            var mmy = event.pageY - 1;
 
 
 
            if (mmx != null && mmy != null) {
                // NDC
                var normalizedDeviceCoords = [
        (2 * mmx / CANVAS_WIDTH) - 1,
       -((2 * mmy / CANVAS_HEIGHT) - 1),
        1, 1];
 
                // Sometimes this is called before the perspective transform
                // is setup which causes warnings. This check prevents that.
                if (c3dl.isValidMatrix(scn.getProjectionMatrix())) {
                    var iproj = c3dl.inverseMatrix(scn.getProjectionMatrix());
 
                    // To get the clip coords, we multiply the viewspace coordinates by
                    // the projection matrix.
                    // Working backwards across the pipeline, we have to take the normalized
                    // device coordinates and multiply by the inverse projection matrix to get
                    // the clip coordinates.
                    var clipCoords = c3dl.multiplyMatrixByVector(iproj, normalizedDeviceCoords);
 
                    // perspective divide
                    clipCoords[0] /= clipCoords[3];
                    clipCoords[1] /= clipCoords[3];
                    clipCoords[2] /= clipCoords[3];
                    clipCoords[2] = -clipCoords[2];
 
                    var rayInitialPoint = cam.getPosition();
 
                    var x = clipCoords[0];
                    var y = clipCoords[1];
                    var z = clipCoords[2];
 
                    var kludge = c3dl.multiplyVector(cam.getLeft(), -1);
                    var viewMatrix = c3dl.makePoseMatrix(kludge, cam.getUp(), cam.getDir(), cam.getPosition());
 
                    var rayTerminalPoint = c3dl.multiplyMatrixByVector(viewMatrix, [x, y, z, 0]);
                    var rayDir = c3dl.normalizeVector(rayTerminalPoint);
 
                    // get angle
                    var angle = Math.acos(-1 * rayDir[1]);
                    var camHeight = rayInitialPoint[1];
 
                    var hyp = camHeight / Math.cos(angle);
 
                    mx = hyp * rayDir[0] + rayInitialPoint[0];
                    my = hyp * rayDir[1];
                    mz = hyp * rayDir[2] + rayInitialPoint[2];
                }
            }
        }
function twitterSearch(searchTag) {
	//console.log(searchTag);
	arrayTwit = "";
	arrayTwit = new Array();
                $.getJSON("http://search.twitter.com/search.json?q=" + searchTag + "&callback=?",
        function(data) {
            $.each(data.results, function(i, item) {
                twitSeach = item;
                arrayTwit.push(twitSeach);
            });
			//c3dl.init();
			c3dl.addMainCallBack(canvasMain, "tweetTank");
        });
 
        }
$(document).ready(function() {
            twitterSearch("fishing");
        });

var bg = '<div class="lineBg">&nbsp;</div>';
var lpos = 0;
var lint = 1;
var midPoint;
var lineCount = 0;
var mainWidth = $(window).width();
mainWidth = mainWidth - 15;
var mainHeight = $(window).height();
midPoint = mainHeight / 2;
function goLines(){
$('#container').append(bg);
$('.lineBg').css('top', midPoint - 100);
$('.lineBg').css('left', '0');
$('.lineBg').css('display', 'block');
$(this).everyTime(200, function(lineCount) {
	lineCount++;									
    randomLines(lineCount);
  }, 700);
}
function randomLines(i){	
var l1 = '<div id="';
var l2 = '" class="line">&nbsp;</div>';
	 var l = l1+i+l2;	
	 $('#container').append(l);
	 $('#'+i).css('left', getLeftPos(i,mainWidth));
	 if(isEven(i)){
      $('#'+i).css('top',midPoint);
	  $('#'+i).animate({rotate: getRotation(), height: getScale(), opacity: '+=0.5', backgroundColor:'#01a6fb' }, 300); 
	 }else{
	 var neg = true;
	  $('#'+i).css('top',midPoint - 100);
	  $('#'+i).animate({rotate: getRotation(neg), height: getScale(), opacity: '+=0.5' }, 300); 	 
	 }
	  $('#'+i).css('display','block');
}
 
function getLeftPos(i,mainWidth){
	lPos = i;
	lPos *= 5;
	if(lint > mainWidth){
		lint = 1;
	}
   if(lPos > mainWidth){
		lPos = 0 + lint++;
		lPos *= 5;
	}
	console.log("Width " + mainWidth+ " lPos " + lPos + " lint " +lint );
	return lPos;
}
 
function isEven(num) {
  return !(num % 2);
}
 
 
function getRotation(neg){
if(neg == undefined){
var rotation = Math.random()*100-50;
var rotation = '-=' + rotation.toString();
console.log("Neg " + rotation);
}else{
var rotation = Math.random()*300-50;	
var rotation = '+=' + rotation.toString();
console.log("Pos " + rotation);
}
return rotation;
}
 
function getScale(){
var scale = Math.random()*300;
var scale = '+=' + scale.toString();
return scale;
}
 
 
 
 
$(document).ready(function() { 					   
if(!$.browser.msie){						   
 goLines();
 
}else{
	$('#container').append("Please don't use this browser it lacks HTML5 capablites and is the bane of Web Development!  Go get <a href='http://www.google.com/chrome/index.html' target='_blank'>Chrome</a>, <a href='http://www.mozilla.com/en-US/firefox/upgrade.html' target='_blank'>Firefox</a>, <a href='http://www.apple.com/safari/download/' target='_blank'>Safari</a>, something!");
}
});

 
function bloom(){
var scale = 120;
var rotation = 0;
var flower = '<div class="flower"></div>';
var flower2 = '<div class="flower2"></div>';
var flower3 = '<div class="flower3"></div>';
var flower4 = '<div class="flower4"></div>';
 for(i=0; i<40; i++){
 $('#flowerBed').append(flower);
 $('#flowerBed').append(flower2);
 $('#flowerBed').append(flower4);
 $('#flowerBed').append(flower3);
 $('.flower').css('top', $('#flowerBed').height() / 2);
 $('.flower').css('left', $('#flowerBed').width() / 2);
 $('.flower').animate({rotate: '+=20deg', scale: '+=0.06', opacity: 0.90}, 400);
 $('.flower2').css('top', $('#flowerBed').height() / 2);
 $('.flower2').css('left', $('#flowerBed').width() / 2);
 $('.flower2').animate({rotate: '+=40deg', scale: '+=0.04', opacity: 0.60}, 600);
 $('.flower4').css('top', $('#flowerBed').height() / 2);
 $('.flower4').css('left', $('#flowerBed').width() / 2);
 $('.flower4').animate({rotate: '+=60deg', scale: '+=0.03', opacity: 0.30}, 800); 
 $('.flower3').css('top', $('#flowerBed').height() / 2);
 $('.flower3').css('left', $('#flowerBed').width() / 2);
 $('.flower3').animate({rotate: '+=80deg', scale: '+=0.01'}, 1000); 
 }
}
 
$(document).ready(function() { 
if(!$.browser.msie){						   
 bloom();
}else{
	$('#flowerBed').append("Please don't use this browser it lacks HTML5 capablites and is the bane of Web Development!  Go get <a href='http://www.google.com/chrome/index.html' target='_blank'>Chrome</a>, <a href='http://www.mozilla.com/en-US/firefox/upgrade.html' target='_blank'>Firefox</a>, <a href='http://www.apple.com/safari/download/' target='_blank'>Safari</a>, something!");
}
});

 		// constants
        const numPegs = 5;
        const numColors = 5;
        const maxTries = 10;
        const horizOffset = 30;
        const vertOffset = 60;
        const pegSpacing = 30;
        const rowSpacing = 30;
 
        // game play variables
        var solution = new Array();
		var solutionButtonArray;
        var turnNum;
 
        // references to display objects
		var buttonImages = new Array("img/cbBlack.png","img/cbGreen.png","img/cbYellow.png","img/cbPurple.png","img/cbRed.png", "img/cbBlue.png" );
        var currentRow = new Array();
        var currentText;
		var currentButton;
	    var mainIds = 0;
		var myButton;
		function startGame() {
			for(var i =0;i<numPegs;i++) {
				// random, from 0 to 4
				var r = Math.floor(Math.random()*numColors) + 1;
				solution.push(r);
			}
			turnNum = 0;
			createPegRow();
		}
 
	   function createPegRow(start) {
		   solutionButtonArray = new Array();
		   if(start == undefined){
		   $('#cbMainGame').html("");
		   }
		   var cbButton1 = '<div class="divCButton" id="div';
		   var cbButton2 = '" onclick="clickButton(this)"><img id="img';
		   var cbButton3 = '" alt="0" src="img/cbBlack.png" /></div>';
		   var mainWrapper1 = '<div class="mainWrapper">';
		   var mainWrapper2 = '</div>';
		   $('#cbMainGame').append(mainWrapper1);
		   var btnFinished = '<div class="imgButton" id="divButtonFinished';
		   var btnFinished2= '"><center><div class="mainButton" id="divButtonDone';
		   var btnFinished3= '" onclick="executeGameQuery(this)"><span id="spnMainButton">Done</span></div></center></div>';
	   	   currentRow = new Array();
		   for(i=0;i<numPegs;i++) {
				$('#cbMainGame').append(cbButton1+mainIds+cbButton2+mainIds+cbButton3);
				solutionButtonArray.push("img"+mainIds);
				mainIds++;
			}
			$('#cbMainGame').append(btnFinished+mainIds+btnFinished2+mainIds+btnFinished3+mainWrapper2);
	   }
 
	   function clickButton(clicked){
		   var myButton = clicked;
		   var img = $(clicked).find('img');
		   var imageToChange = img[0].alt.toString();
		   if(imageToChange == 6){
			imageToChange = 0;   
		   }
		   //console.log(imageToChange);
		   $("#"+img[0].id).attr("src",buttonImages[parseInt(imageToChange) + 1]);
		   $("#"+img[0].id).attr("alt", parseInt(imageToChange) + 1);
	   }
 
	   function executeGameQuery(mainButton){
		   var buttonClicked = mainButton;
		   var changeThis = buttonClicked.id;
		   var currentColorList = new Array();
		   var colorList = new Array(0,0,0,0,0);
		   var soltionList = new Array(0,0,0,0,0);
		   changeThis = $("#"+changeThis).parent().parent();
		   //console.log(changeThis);
		   var numberCorrect = 0;
		   var numberColorsCorrect = 0;
		   turnNum++;
		   for(i=0; i<numPegs; i++){
			   currentColorList.push($("#"+solutionButtonArray[i]).attr("alt"));
			   $("#"+solutionButtonArray[i]).parent().removeAttr("onclick");
		   }
		   for(i=0; i<numPegs; i++){
			  if(currentColorList[i] == solution[i] ){
				  numberCorrect++;
			  }else{
				  soltionList[solution[i]]++;
				  colorList[parseInt(currentColorList[i])]++;
			  }
		   }
		   for(i=0; i<numColors; i++){
			   var test = Math.min(soltionList[i],colorList[i]);
				numberColorsCorrect = numberColorsCorrect + Math.min(soltionList[i],colorList[i]);
			}
		   $("#"+buttonClicked.id).remove();
		   if(numberCorrect == numPegs){
		   $(changeThis).html('You Got It!<br/><div class="imgButton"><center><div onclick="startGame()" id="divButtonDone5" class="mainButton"><span id="spnMainButton">Play Again</span></div></center></div>');
		   }else if(turnNum == maxTries){
			   $(changeThis).html('I regret to infrom you just lost next time do it quicker! <br/><div class="imgButton"><center><div onclick="startGame()" id="divButtonDone5" class="mainButton"><span id="spnMainButton">Play Again</span></div></center></div>');
 
		   }
		   else{
		   $(changeThis).html("Correct Spot: "+numberCorrect+", Correct Color: "+numberColorsCorrect);
		   var start = true;
		   createPegRow(start);
		   }
	   }
$(document).ready(function() { 
$('#cbMainGame').append(startGameHTML);						   
});

var jData;
var objClik = new Array();
var colorPool = new Array("#075997","#079714","#970744","#079792","#970769","#078497", "#970718", "#075197", "#079733","#079707");
function loadFeed(){
	jQuery.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_id=2432dea4d4d6afa353c425dc5e542fb4&_render=json&_callback=?", function(json) {
	jData = json;
	jQuery('#YahooPipe').width(jQuery(window).width());
	jQuery('#YahooPipe').height(jQuery(window).height());
	loadProcessing();
});
}
jQuery(document).ready(function() { 
try{
if(!jQuery.browser.msie){
loadFeed();
}else{
	jQuery('#result').text("Sorry you are using Internet Explorer an inferior browser please utilize a next generation browser like FireFox, Chrome, or Safari!");
}
}catch(err){
	jQuery('#result').text("Sorry Pipe Failed to Load Please refresh and try again:)");
}
});
 
function loadProcessing(){
		var script = document.getElementById( 'linkScript' ).text;
		var canvas = document.getElementById( 'YahooPipe' );
		Processing(canvas, script);
	}
 
 
void setup()
{
  strokeWeight(0);
  noStroke();
  size(jQuery(window).width(),jQuery(window).height());
  background(255);
  smooth();
}
PFont font = loadFont("Champagne_Limousines.svg");
void draw() 
{
  for(i = 0; i < jData.value.items.length; i++){
  int pointX = random(0,jQuery(window).width());
  int pointY = random(0,jQuery(window).height());
  int fSize = random(30,65);
  objClik.push(new alinked(pointX,pointY,fSize,jData.value.items[i].link, jData.value.items[i].title, colorPool[Math.floor(Math.random() * colorPool.length)],colorPool[Math.floor(Math.random() * colorPool.length)])); 
 
  }
  forLinks('render');
  exit();
}
 
 
void forLinks(mode){
  for(int i=0;i < objClik.length; i++){
    t=objClik[i];
    switch(mode){
      case 'render':objClik[i].render();break;
      case 'detect':
        mouseX > objClik[i].x &&   
        mouseY > objClik[i].y &&
        mouseY < objClik[i].y+t.size &&
        mouseX < objClik[i].x+t.anchorWidth?
          objClik[i].rollOver():
          objClik[i].rollOut();
        break;
      case 'clicks':objClik[i].mouseOver?objClik[i].clicked():0;
    }
  }
}
 
void mouseMoved(){forLinks('detect');}
void mouseClicked(){forLinks('clicks');}
 
class alinked{
  boolean mouseOver;
  color current_col;
  float anchorWidth;
  alinked(float x, float y, float size, String href,String anchor, Color text_col, Color hover_col)
  {
    href=href;    
    anchor=anchor;    
    this.size=size;
    this.x=x,this.y=y;
    text_col=text_col;
    hover_col=hover_col;
    current_col=text_col;
    mouseOver=false;    
  }
  void render(){
    anchorWidth=font.width(anchor)*size;    
    clear(x,y,anchorWidth,size+4);
    textFont(font,size);
    fill(current_col);
    mouseOver?rect(x,y+size+2,anchorWidth,1):0;
    text(anchor,x,y);    
  }
  void rollOver(){
    if(!mouseOver){      
      mouseOver=true;
      cursor('pointer');
      current_col=hover_col;
      render();
    }
  }
  void rollOut(){
    if(mouseOver){
      mouseOver=false;
      cursor('auto');
      current_col=text_col;
      render();
    }
  }
  void clicked(){
    link(href, "_blank");
  }
}

function CenterIT(mainModal, mainContainer) {
    var modalW = $(mainModal).width() / 2;
    var windowW = $(mainContainer).width() / 2;
    var modalH = $(mainModal).height() / 2;
    var windowH = $(mainContainer).height() / 2;
    var centerPointW = windowW - modalW;
    var centerPointH = windowH - modalH;
    var myPoint = $(mainContainer).offset();
    centerPointW = myPoint.left + centerPointW;
    centerPointH = myPoint.top + centerPointH;
    $(mainModal).css('left', centerPointW);
    $(mainModal).css('top', centerPointH);   
}

    var gResult;
    var gResultL;
    function getQueryString(){
    var qString = window.location;
    myReg  = new RegExp("http://seacloud9.org/");
    var url = qString.href.replace(myReg, "");
    return url;
    }
 
    function googleResultArray(googleResult){
        gResult = googleResult;
    }
 
    function getGoogleTitle(titleNum){
        return gResult[titleNum];
    }

package {
    import flash.display.*;
    import flash.events.*;
    import flash.events.Event;
    import flash.filters.BitmapFilterQuality;
    import flash.filters.BlurFilter;
    import fl.transitions.*;
    import flash.media.Sound;
    import flash.net.URLLoader;
    import flash.net.URLRequest;
    import flash.net.URLRequestMethod;
    import flash.net.navigateToURL;
    import org.papervision3d.cameras.Camera3D;
    import org.papervision3d.objects.primitives.Plane;
    import org.papervision3d.objects.primitives.Sphere;
    import org.papervision3d.render.BasicRenderEngine;
    import org.papervision3d.scenes.Scene3D;
    import org.papervision3d.view.Viewport3D;
    import org.papervision3d.typography.Font3D;
    import org.papervision3d.typography.Text3D;
    import org.papervision3d.materials.BitmapFileMaterial;
    import org.papervision3d.materials.special.Letter3DMaterial;
    import org.papervision3d.typography.fonts.HelveticaBold;
    import org.papervision3d.materials.MovieMaterial;
    import org.papervision3d.materials.*;
    import org.papervision3d.events.InteractiveScene3DEvent;
    import hype.framework.core.TimeType;
    import hype.framework.rhythm.SimpleRhythm;
    import hype.framework.sound.SoundAnalyzer;
    import org.papervision3d.lights.PointLight3D;
    import org.papervision3d.materials.shadematerials.CellMaterial;
    import flash.external.ExternalInterface;
    import be.boulevart.google.events.*;
    import     be.boulevart.google.ajaxapi.search.web.*;
    import     be.boulevart.google.ajaxapi.search.web.data.*;
    import     be.boulevart.google.ajaxapi.search.*;
 
 
    public class e404 extends MovieClip {
        public var viewport:Viewport3D;
        public var scene:Scene3D;
        public var camera:Camera3D;
        public var viewport2:Viewport3D;
        public var scene2:Scene3D;
        public var camera2:Camera3D;
        public var plane:Plane;
        public var plane2:Plane;
        public var plane3:Plane;
        public var sphere:Sphere;
        public var font3d:Font3D;
        public var text3d:Text3D;
        public var fontMat:Letter3DMaterial;
        private var cell:CellMaterial;
        private var sphereArr:Array;
        public var light:PointLight3D;
        public var renderer:BasicRenderEngine;
        public var renderer2:BasicRenderEngine;
        public var googleTitle:Array = new Array();
        public var googleLink:Array = new Array();
        public var googleWebSearch:GoogleWebSearch=new GoogleWebSearch();
        public var googURL:URLRequest;
 
 
        public function e404():void {
            addEventListener( Event.ENTER_FRAME, e404Go );
 
        }
        private function onWebResults(e:GoogleSearchEvent):void {
            var resultObject:GoogleSearchResult=e.data as GoogleSearchResult;
            ExternalInterface.call( "console.log" ,"Estimated Number of Results: "+resultObject.estimatedNumResults);
            ExternalInterface.call( "console.log" ,"Current page index: "+resultObject.currentPageIndex);
            ExternalInterface.call( "console.log" ,"Number of pages: "+resultObject.numPages);
 
            for each (var result:GoogleWebItem in resultObject.results) {
                googleTitle.push(result.title);
                googURL = new URLRequest (result.url);
                googleLink.push(googURL);
                ExternalInterface.call( "console.log" ,"link:"+result.url+"title:"+result.title );
            }
 
            ExternalInterface.call( "googleResultArray" , googleTitle );
            //build 3d world now that we have our google search!
            init3D();
            createSearch();
            addEventListeners();
        }
 
        private function onAPIError(evt:GoogleAPIErrorEvent):void {
            trace("An API error has occured: " + evt.responseDetails, "responseStatus was: " + evt.responseStatus);
        }
 
        public function e404Go(e:Event):void {
            removeEventListener(Event.ENTER_FRAME,e404Go );
            // Create the container Sprite
            stage.scaleMode=StageScaleMode.NO_SCALE;
            stage.align=StageAlign.TOP_LEFT;
            //this javascript function returns the query string from the window location
            googleWebSearch.search(ExternalInterface.call( "getQueryString" ),0,"english");
            googleWebSearch.addEventListener(GoogleAPIErrorEvent.API_ERROR,onAPIError);
            googleWebSearch.addEventListener(GoogleSearchEvent.WEB_SEARCH_RESULT,onWebResults);
 
        }
 
        private function init3D():void {
            // VIEWPORT
            viewport=new Viewport3D(0,0,true,false);
            viewport2=new Viewport3D(stage.width,stage.height,true,true);
            addChild( viewport );
            addChild( viewport2 );
            //
            // RENDERER
            renderer = new BasicRenderEngine();
            renderer2 = new BasicRenderEngine();
            //
            // SCENE
            scene = new Scene3D();
            scene2 = new Scene3D();
            //
            // CAMERA
            camera = new Camera3D();
            camera.zoom=11;
            camera.focus=100;
 
            camera2 = new Camera3D();
            camera2.zoom=11;
            camera2.focus=100;
        }
 
        private function createSearch():void {
            // Set some colors so we can see if loading is still happening,
            // or if it failed
            BitmapFileMaterial.LOADING_COLOR=0x000000;
            BitmapFileMaterial.ERROR_COLOR=0xFF0000;
            //
            var material:BitmapFileMaterial=new BitmapFileMaterial("404e.png");
            material.doubleSided=true;
            var material2:BitmapFileMaterial=new BitmapFileMaterial("404e2.png");
            material2.doubleSided=true;
            var material3:ColorMaterial=new ColorMaterial(0xFC0606,.3);
            material3.doubleSided=true;
            light=new PointLight3D(true);
            light.z=0;
            light.y=randomRange(-30,280);
            light.x=randomRange(-350,500);
 
 
            //
            plane=new Plane(material,300,100,10,10);
            plane.x=-350;
            plane.y=265;
 
            // Second ViewPort objects sphere and text from google
            sphereArr = new Array();
            for (var i:int = 0; i < googleTitle.length; i++) {
                var myPattern:RegExp = /<b>/g;
                var myPattern2:RegExp = /<\/b>/g;
                var googSearch:String = new String(googleTitle[i].toString());
                googSearch = googSearch.replace(myPattern, "");
                googSearch = googSearch.replace(myPattern2, "");
                sphere=new Sphere(buildCell(),randomRange(10,100),randomRange(5,20),10);
                sphere.x=randomRange(-500,500);
                sphere.y=randomRange(-500,500);
                sphere.z=randomRange(-500,500);
                try{
                var colorPoolCell:Array = new Array(0x9F3F11, 0xFC0606, 0x9FC1BE, 0x787D29, 0xE0D4BA, 0x911F15, 0xBFCDF2, 0xF0EEF1);
                var colorID:int = randomRange(7, 0);   
                fontMat = new Letter3DMaterial(colorPoolCell[colorID]);
                font3d = new HelveticaBold();
                text3d = new Text3D(googSearch, font3d,  fontMat);
                text3d.x = sphere.x + googSearch.length + 10;
                text3d.y = sphere.y + 10;
                //text3d.z = sphere.z + 10;
                sphere.addChild(text3d);
                sphere.id = i;
                scene2.addChild( sphere );
                sphereArr.push(sphere);
                }
                catch(e:Error){
                    // Sometimes the google title font3D will fail but we can catch it so it doesn't
                    // have a nasty flash epic fail warning..
                    ExternalInterface.call( "console.log" , "Error Reached = " + e);
                }
 
 
 
            }
            //create the 3D planes for the first ViewPort
 
            plane2=new Plane(material2,300,100,10,10);
            plane2.x=-350;
            plane2.y=265;
            plane2.z=-60;
            plane3=new Plane(material3,800,150,10,10);
            plane3.x=-350;
            plane3.y=285;
            plane3.z=80;
            //
            scene.addChild( plane );
            scene.addChild( plane2 );
            scene.addChild( plane3 );
            addListner();
        }
        function addListner():void{
            for(var i:int = 0; i < sphereArr.length; i++){
            try{
            sphereArr[i].addEventListener( InteractiveScene3DEvent.OBJECT_PRESS, callLink );
            ExternalInterface.call( "console.log" , "Event Added" + i);
            }catch(e:Error){
                ExternalInterface.call( "console.log" , e);
            }
            }
        }
        function callLink(e:InteractiveScene3DEvent):void {
            try {
                navigateToURL(googleLink[e.target.id], '_blank');
                ExternalInterface.call( "console.log" , "link Clicked --" + e.target.id + "Link Called - " + googleLink[e.target.id]);
            } catch (err:Error) {
                ExternalInterface.call( "console.log" , err + " id: " + e.target.id + "Errored on: " + googleLink[e.target.id].toString() );
            }
        }
 
 
 
        function buildCell():CellMaterial {
            var colorPoolCell:Array = new Array(0x9F3F11, 0xFC0606, 0x9FC1BE, 0x787D29, 0xE0D4BA, 0x911F15, 0xBFCDF2, 0xF0EEF1);
            var colorID:int = randomRange(7, 0);
            var colorID2:int = randomRange(7, 0);
            //random color material generation returns cellMaterial
            //cell=new CellMaterial(light,Math.round(Math.random()*0xFFFFFF),Math.round(Math.random()*0xFFFFFF),100);
            cell=new CellMaterial(light,colorPoolCell[colorID],colorPoolCell[colorID2],100);
            cell.interactive=true;
            return cell;
        }
 
        function randomRange(max:Number, min:Number = 0):Number {
            return Math.random() * (max - min) + min;
        }
 
 
        private function addEventListeners():void {
            addEventListener( Event.ENTER_FRAME, __onEnterFrame );
        }
 
        private function removeEventListeners():void {
            removeEventListener( Event.ENTER_FRAME, __onEnterFrame );
        }
 
        /*===================================================================\\
        ||Listener Functions ||
        \\===================================================================*/
 
        private function __onEnterFrame( e:Event ):void {
            //moves the error planes viewort according to mouse position
            plane.rotationY=viewport.mouseX/4;
            plane.rotationX=viewport.mouseY/4;
            plane2.rotationY=viewport.mouseX/4;
            plane2.rotationX=viewport.mouseY/4;
            plane3.rotationY=viewport.mouseX/4;
            plane3.rotationX=viewport.mouseY/4;
            light.rotationX=viewport2.mouseY/4;
            light.rotationY=viewport2.mouseY/4;
            //
            sldWorld.addEventListener("change", updateWorldAxisValue);
            sldZoomCam.addEventListener("change", updateCamerValue);
            this.setChildIndex(sldWorld, this.numChildren-1);
            this.setChildIndex(sldZoomCam, this.numChildren-1);
            renderer.renderScene( scene, camera, viewport );
            renderer2.renderScene( scene2, camera2, viewport2 );
        }
 
        function updateWorldAxisValue(argument) {
            var sldWorld_value:Number=this.sldWorld.value;
            camera2.rotationY=sldWorld_value;
 
 
        }
        function updateCamerValue(argument) {
            var sldZoomCam_value:Number=this.sldZoomCam.value;
            camera2.zoom=sldZoomCam_value;
 
        }
    }
}

import hype.extended.behavior.FunctionTracker;
import hype.extended.behavior.Oscillator;
import hype.extended.color.ColorPool;
import hype.extended.layout.GridLayout;
import hype.framework.display.BitmapCanvas;
import hype.framework.sound.SoundAnalyzer;
import hype.extended.behavior.FixedVibration;
var myWidth = stage.stageWidth;
var myHeight = stage.stageHeight;
 
var clipCanvas:BitmapCanvas = new BitmapCanvas(myWidth, myHeight);
addChild(clipCanvas);
 
var clipContainer:Sprite = new Sprite();
 
var soundAnalyzer:SoundAnalyzer = new SoundAnalyzer();
soundAnalyzer.start();
 
var colorPool:ColorPool = new ColorPool(
    0x9F3F11, 0xFC0606, 0x9FC1BE, 0x787D29, 0xE0D4BA, 0x911F15, 0xBFCDF2, 0xF0EEF1
);
 
// xStart, yStart, xSpacing, ySpacing, columns
 
var layout:GridLayout = new GridLayout(0, myHeight / 2, 10, 0, 34);
 
var numItems:int = 64;
var freq:int = 120;
 
for (var i:uint = 0; i < numItems; ++i) {
    var clip:MySquare = new MySquare();
 
    layout.applyLayout(clip);
    colorPool.colorChildren(clip);
 
    // object, property, soundAnalyzer.getFrequencyRange, [startRange, endRange, min, max]
 
    var aTracker:FunctionTracker = new FunctionTracker(clip.myFill, "alpha", soundAnalyzer.getFrequencyRange, [i*4, i*4+4, 0.25, 1.0]);
    var sTracker:FunctionTracker = new FunctionTracker(clip.myFill, "scaleY", soundAnalyzer.getFrequencyRange, [i*4, i*4+4, 0.5, 30.0]);
    aTracker.start();
    sTracker.start();
 
    // target Object, property, waveFunction, frequency, min, max, start value
 
    var yOsc:Oscillator = new Oscillator(clip, "y", Oscillator.sineWave, freq, 60, 600, i/(180/2));   
    yOsc.start();
 
    clipContainer.addChild(clip);
}
 
clipCanvas.startCapture(clipContainer, true);
 
var sound:Sound = new Sound();
sound.load(new URLRequest("http://i-create.org/actionscript/404e/shortCircuitE1.mp3"));
sound.play();
 
var aVibration:FixedVibration = new FixedVibration(cBagHead, "alpha", 0.9, 0.1, 0.0, 1.0, false);
aVibration.start();

 
        var flickrDescription = new Array();
        var arrayTwit = new Array();
        var twitSearch = new Object();
        var map;
        var geoXml;
        function myFeedObject(packPipe, location, type) {
            this.descList = new Array();
            this.itemList = "";
            this.type = type;
            fireUpYahooPipe(this, packPipe, location);
        }
 
        function output_feed_items(obj, json, location) {
            var heading = '<h3>' + json.value.title + '</h3>';
            for (i = 0; i < json.count; i++) {
                if (obj.type == "generic") {
                    obj.itemList += make_feed_item(obj, json.value.items[i], i, location);
                } else {
                    var ypipeImage = json.value.items[i].description;
                    ypipeImage = $(ypipeImage).find('img');
                    try {
                        var ypipeOBJ = new Object();
                        var myReg = /cdn.c.ooyala.com/;
                        var myQuestion = ypipeImage[0].src;
                        var myResult = myQuestion.match(myReg);
                        if (myResult == null) {
                            ypipeOBJ.image = ypipeImage[0].src;
                            ypipeOBJ.linked = json.value.items[i].link;
                            obj.itemList += make_feed_item_images(obj, ypipeOBJ, i, location);
                        } else {
                            ypipeOBJ.image = null;
                        }
                    }
                    catch (err) {
                        //console.log(err + "Lame");
                    }
                }
                obj.descList.push(make_feed_desc(obj, json.value.items[i], i, location));
            }
            return obj.itemList;
        }
        function make_feed_item_images(obj, item, item_id, location) {
            var Quo = "\'";
            return '<div id="heading-' + item_id + "_" + location + '" style="float:left">' +
      '<a href="' + item.linked + '" target="_blank" onMouseover="toggle_feed_desc(' + location + ' ,' + item_id + ', ' + Quo + location + Quo + ' );" onMouseout="goHide(' + Quo + location + Quo + ' ,' + item_id + ', ' + Quo + location + Quo + ' )"><img src=\"' +
      item.image + '\"/></a></div>';
        }
        function make_feed_item(obj, item, item_id, location) {
            var Quo = "\'";
            return '<li id="li" class="ui-state-default"><h4 id="heading-' + item_id + "_" + location + '">' +
      '<a href="' + item.link + '" target="_blank" style="color:#0E1836;" onMouseover="toggle_feed_desc(' + location + ' ,' + item_id + ', ' + Quo + location + Quo + ' );" onMouseout="goHide(' + Quo + location + Quo + ' ,' + item_id + ', ' + Quo + location + Quo + ' )">' +
      item.title + '</a></h4></li>';
        }
        function goHide(obj, item_id, location) {
            var myDescription = "#desc-";
            $(myDescription + item_id + "_" + location).css('display', 'none');
        }
        function make_feed_desc(obj, item, item_id, location) {
            var desc_info = '<span="item-submitted">Published: ' + item.pubDate + '</span>';
            var desc_info = '<div class="item-info">' + desc_info + '</div>';
            if (obj.type == "images") {
                return '<div class="hoverY" id="desc-' + item_id + "_" + location + '">' +
    desc_info + item.description + '</div>';
            } else {
                return '<div class="hover" id="desc-' + item_id + "_" + location + '"><div class="arrowUp"><div class="arrowUp2"></div></div>' +
    desc_info + item.description + '</div>';
            }
        }
 
        function toggle_feed_desc(obj, item_id, location) {
            var heading = '#heading-' + item_id + "_" + location;
            var desc = '#desc-' + item_id + "_" + location;
            if (obj.type == "images") {
                //Pay attention the code below automagically gets the dom x and y to set the item_div x,y :)
                var x = $(heading).offset().left;
                var y = 80;
                var wi = x / 2;
                x = x - wi;
                var item_div = obj.descList[item_id] + "_" + location;
                $('#contentForVideo').append(obj.descList[item_id]);
            } else {
                $(heading).after(obj.descList[item_id]);
            }
        }
        function twitterSearch(searchTag) {
            $(document).ready(function() {
                $.getJSON("http://search.twitter.com/search.json?q=" + searchTag + "&callback=?",
        function(data) {
            $.each(data.results, function(i, item) {
                twitSeach = item;
                arrayTwit.push(twitSeach);
            });
            whenPigsFly();
        });
            });
        }
        function fireUpYahooPipe(obj, packPipe, location, type) {
            $(document).ready(function() {
                var content = "";
                $.getJSON(packPipe,
   function(json) {
       if (json.count > 0) {
           content = output_feed_items(obj, json, location);
           $(function() {
               $("#" + location).sortable();
               $("#" + location).disableSelection();
           });
       } else {
           content = "The request did not return results.";
       }
       $("#ldr" + location).remove();
       $("#" + location).html(content);
   }
  );
            });
        }
 
        function myFlickerImages(tag) {
            $(document).ready(function() {
                $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=" + tag + "&tagmode=any&format=json&jsoncallback=?",
        function(data) {
            for (i = 0; i < 10; i++) {
                $("<img id ='img" + i + "' />").attr("src", data.items[i].media.m).appendTo("#public_images").wrap("<a id='aimg" + i + "' href='" + data.items[i].link + "' target='_blank' onMouseover='toggle_flickr_desc(" + i + ")' onMouseout='goHideFlickr(" + i + ")'></a>");
                var myFlickerDes = make_flickr_desc(data.items[i], i);
                flickrDescription.push(myFlickerDes);
            }
        });
            });
        }
 
        function make_scrollController() {
            $('newsContainer').after('<div id="ScrollerContoller" ><span id="Go" style="color:#fff; cursor:pointer; font-weight:bold;float:left;" onclick="goMove(\'+=210px\');"/&uarr;</span><span style="color:#fff; cursor:pointer; font-weight:bold; float:left;" onclick="goMove(\'-=210px\');"/>&darr;</span></div>');
        }
 
        function make_flickr_desc(data, i) {
            var desc_info = '<span="item-submitted">Title: ' + data.title + '</span>';
            var desc_info = '<div class="item-info">' + desc_info + '</div>';
            return '<div class="hoverF imgNone" id="desc-' + i + '"><div class="arrowUp"><div class="arrowUp2"> </div></div>' +
    desc_info + data.description + '</div>';
        }
 
        function toggle_flickr_desc(i) {
            var heading = '#img' + i;
            //Pay attention the code below automagically gets the dom x and y to set the item_div x,y :)
            var x = $(heading).offset().left;
            var y = $(heading).offset().top;
            y = y + 160;
            var item_div = 'div#desc-' + i;
            $(heading).after(flickrDescription[i]);
            $(item_div).css('left', x);
            $(item_div).css('top', y);
        }
 
        function goHideFlickr(i) {
            var myDescription = "#desc-";
            $(myDescription + i).css('display', 'none');
        }
 
 
        function goMove(goDirection) {
            $('#videoYoutube').css('width', '880px');
            $('#videoYoutube').css('position', 'absolute');
            $("#videoYoutube").animate({ "top": goDirection }, "slow");
        }
 
        function whenPigsFly() {
            var randomPiggyNote = Math.floor(Math.random() * arrayTwit.length);
            var randomY = Math.floor(Math.random() * 60);
            var piggy = '<div id="divPigsFlying" onMouseOver="stopFlyingPig();" onMouseOut="continueFlyingPig();" ><div><a id="twitLink" href="" target="_blank" style="color:#fff"><div id="divPiggContent" style="height:40px; display:inline-block; font-weight:1.4em; color:#0E1836; border:none;"  ></div><img class="pigsFly" src="images/when_pigs_fly.png" style="border:none;" /></a></div></div>';
            $('#divWhenPigsFly').html(piggy);
            var goLink = "http://twitter.com/" + arrayTwit[randomPiggyNote].from_user;
            $('#twitLink').attr('href', goLink);
            var HowFatisThePig = $('#divPigsFlying').width();
            var myPiggyStartLocation = 0 - HowFatisThePig;
            $('#divPigsFlying').css('left', myPiggyStartLocation);
            $('#divPigsFlying').css('top', randomY);
            $('#divPiggContent').append(arrayTwit[randomPiggyNote].text);
            $('#divPigsFlying').fadeIn(1000, function() {
                var left = $('#divPigsFlying').offset().left;
                var goDistance = window.innerWidth;
                left = left + 900;
                $('#divPigsFlying').css('position', 'absolute');
                $('#divPigsFlying').animate({ left: goDistance }, 20000, function() {
                    $('#divPigsFlying').fadeOut(1000, function() { whenPigsFly(); });
                });
            });
        }
 
        function stopFlyingPig() {
            $('#divPigsFlying').stop();
        }
 
        function continueFlyingPig() {
            var goDistance = window.innerWidth;
            $('#divPigsFlying').animate({ left: goDistance }, 20000, function() {
                $('#divPigsFlying').fadeOut(1000, function() { whenPigsFly(); });
            });
        }
 
        function goSearch() {
            var Quo = '\"';
            $('#public_images').html('');
            var content = $('#Search').val();
            videoYoutube = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?Search=' + content + '&_id=aE4GjZv63BGt4u90l7okhQ&_render=json&_callback=?', 'videoYoutube', 'images');
            myFlickerImages(content);
            twitterSearch(content);
            $('#geoCodeNewsMain').html('');
            loadGmap(content);
        }
 
        function loadGmap(content) {
            if (GBrowserIsCompatible()) {
                map = new GMap2(document.getElementById("geoCodeNewsMain"));
                geoXml = new GGeoXml("http://pipes.yahoo.com/pipes/pipe.run?_id=5157b1e8036007e4334fd092860f7372&_render=kml&textinput1=" + content);
                map.setCenter(new GLatLng(0, 0), 1);
                map.addOverlay(geoXml);
            }
        }
 
        // Note it is important to name the location the same as the ul id and object name the same because I use location to send the toggle object look at the code. http://pipes.yahoo.com/pipes/pipe.run?Search=generative+art&_id=aE4GjZv63BGt4u90l7okhQ&_render=json
 
        AdobeNews = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?_id=af4c93eb0e4fd18859cc9ab840c5f745&_render=json&_callback=?', 'AdobeNews', 'generic');
        riaNews = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?_id=f207a19ea9a846e4ca242c5239a0d0df&_render=json&_callback=?', 'riaNews', 'generic');
        MSDNNews = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?_id=8250c5383b9990d7c8b0ef8129d820db&_render=json&_callback=?', 'MSDNNews', 'generic');
        videoYoutube = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?Search=art&_id=aE4GjZv63BGt4u90l7okhQ&_render=json&_callback=?', 'videoYoutube', 'images');
		worldNews = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?_id=e946b09b5c463a833d53699438633056&_render=json&_callback=?', 'worldNews', 'generic');
		blogSphere = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?_id=8f6ff698cbc6531b78bd76aa12850541&_render=json&delmax=10&diggmin=200&redmax=10&slashmin=100&trunc=50&_callback=?', 'blogSphere', 'generic');
		OpenCourse = new myFeedObject('http://pipes.yahoo.com/pipes/pipe.run?_id=fc65cd7d5080b4e32744fd730d49bfff&_render=json&_callback=?', 'OpenCourse', 'generic');
 
 
        myFlickerImages("art");
        $(document).ready(function() {
            twitterSearch("when pigs fly");
            loadGmap("war");
        });

void setup()
{
  size(800, 600);
  background(255);
  smooth();
}
 
void draw() 
{
   variableEllipse(mouseX, mouseY, pmouseX, pmouseY); 
}
void variableEllipse(int x, int y, int px, int py) 
{
  float speed = abs(x-px) + abs(y-py);
  stroke(64,128,128,255);
  fill(color(random(0,255),random(0,255),0),myFillColor());
  ellipse(x, y, speed, speed);
}
int myFillColor(){
int alpha = random(0,255);
return alpha;
}