var gSourceEmbed='',gSourceEmbedContent='',gSourceTitle='',gSourceDesc='',gSourceSeries='';
var oAmE = {
	getAd: function(){
		return true;
	},
	video: {
		play: function(override){
			try{
			var atts={id:"ambientEdgeVP"},params={allowScriptAccess:"always",bgcolor:"#000000",wmode:'transparent'},sDiv, sEmbedContent='';
			sDiv="videoPlayer";sVideoPlayerName="ambientEdgeVP";
			var sVideoSource = oAmE.video.getSource();
			if(typeof(override)!="undefined"){
				sWidth = override.split('|')[0];
				sHeight = override.split('|')[1];
				swfobject.embedSWF(sVideoSource,sDiv,sWidth,sHeight,"7","#000000",null,params,atts);
			} else{
				swfobject.embedSWF(sVideoSource,sDiv,276,167,"7","#000000",null,params,atts);
			}

			oVideoPlayer = $("videoPlayer");
			sEmbedContent +='<em><img src="/templates/jinsider/images/videoEmbedTitle.jpg"/></em>'
			sEmbedContent +='<h3><em>Now Playing</em><span>'+oAmE.video.getSourceSeries()+'</span></h3>';
//			sEmbedContent +='<h4>'+oAmE.video.getSourceTitle()+'</h4>';
//			sEmbedContent +='<h5>'+oAmE.video.getSourceDesc()+'</h5>';
			$('embedContent').innerHTML = sEmbedContent;
			} catch(e){
			}
		},
		getSource: function(){return gSourceEmbed;},
		getSourceDesc: function(){return gSourceDesc;},
		getSourceTitle: function(){return gSourceTitle;},
		getSourceSeries: function(){return gSourceSeries;},
		setSource: function(sEmbed){return gSourceEmbed = sEmbed;},
		setSourceTitle: function(sSourceTitle){return gSourceTitle = sSourceTitle;},
		setSourceDesc: function(sSourceDesc){return gSourceDesc = sSourceDesc;},
		setSourceSeries: function(sSourceSeries){return gSourceSeries = sSourceSeries;}
	}
}

var iFilterCurrent=0;
var oFilter = {
	getFragment: function(){
	},
	init:function(){
		if($('leftnav')){ //if avaiable assign events
			var oFilters = $$('#leftnav ul li a.btn');
//			oFilters[0].getElements
			oFilters.each(function(item,iItem){
				item.addEvent('click', function(event) {
					oFilters[iFilterCurrent].getElements('img')[0].src = '/images/redesign042009/iconfilter.gif'; //reset image
					oFilters[iItem].getElements('img')[0].src = '/images/redesign042009/iconfilterover.gif';
					iFilterCurrent = iItem;
					var sUrl = oFilter.setUrl(item.getParent().getChildren('em')[0].innerHTML); //cross browser;

					var myHTMLRequest = new Request({
						method: 'get',
						url: sUrl,
						onRequest: function() { 
							oFilter.overlayfilter.beginoverlay();
							//alert('Request made. Please wait...'); 
						},
						onComplete: function(response){
							oFilter.overlayfilter.removeoverlay();
							$('filterlist').innerHTML = '';
							$('filterlist').innerHTML = response;
							$$('.filteroverlay').each(function(oItem) {
								fxOverlay = new Fx.Tween(oItem, {property: "opacity", duration: '400'});
								fxOverlay.set(0).start(0.7);
							});							
						}
					}).get(); //EOF request
					return false;
				});
			});

			var oTitles = $$('#leftnav ul li a.title');
			oTitles.each(function(item,iItem){
				item.addEvent('click', function(event) {
					var sUrl = oFilter.setUrl(item.getParent().getParent().getChildren('em')[0].innerHTML); //cross browser;

					oFilters[iFilterCurrent].getElements('img')[0].src = '/images/redesign042009/iconfilter.gif'; //reset image
					oFilters[iItem].getElements('img')[0].src = '/images/redesign042009/iconfilterover.gif';
					iFilterCurrent = iItem;

					var myHTMLRequest = new Request({
						method: 'get',
						url: sUrl,
						onRequest: function() { 
							oFilter.overlayfilter.beginoverlay();
							//alert('Request made. Please wait...'); 
						},
						onComplete: function(response){
							oFilter.overlayfilter.removeoverlay();
							$('filterlist').innerHTML = '';
							$('filterlist').innerHTML = response;
							$$('.filteroverlay').each(function(oItem) {
								fxOverlay = new Fx.Tween(oItem, {property: "opacity", duration: '400'});
								fxOverlay.set(0).start(0.7);
							});							
						}
					}).get(); //EOF request
					return false;
				});
			});



			$$('ul div.filteroverlay').each(function(oItem) {
				fxOverlay = new Fx.Tween(oItem, {property: "opacity", duration: '400'});
				fxOverlay.set(0).start(0.7);
			});


		}
	}, //EOF init,
	setUrl: function(sFilter){
		var oMode = sFilter.split('::');
		switch(oMode[0]*1){
			case 1: //channel and series
				var sBase = '/fragments/render/filterseries/';
				break;
			case 2: //group

				break;
			case 3: //mustseevideos
				var sFilename = '/fragments/render/filterseries/mustseetv.html';
				return sFilename;
				break;
		}

		var secCat = oMode[1].split('_');
		if(secCat.length>0){
			var sFilename = secCat[0]+'/'+secCat[1]+'.html?v='+$random(0, 100000);
		} else{
		}

		return sBase+sFilename;
	},
	overlayfilter:{
		beginoverlay: function(){
			var centerWidth = 350, centerHeight = 350;
			var win = window, scroll = win.getScroll(), size = win.getSize();
			var	middle = win.getScrollTop() + (win.getHeight() / 2);
			$('filtercontent').adopt(
				$$(
					overlay = new Element("div", {id: "filteroverlay"})
				).setStyle("display", "none")
			);
			overlay.setStyle("display", "block");
			overlay.setStyle("position", "absolute");
			overlay.setStyle("background", "#ffffff");
			overlay.setStyle('width','510px');
			overlay.setStyle('height','420px');
			if(Browser.Engine.trident){
				overlay.setStyle('margin-top','-320px');
				overlay.setStyle('margin-left','-220px');
			}
			fxOverlay = new Fx.Tween(overlay, {property: "opacity", duration: '400'});
			fxOverlay.set(0).start(0.4);

			$(overlay).innerHTML = '<img style="margin:130px 0 0 0" src="/images/redesign042009/ajaxloaderblack.gif"/>';
		},
		removeoverlay: function(){$('filteroverlay').dispose();}
	}
}


var Ticker = new Class({

  Implements: Options,

  options: {interval:5000},

  initialize: function(containerId,options) {  

    this.setOptions(options); // Set options

    this.container = $(containerId); // Set container div

    this.container.setStyle('margin-left','286px');

    this.interval = this.options.interval;

    this.messages = $(this.container).getElements('li');

    this.number_of_messages = this.messages.length;

    this.current_message = 0;

    this.previous_message = null;

//    this.Margin = new Fx.Tween($($empty),{property:'opacity'});
    this.Margin = new Fx.Tween($($empty),{property:'margin-left'});

    this.hideMessages(); // Display first message

    this.showMessage();

    this.timer = this.showMessage.periodical(this.interval,this); // Install timer

  },

  showMessage: function() {

    this.Margin.element = this.messages[this.current_message];

    this.Margin.onStart = function() {this.element.setStyle('display','block');};

    this.Margin.onComplete = $empty;

//    this.Margin.start(0,1);
    this.Margin.start(0,-286);

    this.moveMessage.delay(this.interval-2000,this);

    if (this.current_message < this.number_of_messages-1) {

      this.previous_message = this.current_message++;

    } else {

      this.current_message  = 0;

      this.previous_message = this.number_of_messages - 1;

    }

  },

  moveMessage: function() {

    this.Margin.element = this.messages[this.previous_message];

    this.Margin.onStart = $empty;  
    this.Margin.onComplete = function() {this.element.setStyle('display','none');};
    this.Margin.start(-286,0);
//    this.Margin.setStyle('margin-left',0);
    //this.Margin.start(-286,0);

//    this.Margin.start(1,0);

  },

  hideMessages: function() { 

    this.messages.setStyles({

      'display':'none',

      'margin-left':0

    });

  }

});
/*
var mootabs = new Class({
	initialize: function(element, options) {
		this.options = Object.extend({
			width:				'300px',
			height:				'200px',
			changeTransition:	Fx.Transitions.Bounce.easeOut,
			duration:			1000,
			mouseOverClass:		'active',
			activateOnLoad:		'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...'
		}, options || {});
		oEl = $(element);
		this.elid = element;
		oEl.setStyles({
			height: this.options.height,
			width: this.options.width
		});
		this.titles = $$('#' + this.elid + ' ul li');
		this.panelHeight = oEl.getSize().size.y - (this.titles[0].getSize().size.y + 4);
		this.panels = $$('#' + this.elid + ' .mootabs_panel');
		this.panels.setStyle('height', this.panelHeight);
		this.titles.each(function(item) {
			item.addEvent('click', function(){
					item.removeClass(this.options.mouseOverClass);
					this.activate(item);
				}.bind(this)
			);
			item.addEvent('mouseover', function() {
				if(item != this.activeTitle)
				{
					item.addClass(this.options.mouseOverClass);
				}
			}.bind(this));
			item.addEvent('mouseout', function() {
				if(item != this.activeTitle)
				{
					item.removeClass(this.options.mouseOverClass);
				}
			}.bind(this));
		}.bind(this));
		if(this.options.activateOnLoad != 'none'){
			if(this.options.activateOnLoad == 'first'){
				this.activate(this.titles[0], true);
			} else {
				this.activate(this.options.activateOnLoad, true);	
			}
		}
	},
	
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim)){skipAnim = false;}
		if($type(tab) == 'string'){myTab = $$('#' + this.elid + ' ul li').filterByAttribute('title', '=', tab)[0];tab = myTab;}
		
		if($type(tab) == 'element'){
			var newTab = tab.getProperty('title');
			this.panels.removeClass('active');
			this.activePanel = this.panels.filterById(newTab)[0];
			this.activePanel.addClass('active');
			if(this.options.changeTransition != 'none' && skipAnim==false){
				this.panels.filterById(newTab).setStyle('height', 0);
				var changeEffect = new Fx.Elements(this.panels.filterById(newTab), {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({'0': {'height': [0, this.panelHeight]}});
			}
			
			this.titles.removeClass('active');
			tab.addClass('active');
			this.activeTitle = tab;
			if(this.options.useAjax){this._getContent();}
		}
	},
	
	_getContent: function(){
		this.activePanel.setHTML(this.options.ajaxLoadingText);
		var newOptions = {update: this.activePanel.getProperty('id')};
		this.options.ajaxOptions = Object.extend(this.options.ajaxOptions, newOptions || {});
		var tabRequest = new Ajax(this.options.ajaxUrl + '?tab=' + this.activeTitle.getProperty('title'), this.options.ajaxOptions);
		tabRequest.request();
	},
	
	addTab: function(title, label, content){
		//the new title
		var newTitle = new Element('li', {'title': title});
		newTitle.appendText(label);
		this.titles.include(newTitle);
		$$('#' + this.elid + ' ul').adopt(newTitle);
		newTitle.addEvent('click', function() {this.activate(newTitle);}.bind(this));
		newTitle.addEvent('mouseover', function() {if(newTitle != this.activeTitle){newTitle.addClass(this.options.mouseOverClass);}}.bind(this));
		newTitle.addEvent('mouseout', function() {if(newTitle != this.activeTitle){newTitle.removeClass(this.options.mouseOverClass);}}.bind(this));
		//the new panel
		var newPanel = new Element('div', {'style': {'height': this.options.panelHeight},'id': title,'class': 'mootabs_panel'});
		if(!this.options.useAjax){newPanel.setHTML(content);}
		this.panels.include(newPanel);
		oEl.adopt(newPanel);
	},
	
	removeTab: function(title){if(this.activeTitle.title == title){this.activate(this.titles[0]);}
		$$('#' + this.elid + ' ul li').filterByAttribute('title', '=', title)[0].remove();
		$$('#' + this.elid + ' .mootabs_panel').filterById(title)[0].remove();
	}
});
*/

var iCGuide = 0,oControls,oGuideItems,tGuide,iMax=0,sGuideTitle='',sGuideHref='',iGuideState=1;

oInternalLinks = {
	init: function(){
//		alert($$('.internalLinks')[0].getChildren()[1].innerHTML);
		$$('.internalLinks').each(function(item) {
			item.addEvent('mouseover', function() {
				this.getElements('span.internallinkvb a')[0].fade('1');
//				this.getChildren()[4].firstChild.fade('1');
			});
			item.addEvent('mouseout', function() {
				this.getElements('span.internallinkvb a')[0].fade('0');
//				this.getChildren()[4].firstChild.fade('0');
			});
		});
		$$('.internallinkvb').each(function(item) {
			item.getChildren()[0].fade('0');
//			item.getChildren()[0].fade('1');});
//			item.addEvent('mouseout', function() {item;});
		});
	}
}

window.addEvent('domready', function() {

	/*

	 *  var myTicker = new Ticker('idOfDivElement');

	 *      or (with options)

	 *  var myTicker = new Ticker('idOfDivElement',{interval:####});

	 *  with #### as an integer > 2000
	*/
	//	var hor = new Ticker('TickerHorizontal',{speed:550,delay:4000,direction:'horizontal'});

		try{
			oFilter.init();
			var hor = new Ticker('TickerHorizontal',{speed:550,interval:8000});
//		  oGuide.init();

			oInternalLinks.init();
			oLogin.initform();
	//	  oAmE.video.play();

	/*
			var atts={id:"videoWidget"},params={allowScriptAccess:"always",bgcolor:"#fff"},sDiv, sEmbedContent='';
			sDiv="videowidget";sVideoPlayerName="ambientEdgeVP";
			var sVideoSource = '/widgets/carousel/videoSmallWidget.swf?v2';
			swfobject.embedSWF(sVideoSource,sDiv,276,160,"7","#000000",null,params,atts);
	*/
		}catch(e){
		}
		/*
		if($$('myTabs').getChildren()> 0){
			myTabs1 = new mootabs('myTabs', {height: '300px', width: '450px', changeTransition: 'none', mouseOverClass: 'over'});
		}
		*/
});


var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};

//oLogin.initform()
BrowserDetect.init();
var oLogin = {
	closelogin: function(){
		$('form-login-input').setStyle('display','none');
		$('form-init').setStyle('display','block');
	},
	logininit: function(){
		$('form-init').setStyle('display','none');
		$('form-login-input').setStyle('display','block');
	},
	rebuildLogin: function(){
	},
	initform: function(){

		$('loginimage').addEvent( 'click', function(evt){
			evt.stop(); // Stops the submission of the form.
			var req = new Request({
				url: $('mainloginform').get('action'),  // Gets the URL from the form
				onSuccess: function(req){
					$('form-login').innerHTML = req;
				}
			}).send($('mainloginform'));  // Submits the form fields
		});
	}

/*,
	sendForm: function(){
		//mainloginform
		var sRequest = new Request({
			method: 'post',
			onSuccess: function(sRequest){
				if(sRequest==1){
/*
					oNumContainer = oAnchor.parentNode.getElements('span.votenum')[0];
					iCurrentNum = oNumContainer.innerHTML;
					oNumContainer.parentNode.innerHTML = '<span class="votenum">'+(iCurrentNum*1+1)+'</span><br/><span class="votes">Votes</span>';

				} else if(sRequest=-2){
					alert('You have already voted positively');
				}
			},
			url: '/jinsidein/vote.html'
		});
		sRequest.send('votetask=up&'+'iItem='+iItemId);
	}
*/
}

var oUtil = {
	inject: {
		scripttag: function(sUrl,iId){
			var oScript=document.createElement('script');  
			oScript.src=sUrl;
			oScript.type="text/javascript";  
			oScript.id=iId;
		  var head = document.getElementsByTagName("head");
		  head[0].appendChild(oScript);
		},
		styletag: function(sUrl,iId){
			var oStyle=document.createElement('link');  
			oStyle.href=sUrl;
			oStyle.rel="stylesheet";
			oStyle.type="text/css";  
			oStyle.id=iId;
		  var head = document.getElementsByTagName("head");
			head[0].appendChild(oStyle);
		},
		debugstyle: function(sUrl,iId){
		  var head = document.getElementsByTagName("head");
			if($(iId)!=null){
				head[0].removeChild($(iId));
			}
			var oStyle=document.createElement('link');  
			oStyle.href=sUrl+'?random='+$random(0, 100000);
			oStyle.rel="stylesheet";
			oStyle.type="text/css";  
			oStyle.id=iId;
			head[0].appendChild(oStyle);
		},
		debugscript: function(sUrl,iId){
		  var head = document.getElementsByTagName("head");
			if($(iId)!=null){
				head[0].removeChild($(iId));
			}
			var oScript=document.createElement('script');  
			oScript.src=sUrl+'?random='+$random(0, 100000);
			oScript.type="text/javascript";  
			oScript.id=iId;
		  head[0].appendChild(oScript);
		}
	}
}

var oShare = {
	suggest: {
		buildform: function(){
			var sForm='';
			sForm += '<iframe src ="/jinsidein/submitbasic.html" width="100%" height="350px" border="0" frameborder="0" scrolling="0"><p>Your browser does not support iframes.</p></iframe>';
//			sForm += '<iframe src="/jinsidein/submitbasic.html" width="650px" height="500px" border="0" frameborder="0" scrolling="0"></iframe><div style="clear:both"></div>';
			return sForm; 
/*
			sForm += '<h3>Suggest a Video</h3>';
			sForm += '<div class="suggestlabel">Your Name:</div><input type="text" id="suggestname" name="name" class="textinput"/><br/>';
			sForm += '<div class="suggestlabel">Your Email:</div><input type="text" id="suggestemail" name="email" class="textinput"/><br/>';
			sForm += '<div class="suggestlabel">Your Video:</div><input type="text" id="suggestvideo" name="suggestlink" class="textinput"/><br/><br/>';
			sForm += '<input type="button" onclick="oShare.suggest.formsubmit();" class="btn" value="submit" />';
*/
			return sForm;
		},
		formsubmit: function(){ //iframe method for now abondoned
			var sRequest = new Request({
				method: 'post',
				onSuccess: function(sRequest){

				},
				url: '/jinsidein/submitbasic.html'
			});
			sRequest.send('suggestname='+$('suggestname')+'&suggestemail='+$('suggestemail')+'&suggestvideo='+$('suggestvideo'));
		},
		init: function(){
			oShare.suggest.injectsuggest();
			$('lbCenter').innerHTML=oShare.suggest.buildform();
		},
		injectsuggest: function(){
			$(document.body).adopt(

				$$(
					overlay = new Element("div", {id: "lbOverlay"}),
					center = new Element("div", {id: "lbCenter",'class':'suggestbox'})
				).setStyle("display", "none")
			);

			//override to allow for overlay functionality
			var win = window, state = 0, options, images, activeImage, prevImage, nextImage, compatibleOverlay, middle, centerWidth, centerHeight,

			// State values: 0 (closed or closing), 1 (open and ready), 2 (open and busy with animation)

			// Preload images
			preload, preloadPrev = new Image(), preloadNext = new Image(),

			// DOM elements
			overlay, center, image, prevLink, nextLink, bottomContainer, bottom, caption, number,

			// Effects
			fxOverlay, fxResize, fxImage, fxBottom;

			var overlay = $('lbOverlay'),center = $('lbCenter');

			var scroll = win.getScroll(), size = win.getSize();

			middle = win.getScrollTop() + (win.getHeight() / 2);
			centerWidth = 350;
			centerHeight = 350;

			overlay.setStyle("display", "block");
			overlay.setStyle("position", "absolute");

			fxOverlay = new Fx.Tween($('lbOverlay'), {property: "opacity", duration: '400'});
			fxOverlay.set(0).start(0.8);
			center.setStyles({top: Math.max(0, middle - (centerHeight / 2)), width: centerWidth, height: centerHeight, display: 'block',marginLeft: -centerWidth/2, display: ""});
			center.setStyle("left", scroll.x + (size.x / 2));
			overlay.setStyle('height','2000px');
//alert(size.y);

//			overlay.setStyle("position", "absolute");
			$$(center).setStyle("background", "none");

			overlay.addEvent("click", function(event){
				$$(center).setStyle("display", "none");
				$$(overlay).setStyle("display", "none");
			})

			$('lbCenter').setStyle('width','350px');
			$('lbCenter').setStyle('height','350px');
		}
	}
}

var oWorkspace = {
	cubicle: {
		container:{
			hide: function(){
			},
			show: function(){
			}
		},
		init: function(){
			$$('.jobcontrol').each(function(item) { 			//hide all containers
				item.setStyle('display','none');
			});
			$$('.jobcontrol')[0].setStyle('display','block'); 			//show only first item


			$$('.jobcontainters').each(function(item) { 			//hide all main containers
				item.setStyle('display','none');
			});


			$$('.jobcontainters')[0].setStyle('display','block'); 			//show only first item


		}
	}
}