//FUNCTION CALLED FROM THE NETWORK > WEBSITE
function toggleWebsite(whichSection) {
	var linkTarget = 'web-subsection-link'; // SET THE SPECIFIC CONTAINER ID
	var titleText = whichSection.getAttribute("title"); // GET THAT PARTICULAR CLICKED TITLES

	toggleContent(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE CONTENT
	toggleLink(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE LINK HIGHLIGHT
}

//FUNCTION CALLED FROM THE NETWORK > SHOWS
function toggleShows(whichSection) {
	
	var linkTarget = 'shows-subsection-link'; // SET THE SPECIFIC CONTAINER ID
	var titleText = whichSection.getAttribute("title"); // GET THAT PARTICULAR CLICKED TITLES
	
	// HIDE THE SHOWS LANDING-DIV SECTION WHEN THE LINK IS CLICKED.
	var landingDiv = document.getElementById('showsLanding');
	landingDiv.style.display = "none";
	
	toggleContent(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE CONTENT
	toggleLink(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE LINK HIGHLIGHT
}

// FUNCTION CALLED FROM THE ADVETISING > RESEARCH
function toggleResearch(whichSection) {
	var linkTarget = 'subsection-adv-submenu-cont'; // SET THE SPECIFIC CONTAINER ID
	var titleText = whichSection.getAttribute("title"); // GET THAT PARTICULAR CLICKED TITLES
	
	toggleContent(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE CONTENT
	toggleLink(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE LINK HIGHLIGHT
}

// FUNCTION CALLED FROM THE ADVERTISING > CAMPAIGN ELEMENT
function toggleCampaign(whichSection) {
	var linkTarget = 'subsection-adv-submenu-cont'; // SET THE SPECIFIC CONTAINER ID
	var titleText = whichSection.getAttribute("title"); // GET THAT PARTICULAR CLICKED TITLES
	
	toggleContent(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE CONTENT
	toggleLink(linkTarget, titleText); // CALL FUNCTI0N TO TOGGLE THE LINK HIGHLIGHT
}

// FUNCTION CALLED FROM THE ADVERTISING > CAMPAIGN ELEMENT > CHANNEL SPONSORSHIP
function toggleChanSponsorship(whichSection) {
	var linkTarget = 'channelSponsorship-link'; // SET THE SPECIFIC CONTAINER ID
	var titleText = whichSection.getAttribute("title"); // GET THAT PARTICULAR CLICKED TITLES
	
	// HIDE THE CHANNEL SPONSORSHIP LANDING-DIV SECTION WHEN THE LINK IS CLICKED.
	var landingDiv = document.getElementById('channelLanding');
	landingDiv.style.display = "none";
	
	toggleContent(linkTarget, titleText); // CALL FUNCTION TO TOGGLE THE CONTENT
	toggleLink(linkTarget, titleText); // CALL FUNCTI0N TO TOGGLE THE LINK HIGHLIGHT
}

// FUNCTION TO PUT THE DEFAULT BACK ON THE ADVERTISING > CAMPAIGN ELEMENT > CHANNEL SPONSORSHIP SECTION
function toggleChanSponLanding() {
	
	// CHANGE THE ID=channelLanding CONTAINER TO DISPLAY BLOCK
	var landingDiv = document.getElementById('channelLanding');
	landingDiv.style.display = "";
	
	// CHANGE ALL SUBSECTIONS ID CONTAINER TO DISPLAY NONE
	var allSections = new Array ("tech", "sports", "health", "urban", "food", "afterdark");
	for (var h=0; h < allSections.length; h++) {
		theSection = document.getElementById(allSections[h]);
		theSection.style.display = "none";
	}
	
	// CHANGE ALL SUBSECTION LINKS TO DISPLAY THE NORMAL STAGE (NOT HIGHLIGHTED ONE)
	var linkTarget = 'channelSponsorship-link';
	var imgLink = document.getElementById(linkTarget).getElementsByTagName("a");
	for (var k=0; k < imgLink.length; k++) {
		var imgCName = imgLink[k].getAttribute("title");
		imgLink[k].className = imgCName;
	}
}

// GENERAL FUNCTION TO TOGGLE THE VIDEO DISPLAY
function toggleVideo(whichVideo) {
	var videoCont = document.getElementById('main-graphic-movie'); // SET THE SPECIFIC CONTAINER ID
	
	// REMOVE THE VIDEO
	var parentCont = videoCont.parentNode;
	parentCont.removeChild(videoCont);	
		
	// CREATED NEW DIV WITH ID AND CLASS NAME - DIV TAG IS IMPORTANT TO BE INCLUDE IF NOT IT WON'T WORK IN IE6
	var newDiv = document.createElement("div");
	newDiv.id = "main-graphic-movie";
	newDiv.className = "main-graphic-movie";
	newDiv.innerHTML = '<div><object width="300" height="225"><param name="movie" value="'+whichVideo+'"></param><param name="wmode" value="transparent"></param><embed src="'+whichVideo+'" type="application/x-shockwave-flash" wmode="transparent" width="300" height="225"></embed></object></div>';
	parentCont.appendChild(newDiv);
}

				
// GENERAL FUNCTION TO CHANGE HIGHLIGHT LINK WHEN IT'S CLICKED
function toggleLink(linkTarget, titleText) {
	var imgLink = document.getElementById(linkTarget).getElementsByTagName("a");
	for (var k=0; k < imgLink.length; k++) {
		var imgCName = imgLink[k].getAttribute("title");
					
		if (imgCName == titleText ) {
			imgLink[k].className = imgCName+"-on";
		} else {
			imgLink[k].className = imgCName
		}
	}
}


// GENERAL FUNCTION TO CHANGE THE TEXT CONTENT
function toggleContent(linkTarget, titleText) {
	var allSections = document.getElementById(linkTarget).getElementsByTagName("a");
	for (var m=0; m < allSections.length; m++) {
		var allTitles = allSections[m].getAttribute("title");
		if (allTitles == titleText) {
			theSection = document.getElementById(titleText);
			theSection.style.display = "";
		} else {
			otherSection = document.getElementById(allTitles);
			otherSection.style.display = "none";
		}
	}
}

function toggleMore(whichPart) {
	var titleText = whichPart.getAttribute("title");
	var whichId = document.getElementById('forProducers-cont');
	var otherId = document.getElementById('forProducers-cont-more');
	
	if (titleText == 'more') {
		whichId.style.display = "none";
		otherId.style.display = "";
	} else {
		whichId.style.display = "";
		otherId.style.display = "none";
	}
}