// global variable
var CONTENTOFFSET = 0; /* fix for dynamic content area calculations */

//  jQuery FUNCTIONS

$(document).ready(function(){
    // Language select box replacement
    if ($('#languageSelectBox').length){
        $('#languageSelectBox').sSelect(); 
    }   
    
	// find current href
	var	thisHref = location.href;
	thisHref = thisHref.split('/');
	currHref = thisHref[thisHref.length-1];
	// top navigation on consumer and professional pages
	$('.topNavMain').find('.topNavItem').mouseover(function(){
		navHref = $(this).parent().attr('href');
		if ( navHref != currHref) {
			$(this).addClass('hover');
		}
	});
	$('.topNavMain').find('.topNavItem').mouseout(function(){
		$(this).removeClass('hover');
	});
	// tabs on detail pages
	if($('#tabs').length){
		$('#tabs').tabs();
	}

	// class change on promo buckets
	if($('.promoBucket').length){
		$('.promoBucket').each(function(){
			$(this).mouseover(function(){
				$(this).find('.promoTitle').css('cursor', 'pointer');
				$(this).find('.promoTitle').addClass('hoverState'); 
				$(this).find('.promoTitle span').addClass('hoverState');
			});
			$(this).mouseout(function(){
				$(this).find('.promoTitle').removeClass('hoverState'); 
				$(this).find('.promoTitle span').removeClass('hoverState'); 
			});
		});
	}
	// class change on section nav
	if($('.sectionNavContainer').length){
		$('.navButtonContainer').each(function(){
			$(this).mouseover(function(){
				$(this).addClass('hoverState'); 
			});
			$(this).mouseout(function(){
				$(this).removeClass('hoverState');
			});
		});
	}
	
	//Blue bullets formatting.
     $('.blueBullets').each(function(){
        var bulletText = $(this).html();
        var span = $(this);
        var pTag = $(this).parent();
        pTag.each(function(){
            var current = $(this);
            var next = current.next();
            if(next.children().is('.blueBullets'))
            {
                $(this).attr('style', "margin-bottom:0px;");
            }  
            else
            {
                if(next.is('blockquote'))
                {
                    $(this).attr('style', "margin-bottom:0px;");
                }
                else if($(this).parent().is('blockquote'))
                {
                    $(this).attr('style', "margin-bottom:0px;");
                    $(this).parent().attr('style', "margin-bottom:0px;");
                }
                else
                {
                    $(this).attr('style', "margin-bottom:20px;");
                }
            }     
        });
      });
//      $('.blueBullets:last').parent().attr("style","margin-bottom:20px");

    $("#contentContainer img[hspace]").each(function(){

        var hspaceleft =  $(this).attr("hspace");
        var hspaceright = $(this).attr("hspace");
        
        var vspacetop = $(this).attr("vspace");
        var vspacebottom = $(this).attr("vspace");
        
        if(hspaceleft != "-1" && hspaceright!="-1" && vspacetop!="-1" && vspacebottom!="-1" && hspaceleft != "0" && hspaceright!="0" && vspacetop!="0" && vspacebottom!="0")
        {  
            var style="padding-left:" + hspaceleft + "px;padding-right:" + hspaceright + "px;padding-top:" + vspacetop + "px;padding-bottom:" + vspacebottom + "px;";
            $(this).attr("style",style);
        }
        $(this).removeAttr("hspace");
        
        $(this).removeAttr("vspace");
    });
    
    // Blue - #3399CC
    // Orange - #E88A1A
    // White - #FFFFFF
    
    var args = document.URL.split("//"); // split at protocol
    args = args[1].split("/"); 
    for(var i = 0; i < args.length;i++)
    {
        if(args[i]=="professional" || args[i]== "consumer" || args[i]=="about")
        {
            $("#headerBackground").removeClass();
            if(args[i] == "professional")
            {            
                $("#headerBackground").addClass("professional");
            }
            else if(args[i] == "about")
            {
                $("#headerBackground").addClass("aboutus");
            }
            else if(args[i] == "consumer")
            {
                $("#headerBackground").addClass("consumer");
            }
        }
    }      
 });

// LEFT MENU INIT 
if(ddaccordion)
{
    ddaccordion.init({
	    headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	    contentclass: "categoryitems", //Shared CSS class name of contents group
	    revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
	    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	    defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	    onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	    animatedefault: false, //Should contents open by default be animated into view?
	    persiststate: false, //persist state of opened contents within browser session?
	    toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	    togglehtml: ["suffix", "<img src='/images/greenarrow_bluebkg.gif' class='statusicon' />", "<img src='/images/greenarrow_bluebkg_down.gif' class='statusicon' />"],
	    animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
	    oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		    //do nothing
	    },
	    onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		    //do nothing
	    }
    });

    ddaccordion.init({ //2nd level headers initialization
	    headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
	    contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
	    revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover"
	    collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	    defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	    onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	    animatedefault: false, //Should contents open by default be animated into view?
	    persiststate: false, //persist state of opened contents within browser session?
	    toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	    togglehtml: ["suffix", "<img src='/images/greenarrow_bluebkg.gif' class='statusicon' />", "<img src='/images/greenarrow_bluebkg_down.gif' class='statusicon' />"],
	    animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
	    oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		    //do nothing
	    },
	    onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		    //do nothing
	    }
    });
}
// EXPAND MENU (on pages that need open to specific menu choices) */
 
    function expand() {
	    var top = $(".hdnPosition").val();
	    var sub = $('.hdnVal').val();
	    if(top != '')
	    {
	        expandMenu('expandable',top);
	    }
	    if(sub != "-1")
	    {
	        expandMenu('subexpandable', sub);     
	    }
	    
	    FixRelatedContentHeight();
	    setTimeout(function(){
	        var menuHeight = $('.leftmenu').height(); 
	        var contentHeight = $('#contentContainer').height(); 	        
	        if(menuHeight > contentHeight){
	            $('#contentContainer').height(menuHeight+65);
	            CONTENTOFFSET = menuHeight - contentHeight;
	        }
	        else{
	            CONTENTOFFSET = 0;
	        }
	    }, 435);
	 }
	 
	 function FixRelatedContentHeight()
	 {
	    var relatedContainer = $('.relatedContent').height(); 
	    var contentHeight = $('.relatedContentLeft').height(); 
	    
	    if(contentHeight > relatedContainer)
	    {
	        $('.relatedContent').height(contentHeight+20);
	    }
	 }
	 
    var menuHeight = $('.leftmenu').height();
    var contentHeight = $('#contentContainer').height();

    if(contentHeight < menuHeight)
    {
        $('#contentContainer').height(menuHeight+65);
    }
      
    function expandMenu(menuClass,index){
		ddaccordion.expandone(menuClass,index); 
	}

// SELECT ELEMENT REPLACEMENT (for language dropdowns)
function selectReplacement(obj) {
  // create list for styling
  var ul = document.createElement('ul');
  ul.className = 'selectReplacement';
  var opts = obj.options;
  for (var i=0; i<opts.length; i++) {
	var selectedOpt;
	if (opts[i].selected) {
	  selectedOpt = i;
	  break;
	} else {
	  selectedOpt = 0;
	}
  }
  for (var i=0; i<opts.length; i++) {
	var li = document.createElement('li');
	
	var aHref = document.createElement('a');
	aHref.href= "http:/" + $("select.langSelect")[0].options[i].value;
	aHref.title = opts[i].title;
	
	if($("select.langSelect")[0].options[i].label!= "")
	{
	    var img = document.createElement("img");
	    img.src = $("select.langSelect")[0].options[i].label;
	    img.alt = "";
	    aHref.setAttribute("style", "color:white;text-decoration:none;padding-top:5px;width:85px;");
	    aHref.appendChild(img);
	}
	else
	{
	    var txt = document.createTextNode(opts[i].title);
	    aHref.setAttribute("style", "color:white;text-decoration:none;width:85px;");
	    aHref.appendChild(txt);
	
	}
	
	li.appendChild(aHref);
	
	li.selIndex = opts[i].index;
	li.selectID = obj.id;
	li.onclick = function() {
	  selectMe(this);
	}
	if (i == selectedOpt) {
	  li.className = 'selected';
	  li.onclick = function() {
		this.parentNode.className += ' selectOpen';
		this.onclick = function() {
		  selectMe(this);
		}
	  }
	}
	if (window.attachEvent) {
	  li.onmouseover = function() {
		this.className += ' hover';
	  }
	  li.onmouseout = function() {
		this.className = 
		  this.className.replace(new RegExp(" hover\\b"), '');
	  }
	}
	ul.appendChild(li);
  }
  // add the input and the ul
  obj.parentNode.appendChild(ul);
}
function selectMe(obj) {
   
  var lis = obj.parentNode.getElementsByTagName('li');
  for (var i=0; i<lis.length; i++) {
	if (lis[i] != obj) { // not the selected list item
	  lis[i].className='';
	  lis[i].onclick = function() {
		selectMe(this);
	  }
   } else {
	  setVal(obj.selectID, obj.selIndex);
	  obj.className='selected';
	  obj.parentNode.className = obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
	  //window.location = lis[obj.selIndex].childNodes[0].href;
	  obj.onclick = function() {
		obj.parentNode.className += ' selectOpen';
		this.onclick = function() {
		  selectMe(this);
		}
	  }
	}
  }
}
function setVal(objID, selIndex) {
  var obj = document.getElementById(objID);
  obj.selectedIndex = selIndex;
}
function closeSel(obj) {
  // close the ul
}


// calls main function to replace language dropdowns	
function replaceLanguage(){
	//selectReplacement(document.getElementById('langugeSelect'));
}


// THICKBOX CALL (for overlays)


function openBox(w,h,box) {
	tb_show('','#TB_inline?width='+w+'&height='+h+'&inlineId='+box+'&modal=true','');
}

function closeBox() {
	self.parent.tb_remove();
}



// BROWSER DETECTION (used for ddaccordion.js IE6 exception)
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",
			versionSearch: "Version"
		},
		{
			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.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

function disableEnterKey(e)
{
     var key;     
     if(window.event)
          key = window.event.keyCode; //IE
     else
          key = e.which; //firefox     

     return (key != 13);
}

function processEnterKey(evt){
    var evt = (evt) ? evt : ((event) ? event : null); 
    var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null); 
    if (evt.keyCode == 13){
        if (node.name=="searchInputBox"){
            submitSearch();
        }
        return false;
    }
    return true;
} 

function submitSearch()
{
    var searchString = document.forms[0].searchInputBox.value;
    var searchURL = document.forms[0].searchURL.value;
    var redirectURL = searchURL.replace("mmmmmmm",searchString);
    window.location=redirectURL;
    return false;
}

function clearInputBox(theBox,str){
    if(theBox.value == str)
        theBox.value = "";
}
function populateInputBox(theBox,str){
    if (theBox.value.replace(/^\s+|\s+$/g,"") == "")
        theBox.value = str;
}
function rollImage(theImage,newImage){
    theImage.src = newImage.src;
}