/*
Script: objects.js
	javascript options for Pri-med.com
	Depends on the mootools library (mootools.v1.11.js)
*/


// hashtable to populate banner URLs
var bannerUrls = {};
bannerUrls["default"] = "javascript:false;";
// implementing pages should follow these naming conventions
var bannerDivId = 'Banner';
var bannerFrameId = 'BannerFrame';

/* 

Class: tabSet
tabSet requires collection of tab objects as well as optional declaration or selected tab.  Default is 0.




*/

var tabSet = Fx.Base.extend({
		getExtended: function(){
			return{	
			    selected:null, 
			    type:'tab',
			    url:document.location, 
			    useHistory:true
			    };
		},
		
		/*
		
		Constructor: initialize
		Sets up tabSet for navigation
		
		Arguments: 
		    tab - The collection of DOM elements that will serve as tab objects
		    content - collection of DOM elements (usually DIVs) that will serve as switchable 
		    options:type - 'date' or 'tab' are the only two types so far..
		    options:useHistory - Boolean.  Defines whether or not the tabSet will use <HistoryManager>  
		 
		 Examples: 
		 >var homeTabs = new tabSet($$('.tab'), $$('.content .frmContent'), {url:document.location});		
		    
		 See Also:  
		    <HistoryManager>
		   
		 */
		
		initialize: function(tab, content, options){		    
		    
			this.setOptions(this.getExtended(), options);
			this.u = this.options.url;
		    this.current = this.setInitial();
			this.tabs = $$(tab);
			this.content = $$(content);
			
			if(this.tabs.length > 1 && this.content.length > 1){
			this.links = $$('.' + scrub_class(this.tabs[0],'clearfix ')+ ' a');
			    this.links.each(function(el, i){
				    if(el.firstChild.length > 12 && el.innerHTML.indexOf('<br') == -1 && el.innerHTML.indexOf('day') == -1){
				        el.innerHTML = truncSplit(el.innerHTML, 12);
                    //need to figure out how to add <br/> tag here				   
				    }
				    var tempEl = new String;				
				    tempEl = killSpace(tempEl, el);				
    								
				    el.addEvent('click', this.moveTabs.bind(this, i) );
				    el.addEvent('click', this.track.bind(this, this.options.type+'='+ tempEl));
				    el.addEvent('click', this.trackDCS.bind(this, i));						            
		        }, this);
			}
			else if(this.tabs.length == 1 || this.content.length ==1){
			    this.tabs[0].addClass('selected');
			    this.content[0].setStyle('display', 'block');
			}
			
			var pv = getQueryString('printview');
			if(pv == 'true' || window.webkit == true){
			    this.options.useHistory = false;
			    this.moveTabs(this.current);
			}			
			
			if(this.options.useHistory){
			    this.history = HistoryManager.register(
			        this.options.type, 
			        [0],
			        //[this.current],
			        function(args) {this.moveTabs(args[0]); }.bind(this),
			        false,
			        false);			    
			}	
			
			if(this.options.type == 'tab' && pv != 'true'){			    
			    //alert('starting');
			    HistoryManager.start();
			    
			    
			    /* commented out because it makes the page load count as a double hit for WT */
			    // hack to tag entry into tabbed content set, no matter which tab
			    //var index = HistoryManager.getState().substr(4);
			    //if (index == ''){
			    //    index = 0;
			    //}
			    //this.trackDCS(index);
			}
        },
		
		/* 
		
		    Function: alignTabs
		    Sets tabs for navigation based on this.current
		
		*/
		
		alignTabs: function(){
			if(this.tabs.length > 0 && this.content.length >0  && this.tabs.length >= this.current && this.content.length >= this.current){
			        var index = this.tabs.length*10;
			        this.content.each(function(el){
			            el.setStyle('display', 'none');
			        });
        			
        			
			        this.tabs.each(function(el){
				        el.setStyle('zIndex', index);				
				        index--;
			        });
        			
			        this.tabs[this.current].setStyle('zIndex', 1000);
			        this.content[this.current].setStyle('display', 'block');
			}
			
		},
		
		/* 
		    Function: moveTabs(dest)
		    Moves the tabSet to the desired tab
		    
		    Arguments: 
		    dest - Integer representing which zero-based tab to navigate to.  Nullable.
		    
		*/
		
		moveTabs: function(dest){
			dest = (dest==undefined)?0:dest;
			if (this.history) this.history.setValue(0, dest);			
			try{
			    var cur = this.tabs[this.current];
			    cur.removeClass('selected');
			    this.tabs[dest].className += ' selected';
			    this.current = dest;			
			} 			
			catch(err){ }
			this.alignTabs();			
			
			this.setBanner(dest);
			
			/*** Case only for Live Events ***/
			if($$('.infoBox', '.confBox').length > 0 && this.options.type=='tab'){
			
			switch (parseInt(dest)){
              case 1 :
                $$('.confBox').each(function(el){el.style.display="block"});
                $$('.infoBox').each(function(el){el.style.display="none"});
              break;
              case 4:
                $$('.confBox').each(function(el){el.style.display="none"});
                $$('.infoBox').each(function(el){el.style.display="block"});
              break;
              

              default:
              $$('.confBox').each(function(el){el.style.display="none"});
              $$('.infoBox').each(function(el){el.style.display="none"});
              break;
            }			
			}			
			if (this.history) this.history.setValue(0, dest);
			
		},

        /*
		    Function: setBanner(dest)
		    Set the banner iframe based on the destination tab name

		    Arguments: 
		    dest - Integer representing which zero-based tab to navigate to.  Nullable.
        */
        setBanner: function(dest) {
            if (!$defined(this.tabs[dest]) || !$defined(this.tabs[dest].getAttribute('name')))
            { 
                // do nothing
            }
            else
            {
                var tabName = this.tabs[dest].getAttribute('name');
                
                var invokeUrl = bannerUrls[tabName];
                
                if ($defined($(bannerDivId)))
                {
                    if (invokeUrl != null)
                    {
                        $(bannerDivId).style.display="block";
                        $(bannerDivId).style.visibility="visible"; 
                        
                        $(bannerFrameId).src = invokeUrl;                 
                    }
                    else
                    {
                        $(bannerDivId).style.display="none";
                        $(bannerDivId).style.visibility="hidden"; 
                    }
                }                
            }
        },
        		
		/* 
		
		    Function: track(type)
		    Sends tab information to Google Analytics.
		    
		    Arguments: 
		    type - String. Represents tab destination and type.
		*/
		
		track: function(type){
		    /*  Analytic tracking code below*/			
			if(self['urchinTracker']){                        
                urchinTracker(type);
			}
		},
		
		
		/* 
		
		    Function: trackDCS(type)
		    Sends tab information to Web Trends.
		    
		    Arguments: 
		    type - String. Represents tab destination and type.
		*/
				
        trackDCS: function(dest){
			if (TagClientSideTabSwitch)
			{
			    TagClientSideTabSwitch(dest, this.tabs[dest].getAttribute('name'), document.location);
			}		
			
		},
			
		
		/* 
		
		    Function: setInitial
            Sets the first tab based on first this.current
		    
		    
		*/
		
		setInitial: function() {
		    var tabIndex = (this.options.type == 'tab')?getQueryString("tabIndex"):false;
		    var val = '';
		    var dl = document.location.toString();
		    
		    var hashIndex = (dl.indexOf('#')!= -1 )?getHashVal(this.options.type, dl.substring(dl.indexOf("#"), dl.length)):false;
		    if(tabIndex != false && hashIndex == false) {
		        
		        val = (parseInt(tabIndex));
		        //alert('tabIndex=' + tabIndex);
		       }
		    else if(this.options.selected != 0 && this.options.selected != null && hashIndex == false) {
		        val = this.options.selected;
		    }
		    else if(hashIndex != false){		        
		        val = hashIndex;		    		  
		    }
		    else {val = 0;}
		    //alert(val);
		    return val;
		    
		    
		} 	
	});


/* 

Function: killSpace
eliminates space around text element

Arguments: 
tempEl - element
el - element to strip space from

Returns: 
tempEl - stripped text element.


*/

 
 function killSpace(tempEl, el){
 
 tempEl =   el.innerHTML;
		    tempEl.trim();
		    tempEl.normalize_space();
		    tempEl = tempEl.split(" ");
		    tempEl = tempEl.join('')
		    tempEl = tempEl.split("<br>");
		    tempEl = tempEl.join('');
		    tempEl = tempEl.split("\n");
		    tempEl = tempEl.join('');
 
            return tempEl;
 }

	
/*
 

 
 
 Class: featureBox
 Feature Box sits on home page.  Declaring content blocks, controls, counters and optional variable of 
 selected will instantiate this object.
 
 
 */

	var featureBox = Fx.Base.extend({
		
		getExtended: function(){
			return{	show:0
			};
		},
		
		
		/* 
		
		  Function: initialize
		  
		  Arguments: 
		  blocks - Collection of DOM Elements which serve as switchable content
		  controls - Collection of DOM Elements which serve as clickable controls to navigate through the blocks
		  counters - Collection of DOM Elements (Should be 2 elements) which serve to indicate the progress through total activities
		  options:show - integer.  Defines initial zero-based feature block to initialize on load. 
		
		  Examples: 
		  > var homeFeature = new featureBox($$('#feature .container'), $$('.nav .control'), $$('.counter'));
		
		*/
		
		initialize: function(blocks, controls, counters, options){
			this.setOptions(this.getExtended(), options);
			this.current = this.options.show;
			this.blocks = $$(blocks);
			this.controls = $$(controls); 
			this.counters = $$(counters);
			try{
			this.blocks.each(function(el){el.setStyle('display','none' )});
			this.blocks[this.options.show].setStyle('display', 'block');
			this.blocks[this.options.show].setStyle('visibility', 'visible');
			this.controls[0].addEvent('click', this.move.bind(this, 'previous'));
			this.controls[1].addEvent('click', this.move.bind(this, 'next'));
			this.checkControls();
			}
			catch(err){}
		},
		
		/* 
		
		    Function: move
		    Arguments: 
		        method - String. Either 'next' or 'previous' telling FeatureBox which direction to navigate.
		    
		
		*/
		
		move: function(method){
			this.moveOpacity(this.blocks[this.current],1,0 );
			this.checkBox(this.blocks[this.current], 'none');
			    if(this.current == 0 && method == 'previous') {this.current = this.blocks.length-1;}
			    else if (this.current == (this.blocks.length -1) && method == 'next'){this.current = 0;}
			    else {this.current = (method == 'next') ? ++this.current  : --this.current;}
			
			
			this.checkBox(this.blocks[this.current], 'block');
			this.moveOpacity(this.blocks[this.current],0,1 );
			this.checkControls();
						
		},
		
		/* 
		
		    Function: moveOpacity
		    Method for transitioning from one block to another.  Does not transition for IE6.
		    
		    Arguments: 
		    obj - DOM object for which to change opacity
		    start - Double. 0 - 1 based decmimal for which to begin transition
		    finish - Double. 0 - 1 based decmimal for which to end transition
		    
		*/
		
		moveOpacity: function(obj, start, finish){
			if(navigator.userAgent.indexOf("MSIE 6.0") != -1){
			var featTrans = new Fx.Style(obj, 'opacity', { duration:0, transition: Fx.Transitions.linear});
			featTrans.start(start, finish);
			}
			else{
			var featTrans = new Fx.Style(obj, 'opacity', { duration:600, transition: Fx.Transitions.linear});
			featTrans.start(start, finish);
			}
			
			
		},
		
		/* 
		
		Function: checkBox
		
		Arguments: 
		obj - DOM Object
		display - 'block' or 'none'
		
		*/
		
		checkBox: function(obj, display){
			obj.setStyle('display', display);
		},
		
		/* 
		
		Function: checkControls
		Displays the current index of the featureBox as well as the total number of blocks.
				
		
		*/
		checkControls: function(){
			this.counters[0].innerHTML = this.current+1;
			this.counters[1].innerHTML = this.blocks.length;				
		} 
	});
	
	/*
		
	Class: navSet
	Object controlling main navigation of site
	
	*/
	
var navSet = Fx.Base.extend({
		
		getExtended: function(){
			return{	
			        url:''
			};
		},
		
		/* 
		
		Function: initialize
		
		Arguments: 
		elems - images that will be switched between
	    links - the links that contain location of 
	    options:url -  will contain the url of the page the navSet is on.  This is in order to most easily match the highlighted image.

        Examples: 
        >var globalNav = new navSet($$('.siloNav img'), $$('.siloNav a'),{url:document.location})
		
		*/
		
		
		initialize: function(elems, links, options){
			this.setOptions(this.getExtended(), options);
			this.elems = $$(elems);
			this.links = $$(links);
			this.u = this.options.url.toString();
			this.u = this.u.substring(this.u.lastIndexOf('//')+2);	
			
			this.assign(); 
			},
			
		/* 
		
		Function: goRoll
		The method bound to navigation images to properly change images onMouseover 
		
		Parameters: 
		i - Integer.  Designates destination in this.elems collection
		
		*/	
		goRoll: function(i) {
		    //alert('I made it go ' + this.elems[i].className);	
			this.elems[i].src = this.elemsRoll[i];
		    return false;
		},
		
		/* 
		Function: rollOff
		The method bound to navigation images to properly change images onMouseout 
		
		*/
		rollOff: function(i){
			//alert('I made it go ' + this.elems[i].className );
			this.elems[i].src = this.elemsOff[i];
			return false;
			},
		
		/* 
		
		Function: assign
		The method to assign events to DOM objects on page  
		
		*/
		assign: function(){
		    //alert(this.elems[0].src.toString());
		    this.elemsOff = new Array;
			this.elemsRoll = new Array;
		    this.elemsOn = new Array;
		    var matchUrl = this.u.substring(this.u.lastIndexOf('/'), this.u.lastIndexOf('.aspx') + 5);
		    //alert('match url is: ' + matchUrl);
		    this.elems.each(function(el, i){ 
		        this.elemsOff[i] = el.src.toString();
				this.elemsRoll[i] = el.src.substr(0,el.src.lastIndexOf('_')) + '_roll.gif';
		        this.elemsOn[i] = el.src.substr(0,el.src.lastIndexOf('_')) + '_on.gif'; 
			},this);
		    
		    if($('navFlag')){
		    var navFlag = $('navFlag').value; 
		    }
		    else{
		    var navFlag = '';
		    }
		    this.elems.each(function(el,i){ 
		        
				var v = el.parentNode.pathname.substring(el.parentNode.pathname.lastIndexOf('/'), el.parentNode.pathname.length);				
				if(v == matchUrl || el.parentNode.id ==  navFlag) 
		            {   //el.parentNode.replaceWith(el);
		                el.src = this.elemsOn[i];           
		            }
		        else {
					el.addEvent('mouseover', this.goRoll.bind(this, i));
					el.addEvent('mouseout',  this.rollOff.bind(this, i));
					}
					
				}, this);
			}
		
	});


/* 

Class: openDivSet
Based on the moo class Fx.Elements, this object displays individual divs with transition effects

*/

var openDivSet = Fx.Elements.extend({
		getExtended: function(){
			return{	
			    onActive: Class.empty,
			    onBackground: Class.empty,
			    display: 0,
			    show: false,
			    height: true,
			    width: false,
			    opacity: true,
			    fixedHeight: false,
			    fixedWidth: false,
			    alwaysHide: false,
			    duration:500
			    
			    
			};
		},
		
		/* 
		
		Function: initialize
		
		Arguments: 
		heads - Collection of DOM elements which house the controls to open/close elements
		body - Collection of DOM elements which serve as 
		controls - Collection of DOM elements (usually links) which serve as clickable controls to open/close body content
		options -
		
		*/
		
		initialize: function(heads, body, controls, options){
			this.setOptions(this.getExtended(), options);
			this.heads = $$(heads);
			this.body = $$(body);
			this.controls = $$(controls);
			this.heights = {};
			
			this.body.each(function(el, i){ 
		        this.heights[i] = el.getSize().scrollSize.y;
			  },this);
			
			if (this.options.display != -1){
			    this.display(this.options.display);
			}
		    //alert(this.body[0].getSize().scrollSize.y + 'px');
		    
			this.heads.each(function(tog, i){
			tog.addEvent('click', this.display.bind(this, i));
		}, this);
			
		},
		
		/* 
		
		Function: display
	    Sets the vertical transition to open div
	    	
	    Arguments: 
	    index - Integer.  zero-based number which sets div to open. 	
	
		
		*/
				
		display: function(index){
		    
		    var objToggle = new Fx.Style(this.body[index], 'height',{duration: this.options.duration});    
		    
		        if (this.controls[index].className.indexOf('open') != -1 ){         
                    objToggle.start(0);
		            this.toggle('closed', index);    		        		        
		            }
		        else {    		    
		            objToggle.start(this.heights[index]);
		            this.toggle('open', index);    		        
		        }
	    },
	    
	    /* 
	    
	    Function: toggle
	    
	    Parameters: 
	    dest - Integer.
	    index - Integer. 
	    
	    */
	    
	    toggle: function(dest, index){
	        
	        switch (dest) 
	        {
	            case 'open': 
    	            this.controls[index].className = scrub_class(this.controls[index], 'closed');
    	            this.controls[index].addClass('open');
	            break;
	            
	            case 'closed':
	                this.controls[index].className = scrub_class(this.controls[index], ' open');
	            break;
	            }
	    }
		
		
}); 


/*

Class: divFBoxSet
An object which controls a collection of dhtml pop-ups and their links.

 */


	var divFBoxSet = Fx.Base.extend({
		
		getExtended: function(){
			return{	
			width:279
			};
		},
		
		/* 
		
		Function: initialize
		
		Arguments: 
		
		*/
		
		initialize: function(links, inputs, floatbox, options){
		        this.optionsPassed = false;
		            
		        this.setOptions(this.getExtended(), options);
		        this.links = $$(links);
		        this.inputs = $$(inputs);
		        this.fBox = $(floatbox);
		        
		        /* optionsPassed is a fix for pages using the same class for each
		           floating box - we should be using a different class or identifier
		           for each */
		        if (this.options.width != undefined && this.options.width != '')
		        {
		            this.fBox.style.width= this.options.width + 'px';
		        }
		        if (this.options.left != undefined && this.options.left != '')
		        {
		            this.fBox.style.left= this.options.left + 'px';
		            this.optionsPassed = true;
		        }
		        if (this.options.top != undefined && this.options.top != '')
		        {
		            this.fBox.style.top= this.options.top + 'px';
		            this.optionsPassed = true;
		        }
		        this.links.each(function(el, i){
		            
		            el.addEvent('click', this.openB.bind(this, i) );
		            },this );

		},
		
		openB: function(el){
		     var name = this.inputs[el].getAttribute('value').split('::');

		     $E('#'+this.fBox.id + ' h1').innerHTML = name[0];
		     $E('#'+this.fBox.id + ' .descriptionContent').innerHTML = name[1];
		     open_helper(this.fBox, this.links[el], this.optionsPassed);		   		
		}						
});