//  SITE WIDE JAVASCRIPT AND JQUERY FUNCTIONS

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

//
//  Runs Flash Video; Formerly known as 'Flash.js'
//
function RunFlash()
{
   document.write('<object classid="clsid:D27CDB6E..." ... width="560" height="400">\n');
   document.write('<param name="movie" value="flash/Landing_page.swf" />\n');
   document.write('<param name="quality" value="high" />\n');
   document.write('<embed src="flash/Landing_page.swf" ... width="560" height="400"></embed>\n');
   document.write('</object>\n');
}

//
//  Runs Flash Video; Formerly known as 'flash_home_movie.js'
//
function RunVPIHome()
{
   document.write('<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0\" width=\"750\" height=\"220\">\n');
   document.write('<param name=movie value=\"../flash/VPI_Recognition.swf\">\n');
   document.write('<param name=loop value=false>\n');
   document.write('<param name=wmode value=opaque\ />\n');
   document.write('<param name=quality value=high\ />\n');
   document.write('<embed src="flash/VPI_Recognition.swf" ... width="750" height="220"></embed>\n');
   document.write('</object>\n');
}

//
//  Runs Flash Video; Formerly known as 'VPI_Customers.js'
//
function RunVPICustomers()
{
 	 document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="930" height="100">\n');
   	document.write('<param name="movie" value="flash/VPI_Scrolling_Logos_930px.swf">\n');
   	document.write('<param name="quality" value="high" />\n');
    document.write('<param name=wmode value=transparent />\n');
    document.write('<embed src="flash/VPI_Scrolling_Logos_930px.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="930" height="100"></embed>\n');
    document.write('</object>\n');
  
}

//================================================================================================================================//
//
//										START PRE-MADE/ONLINE/COPIED/PASTED JAVASCRIPT & JQUERYFUNCTIONS!!!
//
//================================================================================================================================//

//
//  Script for 'more' button to expand out information (IE: VPI EMPOWER product pages)
//
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls.com/various/more.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


clickMenu = function(menu,element,cname) {
	var getEls = document.getElementById(menu).getElementsByTagName(element);

	for (var i=0; i<getEls.length; i++) {
			getEls[i].onclick=function() {
			if ((this.className.indexOf(cname))!=-1)
			{
			if ((this.className.indexOf('click'))!=-1) {
				this.className=this.className.replace("click", "");;
				}
				else {
				this.className+=" click";
				}
			}
		}
	}
}

//
//  !!END Script for 'more' button to expand out info
//


//
//  Script for Accordion Menu Left
//
//** Accordion Content script: By Dynamic Drive, at http://www.dynamicdrive.com
//** Created: Jan 7th, 08'

//Version 1.3: April 3rd, 08':
//**1) Script now no longer conflicts with other JS frameworks
//**2) Adds custom oninit() and onopenclose() event handlers that fire when Accordion Content instance has initialized, plus whenever a header is opened/closed
//**3) Adds support for expanding header(s) using the URL parameter (ie: http://mysite.com/accordion.htm?headerclass=0,1)

//April 9th, 08': Fixed "defaultexpanded" setting not working when page first loads

//Version 1.4: June 4th, 08':
//**1) Added option to activate a header "mouseover" instead of the default "click"
//**2) Bug persistence not working when used with jquery 1.2.6

//Version 1.5: June 20th, 08':
//**1) Adds new "onemustopen:true/false" parameter, which lets you set whether at least one header should be open at all times (so never all closed).
//**2) Changed cookie path to site wide for persistence feature
//**3) Fixed bug so "expandedindices" parameter in oninit(headers, expandedindices) returns empty array [] instead of [-1] when no expanded headers found

//**1) Version 1.5.1: June 27th, 08': Fixed "defaultexpanded" setting not working properly when used with jquery 1.2.6

//Version 1.6: Oct 3rd, 08':
//**1) Adds new "mouseoverdelay" param that sets delay before headers are activated when "revealtype" param is set to "mouseover"
//**2) Fixed bug with "onemustopen" param not working properly when "revealtype" is set to "click"


var ddaccordion={
	
	contentclassname:{}, //object to store corresponding contentclass name based on headerclass

	expandone:function(headerclass, selected){ //PUBLIC function to expand a particular header
		this.toggleone(headerclass, selected, "expand")
	},

	collapseone:function(headerclass, selected){ //PUBLIC function to collapse a particular header
		this.toggleone(headerclass, selected, "collapse")
	},

	expandall:function(headerclass){ //PUBLIC function to expand all headers based on their shared CSS classname
		var $=jQuery
		var $headers=$('.'+headerclass)
		$('.'+this.contentclassname[headerclass]+':hidden').each(function(){
			$headers.eq(parseInt($(this).attr('contentindex'))).trigger("evt_accordion")
		})
	},

	collapseall:function(headerclass){ //PUBLIC function to collapse all headers based on their shared CSS classname
		var $=jQuery
		var $headers=$('.'+headerclass)
		$('.'+this.contentclassname[headerclass]+':visible').each(function(){
			$headers.eq(parseInt($(this).attr('contentindex'))).trigger("evt_accordion")
		})
	},

	toggleone:function(headerclass, selected, optstate){ //PUBLIC function to expand/ collapse a particular header
		var $=jQuery
		var $targetHeader=$('.'+headerclass).eq(selected)
		var $subcontent=$('.'+this.contentclassname[headerclass]).eq(selected)
		if (typeof optstate=="undefined" || optstate=="expand" && $subcontent.is(":hidden") || optstate=="collapse" && $subcontent.is(":visible"))
			$targetHeader.trigger("evt_accordion")
	},

	expandit:function($targetHeader, $targetContent, config, useractivated){
		$targetContent.slideDown(config.animatespeed, function(){config.onopenclose($targetHeader.get(0), parseInt($targetHeader.attr('headerindex')), $targetContent.css('display'), useractivated)})
		this.transformHeader($targetHeader, config, "expand")
	},

	collapseit:function($targetHeader, $targetContent, config, isuseractivated){
		$targetContent.slideUp(config.animatespeed, function(){config.onopenclose($targetHeader.get(0), parseInt($targetHeader.attr('headerindex')), $targetContent.css('display'), isuseractivated)})
		this.transformHeader($targetHeader, config, "collapse")
	},

	transformHeader:function($targetHeader, config, state){
		$targetHeader.addClass((state=="expand")? config.cssclass.expand : config.cssclass.collapse) //alternate btw "expand" and "collapse" CSS classes
		.removeClass((state=="expand")? config.cssclass.collapse : config.cssclass.expand)
		if (config.htmlsetting.location=='src'){ //Change header image (assuming header is an image)?
			$targetHeader=($targetHeader.is("img"))? $targetHeader : $targetHeader.find('img').eq(0) //Set target to either header itself, or first image within header
			$targetHeader.attr('src', (state=="expand")? config.htmlsetting.expand : config.htmlsetting.collapse) //change header image
		}
		else if (config.htmlsetting.location=="prefix") //if change "prefix" HTML, locate dynamically added ".accordprefix" span tag and change it
			$targetHeader.find('.accordprefix').html((state=="expand")? config.htmlsetting.expand : config.htmlsetting.collapse)
		else if (config.htmlsetting.location=="suffix")
			$targetHeader.find('.accordsuffix').html((state=="expand")? config.htmlsetting.expand : config.htmlsetting.collapse)
	},

	urlparamselect:function(headerclass){
		var result=window.location.search.match(new RegExp(headerclass+"=((\\d+)(,(\\d+))*)", "i")) //check for "?headerclass=2,3,4" in URL
		if (result!=null)
			result=RegExp.$1.split(',')
		return result //returns null, [index], or [index1,index2,etc], where index are the desired selected header indices
	},

	getCookie:function(Name){ 
		var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair
		if (document.cookie.match(re)) //if cookie found
			return document.cookie.match(re)[0].split("=")[1] //return its value
		return null
	},

	setCookie:function(name, value){
		document.cookie = name + "=" + value + "; path=/"
	},

	init:function(config){
	document.write('<style type="text/css">\n')
	document.write('.'+config.contentclass+'{display: none}\n') //generate CSS to hide contents
	document.write('<\/style>')
	jQuery(document).ready(function($){
		ddaccordion.urlparamselect(config.headerclass)
		var persistedheaders=ddaccordion.getCookie(config.headerclass)
		ddaccordion.contentclassname[config.headerclass]=config.contentclass //remember contentclass name based on headerclass
		config.cssclass={collapse: config.toggleclass[0], expand: config.toggleclass[1]} //store expand and contract CSS classes as object properties
		config.revealtype=/^(click)|(mouseover)$/i.test(config.revealtype)? config.revealtype.replace(/mouseover/i, "mouseenter") : "click"
		config.htmlsetting={location: config.togglehtml[0], collapse: config.togglehtml[1], expand: config.togglehtml[2]} //store HTML settings as object properties
		config.oninit=(typeof config.oninit=="undefined")? function(){} : config.oninit //attach custom "oninit" event handler
		config.onopenclose=(typeof config.onopenclose=="undefined")? function(){} : config.onopenclose //attach custom "onopenclose" event handler
		var lastexpanded={} //object to hold reference to last expanded header and content (jquery objects)
		var expandedindices=ddaccordion.urlparamselect(config.headerclass) || ((config.persiststate && persistedheaders!=null)? persistedheaders : config.defaultexpanded)
		if (typeof expandedindices=='string') //test for string value (exception is config.defaultexpanded, which is an array)
			expandedindices=expandedindices.replace(/c/ig, '').split(',') //transform string value to an array (ie: "c1,c2,c3" becomes [1,2,3]
		var $subcontents=$('.'+config["contentclass"])
		if (expandedindices.length==1 && expandedindices[0]=="-1") //check for expandedindices value of [-1], indicating persistence is on and no content expanded
			expandedindices=[]
		if (config["collapseprev"] && expandedindices.length>1) //only allow one content open?
			expandedindices=[expandedindices.pop()] //return last array element as an array (for sake of jQuery.inArray())
		if (config["onemustopen"] && expandedindices.length==0) //if at least one content should be open at all times and none are, open 1st header
			expandedindices=[0]
		$('.'+config["headerclass"]).each(function(index){ //loop through all headers
			if (/(prefix)|(suffix)/i.test(config.htmlsetting.location) && $(this).html()!=""){ //add a SPAN element to header depending on user setting and if header is a container tag
				$('<span class="accordprefix"></span>').prependTo(this)
				$('<span class="accordsuffix"></span>').appendTo(this)
			}
			$(this).attr('headerindex', index+'h') //store position of this header relative to its peers
			$subcontents.eq(index).attr('contentindex', index+'c') //store position of this content relative to its peers
			var $subcontent=$subcontents.eq(index)
			var needle=(typeof expandedindices[0]=="number")? index : index+'' //check for data type within expandedindices array- index should match that type
			if (jQuery.inArray(needle, expandedindices)!=-1){ //check for headers that should be expanded automatically (convert index to string first)
				if (config.animatedefault==false)
					$subcontent.show()
				ddaccordion.expandit($(this), $subcontent, config, false) //Last Boolean value sets 'isuseractivated' parameter
				lastexpanded={$header:$(this), $content:$subcontent}
			}  //end check
			else{
				$subcontent.hide()
				config.onopenclose($(this).get(0), parseInt($(this).attr('headerindex')), $subcontent.css('display'), false) //Last Boolean value sets 'isuseractivated' parameter
				ddaccordion.transformHeader($(this), config, "collapse")
			}
		})
		$('.'+config["headerclass"]).bind("evt_accordion", function(){ //assign custom event handler that expands/ contacts a header
				var $subcontent=$subcontents.eq(parseInt($(this).attr('headerindex'))) //get subcontent that should be expanded/collapsed
				if ($subcontent.css('display')=="none"){
					ddaccordion.expandit($(this), $subcontent, config, true) //Last Boolean value sets 'isuseractivated' parameter
					if (config["collapseprev"] && lastexpanded.$header && $(this).get(0)!=lastexpanded.$header.get(0)){ //collapse previous content?
						ddaccordion.collapseit(lastexpanded.$header, lastexpanded.$content, config, true) //Last Boolean value sets 'isuseractivated' parameter
					}
					lastexpanded={$header:$(this), $content:$subcontent}
				}
				else if (!config["onemustopen"] || config["onemustopen"] && lastexpanded.$header && $(this).get(0)!=lastexpanded.$header.get(0)){
					ddaccordion.collapseit($(this), $subcontent, config, true) //Last Boolean value sets 'isuseractivated' parameter
				}
 		})
		$('.'+config["headerclass"]).bind(config.revealtype, function(){
			if (config.revealtype=="mouseenter"){
				clearTimeout(config.revealdelay)
				var headerindex=parseInt($(this).attr("headerindex"))
				config.revealdelay=setTimeout(function(){ddaccordion.expandone(config["headerclass"], headerindex)}, config.mouseoverdelay || 0)
			}
			else{
				$(this).trigger("evt_accordion")
				return false //cancel default click behavior
			}
		})
		$('.'+config["headerclass"]).bind("mouseleave", function(){
			clearTimeout(config.revealdelay)
		})
		config.oninit($('.'+config["headerclass"]).get(), expandedindices)
		$(window).bind('unload', function(){ //clean up and persist on page unload
			$('.'+config["headerclass"]).unbind()
			var expandedindices=[]
			$('.'+config["contentclass"]+":visible").each(function(index){ //get indices of expanded headers
				expandedindices.push($(this).attr('contentindex'))
			})
			if (config.persiststate==true){ //persist state?
				expandedindices=(expandedindices.length==0)? '-1c' : expandedindices //No contents expanded, indicate that with dummy '-1c' value?
				ddaccordion.setCookie(config.headerclass, expandedindices)
			}
		})
	})
	}
}


//
//  Script for Top Horizontal Navigation
//
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
stuHover = function() {
	var cssRule;
	var newSelector;
	for (var i = 0; i < document.styleSheets.length; i++)
		for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
			{
			cssRule = document.styleSheets[i].rules[x];
			if (cssRule.selectorText.indexOf("LI:hover") != -1)
			{
				 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
				document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
			}
		}
	var getElm = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<getElm.length; i++) {
		getElm[i].onmouseover=function() {
			this.className+=" iehover";
		}
		getElm[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", stuHover);

//================================================================================================================================//
//										!!END PRE-MADE/ONLINE/COPIED/PASTED JAVASCRIPT & JQUERYFUNCTIONS!!!
//================================================================================================================================//




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




//================================================================================================================================//
//
//										START CUSTOM REGULAR JAVASCRIPT FUNCTIONS!!!
//
//================================================================================================================================//





// ================================================================== //
//
//Javascript function for highlighting fields
//	Pages used on:  
//		- All pages that use any of the /includes/'Left_Accordion_Navigation...' files
//
//=================================================================== //
function highlight(field) {
       field.focus();
       field.select();
	   }


/* ================================================================ 

Javascript function for custom arrow bullet images on UL lists in right navigation menus.
	Pages used on:
		-/PressRoom

=================================================================== */
function styleList( cls, imgwidth, imgsrc ){
	$("ul." + cls + " li")
		.css("list-style-type","none")
		.css("text-indent","-" + imgwidth);
	$("ul." + cls + " li")
		.prepend("<img class=\"listitemimage\"" +
			"src=\"" + imgsrc + "\"/>");
	$(".listitemimage")
		.css("position","relative")
		.css("left","-2px")
		.css("top","1px");
}


/* ================================================================ 

Javascript functions for footer tabs (makeactive())

=================================================================== */
function makeactive(tab) {  
document.getElementById("tab1").className = ""; 
document.getElementById("tab2").className = ""; 
document.getElementById("tab3").className = ""; 
document.getElementById("tab4").className = ""; 
document.getElementById("tab"+tab).className = "active"; 
} 
function makeactive_right(tabs) {  
document.getElementById("tab1_right").className = ""; 
document.getElementById("tab2_right").className = ""; 
document.getElementById("tab3_right").className = ""; 
//document.getElementById("tab4").className = ""; 
document.getElementById("tab"+tabs+"_right").className = "active"; 
} 
//================================================================================================================================//
//										!!END CUSTOM REGULAR JAVASCRIPT FUNCTIONS
//================================================================================================================================//







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






//================================================================================================================================//
//
//										START ON PAGE LOAD JQUERY & JAVASCRIPT FUNCTIONS!!!!
//
//================================================================================================================================//


$(document).ready(function(){

// New Tabs JQuery 
	$('#tabvanilla > ul').tabs();  // Footer Left Side
	$('#tabvanilla2 > ul').tabs();  // Footer Right Side
	$('#tabvanilla_performance > ul').tabs();  // New VPI PERFORMANCE tab layout
	
	
//  For custom arrow bullet images (to specify which UL class's  to use on)
	styleList( "whitepapers", "10px", "http://www.vpi-corp.com/Compendium/images/Bullet-blue.png" );
	styleList( "case_studies", "10px", "http://www.vpi-corp.com/Compendium/images/Bullet-blue.png" );
	styleList( "solutions", "10px", "http://www.vpi-corp.com/Compendium/images/Bullet-blue.png" );
	styleList( "roi_guides", "10px", "http://www.vpi-corp.com/Compendium/images/Bullet-blue.png" );
	styleList( "webcasts", "10px", "http://www.vpi-corp.com/Compendium/images/Bullet-blue.png" );
	styleList( "bullet_arrows", "10px", "http://www.vpi-corp.com/Compendium/images/Bullet-blue.png" );


//NEW CUSTOMER LOGOS SLIDING SCRIPT
var jS = $('.logoImages');
var i = 0;
// Old Function that 'collapses' logos
function do_ticker() {
  jS.eq(i).animate({width:'toggle'},1000,function() {
    var me = $(this);     
    setTimeout(function() { me.animate({width:'toggle'},1000, 
      function() { 
        i = ++i % jS.length;
        do_ticker();
      });
    },1000); // setTimeout
  });
};
do_ticker();


//
//   Script for Dynamic Keyword Linking
//
//			<-- BEGIN

var content = $("p");
content.each ( function() {
			
//
//	The following section is for our VPI EMPOWER 911 Public Safety Product Suite
//  NOTE:  the '<!--for-->' in the link is so that the regular 'VPI CAPTURE' and 'VPI CAPTURE PRO' doesn't overwrite the VPI CAPTURE PRO for public safety.
//
$( this ).html($( this ).html().replace(/VPI EMPOWER 911/g, "<span class='empower'><a href='http://www.vpi-corp.com/Call-Center-Management-Software.asp'>VPI EMPOWER 911</a></span>"));
//$( this ).html($( this ).html().replace(/VPI CAPTURE PRO for public safety/g, "<span class='capture'><a href='http://www.vpi-corp.com/Record-911-Calls-Emergency-Call-Recording-System.asp'>VPI <!--for-->CAPTURE PRO</a></span>"));
//$( this ).html($( this ).html().replace(/VPI CAPTURE for public safety/g, "<span class='capture'><a href='http://www.vpi-corp.com/Call-Logging-Software-Solutions.asp'>VPI <!--for-->CAPTURE</a></span>"));
//$( this ).html($( this ).html().replace(/VPI QUALITY for public safety/g, "<span class='quality'><a href='http://www.vpi-corp.com/911-Quality-Assurance-Management-Software.asp'>VPI <!--for-->QUALITY</a></span>"));
$( this ).html($( this ).html().replace(/VPI COACHING/g, "<span class='performance'><a href='http://www.vpi-corp.com/Public-Safety-911-Training-Software.asp'>VPI COACHING</a></span>"));

//
//	The following section is for our VPI EMPOWER Enterprise Product Suite
//
//$( this ).html($( this ).html().replace(/VPI CAPTURE ESSENTIAL/g, "<span class='capture'><a href='http://www.vpi-corp.com/Phone-Recording-Software-System.asp'>VPI CAPTURE ESSENTIAL</a></span>"));						

//$( this ).html($( this ).html().replace(/VPI CAPTURE(?! PRO)/g, "<span class='capture'><a href='http://www.vpi-corp.com/Telephone-Recording-Software-Voice-Solutions.asp'>VPI CAPTURE</a></span>"));

//$( this ).html($( this ).html().replace(/VPI CAPTURE PRO/g, "<span class='capture'><a href='http://www.vpi-corp.com/Call-Recorder.asp'>VPI CAPTURE PRO</a></span>"));

//$( this ).html($( this ).html().replace(/VPI QUALITY PRO/g, "<span class='quality'><a href='http://www.vpi-corp.com/Call-Center-Quality-Assurance-Management-Software.asp'>VPI QUALITY PRO</a></span>"));
//$( this ).html($( this ).html().replace(/VPI QUALITY(?! PRO)/g, "<span class='quality'><a href='http://www.vpi-corp.com/Quality-Monitoring-System-Solutions.asp'>VPI QUALITY</a></span>"));

$( this ).html($( this ).html().replace(/VPI PERFORMANCE/g, "<span class='performance'><a href='http://www.vpi-corp.com/Contact-Center-ACD-Reporting-Software.asp'>VPI PERFORMANCE</a></span>"));

$( this ).html($( this ).html().replace(/VPI EMPOWER(?! 911)/g, "<span class='empower'><a href='http://www.vpi-corp.com/Call-Center-Management-Software.asp'>VPI EMPOWER</a></span>"));


//
//	This section is for keyword phrase linking for keyword phrases: call recording, quality assurance, performance management, analytics, Avaya, Cisco, Mitel, Aspect, VPI
//

$( this ).html($( this ).html().replace(/call recording/g, "<a href='http://www.vpi-corp.com/Call-Recorder.asp'>call recording</a>"));
//$( this ).html($( this ).html().replace(/quality assurance/g, "<a href='http://www.vpi-corp.com/Quality-Monitoring-System-Solutions.asp'>quality assurance</a>"));
$( this ).html($( this ).html().replace(/performance management/g, "<a href='http://www.vpi-corp.com/Contact-Center-ACD-Reporting-Software.asp'>performance management</a>"));
$( this ).html($( this ).html().replace(/analytics/g, "<a href='http://www.vpi-corp.com/Contact-Center-Analytics-Software.asp'>analytics</a>"));
						})

//  		<--	Dynamic Keyword Linking Script END

  
	
});
//================================================================================================================================//
//										END ON PAGE LOAD JQUERY & JAVASCRIPT FUNCTIONS!!!!
//================================================================================================================================//