var BRname = navigator.appName; 
var BRversion = navigator.appVersion;   
function ieVersion(){

	verArr = BRversion.split(';');
	len = verArr[1].indexOf('MSIE')
	len += 5;
	ch = verArr[1].charAt( len )
	ch = parseInt( ch );
	
	if( ch >= 5 ) 
		return true;
	return false;
}
var NS4, NS6, IE4, IE5;
NS4 = ( (BRname=='Netscape') && (BRversion.indexOf('4')!=-1) ) ? true : false;
NS6 = ( (BRname=='Netscape') && (BRversion.indexOf('4')==-1) ) ? true : false;
IE4 = ( (BRname.indexOf('Microsoft')!=-1) && (ieVersion()==false) ) ? true : false;
IE5 = ( (BRname.indexOf('Microsoft')!=-1) && (ieVersion()==true) ) ? true : false;


/////////////////////////////////////////////////////////////////////////////////////////////////

/***************************************************************************** 
*	INSTRUCTIONS : How to add/remove new Channel
*	
*	1. Set the numOfChannels param.
*	2. Add 3 images to the library - "/mediaSource/images/channels/"
*	   ( Call them - channelName_out.gif, channelName_over.gif, channelName_div.gif )	
*	3. Update ChannelsInfoARR array( add it a new ChannelInfo() object )
*	4. Update the getDivText() fnc. 
*
*****************************************************************************/

function ChannelInfo( name, txtTopPos, link )
{
	this.channelName = name;		// The name of the activity.
	
	this.txtTopPos = txtTopPos;		// The top-position of the text-div.
	
	this.channelLink = link;		// The center-link of the activity.
}

var numOfChannels = 12;
var ChannelsInfoARR;
ChannelsInfoARR = new Array(
/*
new ChannelInfo( "homepage",      83, "/homepages/advanced_homepagescenter.pl" ),
new ChannelInfo( "fashion",	 107, "/fashion/" ),	
new ChannelInfo( "cartoonDolls", 130, "/kiddonet/cartoonDolls/" ),
new ChannelInfo( "cdolls",       152, "/CDolls/" ),
new ChannelInfo( "netGames",     178, "/kiddonet/NetGames_index.htm" ),
new ChannelInfo( "sendEms",      203, "/kiddonet/sendem/index.pl" ),
new ChannelInfo( "boards",       226, "/kiddonet/boards/index.htm" ),
new ChannelInfo( "artZone",      244, "/kiddonet/artzone/" ),
new ChannelInfo( "comics",       157, "/kiddonet/comics/portal.htm" ),
new ChannelInfo( "printables",   196, "/kiddonet/printables/" ),
new ChannelInfo( "kzoo",         232, "/kiddonet/kzoo/" ),
new ChannelInfo( "homework",     258, "/kiddonet/HWHelper/" ),
new ChannelInfo( "knjunior",     283, "/kiddonet/kidsonboard/" ) 
*/
new ChannelInfo( "fashion",	 83, "/fashion/" ),	
new ChannelInfo( "cartoonDolls", 107, "/kiddonet/cartoonDolls/" ),
new ChannelInfo( "cdolls",       130, "/CDolls/" ),
new ChannelInfo( "netGames",     152, "/kiddonet/NetGames_index.htm" ),
new ChannelInfo( "sendEms",      178, "/kiddonet/sendem/index.pl" ),
new ChannelInfo( "boards",       203, "/kiddonet/boards/index.htm" ),
new ChannelInfo( "artZone",      226, "/kiddonet/artzone/" ),
new ChannelInfo( "comics",       134, "/kiddonet/comics/portal.htm" ),
new ChannelInfo( "printables",   170, "/kiddonet/printables/" ),
new ChannelInfo( "kzoo",         210, "/kiddonet/kzoo/" ),
new ChannelInfo( "homework",     232, "/kiddonet/HWHelper/" ),
new ChannelInfo( "knjunior",     258, "/kiddonet/kidsonboard/" ) 

);

/////////////////////////////////////////////////////////////////////////////////////////////////

var KNLink = "http://www.kiddonet.com";
var time1;

var channelsOutArr = new Array();
var channelsOverArr = new Array();
var channelsDivsArr = new Array();

var i, channelName="";

for( i=0; i<numOfChannels; i++ )
{
	channelName = getChannelName(i);
		
	channelsOutArr[i] = new Image();
	channelsOutArr[i].src = "mediaSource/images/channels/" + channelName + "_out.gif";
	
	channelsOverArr[i] = new Image();
	channelsOverArr[i].src = "mediaSource/images/channels/" + channelName + "_over.gif";

	channelsDivsArr[i] = new Image();
	channelsDivsArr[i].src = "mediaSource/images/channels/" + channelName + "_div.gif";
}

////////////////////////////////////////////////////////////////////////////////////////////////////////

function getChannelName( channel_index )
{
	return ( ChannelsInfoARR[channel_index].channelName );
}

function getTopPos( channel_index )
{
	var calc = (channel_index>6)?6:0;
	if( IE4 || IE5 )
	{
		return ( (channel_index*24) + 30-calc )
	}
	else
	{
		return ( (channel_index*24) + 25-calc )
	}
}

function getTxtTopPos( channel_index )
{
	return ( ChannelsInfoARR[channel_index].txtTopPos );
}

function getAllChannelsDivs()
{
	var allChannelsDivsStr="";
	var i, channeldivID, channeldivStyle, topPos, visibleParam;
	
	// *** Set the Images Divs. *** //
	
	for( i=0; i<numOfChannels; i++ )
	{
		channeldivID = "channeldivID" + i;
		
		visibleParam = (i == 0 ) ? "visible" : "hidden";
		topPos = getTopPos(i);
		channeldivStyle = "position:absolute; top:"+topPos+"; left:135; visibility:"+visibleParam+";";
		
		allChannelsDivsStr += "<div id='"+channeldivID+"' style='"+channeldivStyle+"'>";
		allChannelsDivsStr += "<a href='javascript:GoTo("+i+")'><img border=0 src='"+channelsDivsArr[i].src+"'></a>";
		allChannelsDivsStr += "</div>";
	}


	// *** Set the Text Divs. *** //
	
	for( i=0; i<numOfChannels; i++ )
	{
		channeldivID = "channelTxtDivID" + i;
		
		visibleParam = (i == 0 ) ? "visible" : "hidden";
		topPos = getTxtTopPos(i);
		channeldivStyle = "position:absolute; top:"+topPos+"; left:140; visibility:"+visibleParam+"; width:120; z-index:1;";
		
		allChannelsDivsStr += "<div id='"+channeldivID+"' style='"+channeldivStyle+"'><center>";
		allChannelsDivsStr += getDivText(i+1);
		allChannelsDivsStr += "</center></div>";
	}
	
	return allChannelsDivsStr;
}

function GoTo( channel_index )
{
	var thelink = KNLink + ChannelsInfoARR[channel_index].channelLink;
	//alert(thelink)
	document.location.href = thelink;
}

function delay( channel_index )
{
	time1 = window.setTimeout( "ShowChannelDiv("+ channel_index +")", 100 );
}

function ShowChannelDiv( channel_index )
{
	var i, visibleParam, channeldivID, channelTxtDivID, channelName, imgSrc; 
	for( i=0; i<numOfChannels; i++ )
	{	
		// Channel- TITLES-IMAGES param
		channelName = getChannelName(i);
		imgSrc = ( i == channel_index ) ? channelsOverArr[i].src : channelsOutArr[i].src;
		
		// Channel- DIVS(imgs+text) param
		visibleParam = ( i == channel_index ) ? "visible" : "hidden";
		channeldivID = "channeldivID" + i;
		channelTxtDivID = "channelTxtDivID" + i;
		
		if( document.all )
		{
			document.all.item(channelName).src = imgSrc;
			document.all.item(channeldivID).style.visibility = visibleParam;
			document.all.item(channelTxtDivID).style.visibility = visibleParam;
		}
		
		else if( document.getElementById )
		{
			document.getElementById(channelName).src = imgSrc;
			document.getElementById(channeldivID).style.visibility = visibleParam;
			document.getElementById(channelTxtDivID).style.visibility = visibleParam;
		}
		
		else if( document.layers )
		{
			document.images[channelName].src = imgSrc;
			document.layers[channeldivID].visibility = visibleParam;
			document.layers[channelTxtDivID].visibility = visibleParam;
		}
	}
}

function getDivText( channel_index )
{
	var buffer1, buffer2, buffer="";
	
	var tableWidth = 120;
	
	
	var	theLink;
	
	switch( channel_index ){
			
		case 0 : 
			theLink = KNLink + "/kiddonet/HPAdvanced/index.html";
			ref1 = "<A HREF='"+theLink+"' class='channelRefStyle'>Create</A> a homepage.<br>";
			
			theLink = KNLink + "/kiddonet/HPAdvanced/index.pl?boardLink=preview.htm";
			ref2 = "<A HREF='"+theLink+"' class='channelRefStyle'>Update</A> your page.<br>";

			theLink = KNLink + "/homepages/viewhomepage.pl";	
			ref3 = "<A HREF='"+theLink+"' class='channelRefStyle'>See</A> other pages.";	
			
			buffer = buffer + ref1 + ref2 + ref3;
			break;

		case 1 : 
			buffer += "Make a fashion statement.";
			tableWidth = 90;
			break;

		case 2 : 
			theLink1 = KNLink + "/kiddonet/cartoonDolls/express_create.htm";
			theLink2 = KNLink + "/kiddonet/cartoonDolls/boys_express_create.htm";
			ref1 = "Make <A HREF='"+theLink1+"'>Express Girls</A><br>&nbsp;and <A HREF='"+theLink2+"'>Cartoon Boys!</A><br>"
			
			theLink = KNLink + "/kiddonet/cartoonDolls/create.htm";
			ref2 = "<A HREF='"+theLink+"' class='channelRefStyle'>Create</A> your own dolls!<br>";

			theLink = KNLink + "/kiddonet/cartoonDolls/viewCollection.pl";
			ref3 = "See <A HREF='"+theLink+"' class='channelRefStyle'>Top 100!</A><br>";

			buffer = buffer + ref1 + ref2 + ref3;
			break;
		
		case 3:
			buffer += "Flash-y new fashions!";
			break;
		
		case 4 : 
			buffer += "Play games online.";
			break;
			
		case 5 : 
			theLink = KNLink + "/kiddonet/cards/";
			ref1 = "<A HREF='"+theLink+"' class='channelRefStyle'>FunnyGrams</A> - E-cards for all occasions.<br>";
				
			theLink = KNLink + "/kiddonet/luvclicks2/";
			ref2 = "<A HREF='"+theLink+"' class='channelRefStyle'>LuvClicks</A> - tell \'em how you feel!<br>";

			theLink = KNLink + "/kiddonet/emoticonCards/";
			ref3 = "<A HREF='"+theLink+"' class='channelRefStyle'>EmotiNotes</A> - send \'em some smileys!<br>";

			theLink = KNLink + "/gb/flash/mamaMia/";
			ref4 = "<A HREF='"+theLink+"' class='channelRefStyle'>MamaMia</A> - your mother will love \'em.<br>";

			theLink = KNLink + "/gb/flash/stickyPoems/";
			ref5 = "<A HREF='"+theLink+"' class='channelRefStyle'>Sticky Poems</A> - be a poet.";

			buffer = buffer + ref1 + ref2 + ref3 + ref4 + ref5;
			break;
		
		case 6 : 
			theLink = KNLink + "/kiddonet/starWishes/makeStar.htm";
			ref1 = "<A HREF='"+theLink+"' class='channelRefStyle'>Wishful Thinking</A> - send a wish.<br>";
				
			theLink = KNLink + "/kiddonet/heart2get/";
			ref2 = "Play <A HREF='"+theLink+"' class='channelRefStyle'>Heart to Get</A>.<br>";

			theLink = KNLink + "/kiddonet/gigglesBoard/";
			ref3 = "<A HREF='"+theLink+"' class='channelRefStyle'>Giggle Board</A> - make \'em laugh!";
			
			buffer = buffer + ref1 + ref2 + ref3;
			break;

		case 7 : 
			theLink = KNLink + "/kiddonet/graffitiPlatform2/index.htm";
			ref1 = "Be a <A HREF='"+theLink+"' class='channelRefStyle'>Graffiti artist!</A><br>";
				
			theLink = KNLink + "/kiddonet/gelSparks/";
			ref2 = "<A HREF='"+theLink+"' class='channelRefStyle'>GelSparks</A> - make it sparkle!<br>";

			theLink = KNLink + "/kiddonet/smudger/";
			ref3 = "<A HREF='"+theLink+"' class='channelRefStyle'>Smudger</A> - pull a portrait.";
			
			buffer = buffer + ref1 + ref2 + ref3;
			break;
			
		case 8 : 
			theLink = KNLink + "/kiddonet/comicsPlatform/";
			ref1 = "Make your own<br><A HREF='"+theLink+"' class='channelRefStyle'>Comic Strip.</A><br>";
				
			theLink = KNLink + "/kiddonet/comics/index.htm";
			ref2 = "Read about <A HREF='"+theLink+"' class='channelRefStyle'>Chip & Oscar.</A>";
			
			buffer = buffer + ref1 + ref2;
			tableWidth = 90;
			break;
			
		case 9 : 
			buffer += "Print your own biz-cards, stickers, games and more.";
			break;
		
		case 10 : 
			theLink = KNLink + "/kiddonet/safari/";
			ref1 = "Create <A HREF='"+theLink+"' class='channelRefStyle'>Wacky Animals.</A><br>";
				
			theLink = KNLink + "/kiddonet/kanimals/";
			ref2 = "Collect <A HREF='"+theLink+"' class='channelRefStyle'>KAnimals.</A>";
			
			buffer = buffer + ref1 + ref2;
			tableWidth = 125;
			break;
		
		case 11 : 
			buffer += "Tools, sites and Q & As.";
			tableWidth = 80;
			break;
		
		case 12 : 
			buffer += "Fun activities for younger members.";
			tableWidth = 110;
			break;
	}


	if( NS4 || NS6 )
	{
		tableWidth -= 4;
		buffer1 = "<table border=1 bordercolor=#D57F8A cellpadding=0 cellspacing=0 width="+tableWidth+"><tr><td bordercolor=white align=left><span class='channelSpanStyle'>";
	}
	else
	{
		buffer1 = "<table border=1 bordercolor=#D57F8A cellpadding=0 cellspacing=0 width="+tableWidth+"><tr><td bordercolor=white align=left>&nbsp;</td><td bordercolor=white align=left><span class='channelSpanStyle'>";	
	}

	buffer = buffer1 + buffer + "</span></td></tr></table>";
	return buffer;
}