JavaScript - Targeting A Stage Or Container With Jquery

http://www.zapni.tv/stream/vlc.php?id=100&session=NTEzNjcwMzY2OQ==&stream=play

<embed type="application/x-vlc-plugin" name="VLC" autoplay="yes" loop="no" volume="100" width="640" height="480" target="http://www.zapni.tv/stream/vlc.php?id=100&session=MTk3NjYwODUzOQ==&stream=play">

$(document).ready(function(){
	//References
	var change = $("#menu li a");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	change.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		if(this.id == "home")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/index.php", hideLoading);
			content.slideDown();
		}
		else if(this.id == "secondpage")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/secondpage.php", hideLoading);
			content.slideDown();
		}
		else
		{
			//hide loading bar if there is no selected section
			hideLoading();
		}
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}

	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});

<ul id="menu">
<li><a id="home" class="normal" href="#Home"></a></li>
<li><a id="secondpage" class="normal"  href="#Secondpage"></a></li>		
</ul>

<div id="content">
<ul id="sec-menu">
<li><a id="link1" class="normal" href="#">Link1</a></li>
<li><a id="link2" class="normal"  href="#">Link2</a></li>		
</ul>
</div>

jQuery(document).ready(function($) {
        function load(num) {
            $('#content').load(num +".html");
        }

        $.history.init(function(url) {
                load(url == "" ? "1" : url);
            });

        $('#ajax-links a').live('click', function(e) {
                var url = $(this).attr('href');
                url = url.replace(/^.*#/, '');
                $.history.load(url);
                return false;
            });
    });

<div id="container1">

 <div id="box1">some text</div>
 <div id="box2">some double more text</div>
 <div id="box3">some other text</div>

</div>

<div id="container2">

 <div id="box4">some double more text</div>
 <div id="box5">some more text</div>
 <div id="box6">some other text</div>

</div>

width = 1;
 height = 1;
 var container = document.getElementById('container');
  
 if (typeof (window.innerWidth) == 'number') {
	 width = window.innerWidth;
     height = window.innerHeight;
 }
 
 else {
	 width = screen.width;
	 height = screen.height;
 }

 if ((width / height) > 1.5) {
	 container.style.right = 0;
	 container.style.position = 'absolute';
 }

// auto-add-in 'read more' hooks after 4 bullet points
	$("#att_container ul").each(function() {
		var elem = $(this); 
		// break up list into separate lists, more than 4 is toggle_container
		if ( elem.children("li").length > 0 )
		{
			
			elem.after('<ul class="toggle_container">');            // add hidden container after current element
			var hiddenContainer = elem.next(".toggle_container");   // save a reference to it
			elem.children("li").slice(0).appendTo(hiddenContainer); // move the children past the limit
			hiddenContainer.after('<p class="trigger"><a href="#">&nbsp;</a></p>'); // read more button
		}
	});

	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide(); 
	
	//Switch the "Open" and "Close" state per click
	$("p.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	//Slide up and down on click
	$("p.trigger").click(function(){
		$(this).prev(".toggle_container").slideToggle("slow");
	});
	
	
	// Expand and Collapse All
	$(".expand").click(function(){
		$("p.trigger").addClass("active").prev(".toggle_container").slideDown("slow");
	});
	$(".collapse").click(function(){
		$("p.trigger").removeClass("active").prev(".toggle_container").slideUp("slow");
	});
	
});

#att_container p.trigger a {
	display:block;
	float:right;
	width: 76px;
	height: 19px;
	margin: 0;
	padding: 0;
	background: url(../images/readmore_att.jpg) top left no-repeat;
}
#att_container p.active a {
	background: url(../images/readmore_att.jpg) bottom left no-repeat;
}

<p class="dog-1"></p>
<p class="dog-2"></p>
<p class="cat-1"></p>
<p class="dog-3"></p>

<div class="dog">
   <p class="dog-1"></p>
   <p class="dog-2"></p>
   <p class="dog-3"></p>
</div>

<div class="cat">
   <p class="cat-1"></p>
</div>

function getInfoContent(graphic) 
{
function ajaxRequests() 
{
var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
if (window.ActiveXObject) { //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
for (var i = 0; i < activexmodes.length; i++) {
try {
return new ActiveXObject(activexmodes[i])
}
catch (e) {
//suppress error
}
}
}
else if (window.XMLHttpRequest) // if Mozilla, Safari etc
return new XMLHttpRequest()
else
return false
}
 
var mygetrequests = new ajaxRequests()
mygetrequests.onreadystatechange = function() {
if (mygetrequests.readyState == 4) {
if (mygetrequests.status == 200 || window.location.href.indexOf("http") == -1) {
var bookss = eval("(" + mygetrequests.responseText + ")") //retrieve result as an JavaScript object
var rssent = bookss.infos.info
for (var i = 0; i < rssent.length; i++) {
 
// alert(mygetrequests.responseText);
var placeImg = ""
var txt = ""
// placeImg += rssent[i].descImg
txt += rssent[i].desc
var shorttxt = ""
shorttxt += txt.substring(0, 30);
var bc = new dijit.layout.BorderContainer({ style: "font-size: 11pt; height: 574px; width:739px; border:0px;" });
var c1 = new dijit.layout.ContentPane({
 
region: "top",
style: "height: 11.5%; width: 100%; color: black; background-color: transparent; border:0px;",
content: "<table><div id = \"mydiv\">" + shorttxt + "<font color = '#0000FF' size = '1'><a onclick='showmore();'><u> More...</u></a></div></td></table>"
});
bc.addChild(c1);
}
 
}
else {
alert("An error has occured making the request")
}
}
return bc.domNode;
}
mygetrequests.open("GET", "HTMLPage4.htm", true)
mygetrequests.send(null)
}