addLoadEvent(applyServiceDescriptionToggles);
addLoadEvent(applyServiceNotes);

function applyServiceDescriptionToggles() {

	// Studio Toggle
	if(DO('service-1-toggle') != null) {
		DO('service-1-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-1-description'));
			else {
				e = new Event(e);
				studioToggle.toggle();
				e.stop();
			}
			return false;			
		});
	}

	// Recording Toggle	
	if(DO('service-2-toggle') != null) {
		recordingToggle = new Fx.Slide('service-2-description');
		DO('service-2-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-2-description'));
			else {			
				e = new Event(e);
				recordingToggle.toggle();
				e.stop();
			}
			return false;			
		});
	}
	
	// LiveStreaming Toggle
	if(DO('service-3-toggle') != null) {
		liveStreamingToggle = new Fx.Slide('service-3-description');
		DO('service-3-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-3-description'));
			else {		
				e = new Event(e);
				liveStreamingToggle.toggle();
				e.stop();
			}
			return false;			
		});
	}
	
	// Autopilot Toggle	
	if(DO('service-4-toggle') != null) {
		autoPilotToggle = new Fx.Slide('service-4-description');
		DO('service-4-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-4-description'));
			else {		
				e = new Event(e);
				autoPilotToggle.toggle();
				e.stop();
			}
			return false;			
		});
	}
	
	// Channel Page Toggle
	if(DO('service-5-toggle') != null) {
		channelPageToggle = new Fx.Slide('service-5-description');
		DO('service-5-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-5-description'));
			else {		
				e = new Event(e);
				channelPageToggle.toggle();
				e.stop();
			}
			return false;			
		});
	}
	
	// Player Widget Toggle
	if(DO('service-6-toggle') != null) {
		playerWidgetToggle = new Fx.Slide('service-6-description');
		DO('service-6-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-6-description'));
			else {		
				e = new Event(e);
				playerWidgetToggle.toggle();
				e.stop();
			}
			return false;			
		});
	}
	
	// API Toggle
	if(DO('service-7-toggle') != null) {
		apiToggle = new Fx.Slide('service-7-description');
		DO('service-7-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-7-description'));
			else {		
				e = new Event(e);
				apiToggle.toggle();
				e.stop();
			}
			return false;
		});
	}
	
	// VOD Toggle
	if(DO('service-8-toggle') != null) {
		vodToggle = new Fx.Slide('service-8-description');
		DO('service-8-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-8-description'));
			else {		
				e = new Event(e);
				vodToggle.toggle();
				e.stop();
			}
			return false;
		});
	}
	
	// Chat Toggle
	if(DO('service-9-toggle') != null) {
		chatToggle = new Fx.Slide('service-9-description');
		DO('service-9-toggle').addEvent('click', function(e){
			this.className = (this.className == "hide")? "show":"hide";
			if(window.ie6 || window.ie7) toggleDisplay(DO('service-9-description'));
			else {		
				e = new Event(e);
				chatToggle.toggle();
				e.stop();
			}
			return false;
		});
	}
}

function applyServiceNotes() {
	tds = ES('td','#service_history');
	
	tds.each(function(element) {
		content = element.innerHTML;
		if(content.search(':') > 0) {
			note_title = content.split(': ')[0];
			note_description = content.split(': ')[1];
			
			element.onmouseover = function() {
				Tip("<div class=\'note\'><h6>"+note_title+"</h6><p>"+note_description+"</p><div class='bottom'></div></div>");
				this.addClass('hover');
			}
			
			element.onmouseout = function() {
				UnTip();
				this.removeClass('hover');				
			}
		}
	});
}

function toggleDatePicker() {
	picker = DO('service_history-date_picker');
	header = DO('service_history-date_picker-current_week');
	calendar = DO('service_history-date_picker-calendar');
	
	// Set picker and header open state
	picker.className = (picker.className == "open")? "closed": "open";
	header.className = (header.className == "open")? "closed": "open";	
	
	// Toggle display of calendar
	toggleDisplay(calendar);
}

function addLoadEvent(func) {
	var oldonload = window.onload;
	if(typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function hideStatusDesc(objLink,divNo) {
	if(objLink.title == "Hide Extended Description") {
		DO('status-description'+divNo).style.display="none";
		objLink.title="Show Extended Description";
		objLink.className="show"
	} else {
		DO('status-description'+divNo).style.display="";
		objLink.title="Hide Extended Description";
		objLink.className = "hide";
	}
}