// browser detection

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: "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"
		}
	]

};
BrowserDetect.init();

if (BrowserDetect.browser == "Explorer" && BrowserDetect.version < 6)
{
  checkBrowserCookie();
}
else if (BrowserDetect.browser == "Netscape" && BrowserDetect.version < 6)
{
  checkBrowserCookie();
}
else
{
  // must be ok 
}

function checkBrowserCookie() {
  if (Cookie.get("upgradeBrowser") != "Y") {
    Cookie.set("upgradeBrowser","N");	     
    document.location="upgrade_browser.jsp";
  }
}

function popup(theUrl,winName,features)
{
window.open(theUrl,winName,features);
void 0;
}

function printThis(pageToPrint)
{
window.open(pageToPrint,'printPop','width=620,height=500,toolbar=no,status=no,scrollbars=yes,resizable=no,location=no');
void 0;
}

function openInfoBox(theBoxToOpen)
{
document.getElementById(theBoxToOpen).style.display='block';
void(0);
}

function closeInfoBox(theBoxToOpen)
{
document.getElementById(theBoxToOpen).style.display='none';
void(0);
}
				
function shippingAddressSelect()
{

	var x=document.getElementById("shippingOptions");
	var theValueINeed = x.options[x.selectedIndex].value;
	
	if(theValueINeed == '@')
	{
	
	}
	else
	{
		document.location.href=theValueINeed;
	}

}
				
function paymentTypeSelect()
{

	var x=document.getElementById("paymentOptions");
	var theValueINeed = x.options[x.selectedIndex].value;
	var theCurrentValue = "creditCardArea";
	
	if(theValueINeed == '@')
	{
		document.getElementById(theCurrentValue).style.display='none';
	}
	else
	{
		document.getElementById(theValueINeed).style.display='block';
		theCurrentValue = theValueINeed;
	}

}

/*	assign AJAX behaviors  */
var mdl;
var duffCoords;
window.addEvent('domready', function() {

	//--------------------------

	$$('.findReplacementLink').addEvent('click',function() {
//		$('pleaseWaitThrobber').setStyle('display','none');
		mdl = new Modalizer().modalShow({
			'hideOnClick': false,
			'width': '100%',
			'modalStyle': {
				'opacity':.40,
				'background-color':'#000000'
			}
		});

		backorderId = this.id.split('_');
		var query = this.rel.split('|||');
		new Ajax('/checkout_replacement.jsp', {
			method: 'post',						//-- POST highly recommended - IE is "sticky" with AJAX GET's
			data: 'item_id='+backorderId[1]+'&basketItem='+query[0]+'&quantity='+query[1],	//- querystring values - input for backorder "popup" generation
			update: $('findReplacementContainer'),
			onComplete: function() {
				$$('.closeModal').addEvent('click',function() {
					$('findReplacementContainer').setStyle('display','none');
					mdl.modalHide();
				});
				sethtml('findReplacementContainer', $('findReplacementContainer').innerHTML);
				//eval(sethtml('findReplacementContainer', $('findReplacementContainer').innerHTML));
        //eval($('findReplacementContainer').innerHTML);				
				$('findReplacementContainer').setStyle('display','block');				
			}
		}).request();
	});

	//--------------------------

	$$('.permissionsChangeRequest').addEvent('click',function() {
		mdl = new Modalizer().modalShow({
			'hideOnClick': false,
			'width': '100%',
			'modalStyle': {
				'opacity':.40,
				'background-color':'#000000'
			}
		});
		
    var query = this.rel.split('|||');
		new Ajax('/emailPopupBox.jsp', {
			method: 'post',
			update: $('permissionsChangeContainer'),
			data: 'name='+query[0]+'&email='+query[1]+'&user='+query[2]+'&userEmail='+query[3],
			onComplete: function() {
				$$('.closeModal').addEvent('click',function() {
					$('permissionsChangeContainer').setStyle('display','none');
					mdl.modalHide();
				});
				$('permissionsChangeContainer').setStyle('display','block');
			}
		}).request();
	});

	//--------------------------

	$$('.orderHistoryModal').addEvent('click',function() {
		mdl = new Modalizer().modalShow({
			'hideOnClick': false,
			'width': '100%',
			'modalStyle': {
				'opacity':.40,
				'background-color':'#000000'
			}
		});

    orderNumber = this.id.split('_');
		new Ajax('/externalOrderDetail.jsp', {
			method: 'post',
			update: $('orderHistoryContainer'),
			data: 'orderNumber='+orderNumber[1],	//- querystring values - input for backorder "popup" generation
			onComplete: function() {
				$$('.closeModal').addEvent('click',function() {
					$('orderHistoryContainer').setStyle('display','none');
					mdl.modalHide();
				});
				$('orderHistoryContainer').setStyle('display','block');
			}
		}).request();
	});

	//--------------------------

	$$('.bvAddToCart').addEvent('click',function() {	  
	  catalogItemId = this.id.split('_');
		if(cartConfigOption != 'Y' && cartConfigOption != 'y' && cartConfigOption != 'YES' && cartConfigOption != 'yes') {
			//-- do modal popover
			mdl = new Modalizer().modalShow({
				'hideOnClick': false,
				'width': '100%',
				'modalStyle': {
					'opacity':.40,
					'background-color':'#000000'
				}
			});			
			parentCoords = this.getCoordinates();
			var el = new Element('div', {
				'id': 'addItemPopover_'+catalogItemId[1],
			    'class': 'addModal'
			});
			el.injectInside(document.body);
	    formId = this.id.split('button');
	    var query = $('form'+formId[1]).elements;        
      var queryString = "";
      for (var i = 0; i < $('form'+formId[1]).length; i++) {
        if (i > 0) {queryString+="&"}
        queryString += query[i].name + "=" + query[i].value;
      }			
			new Ajax('/itemsProc.jsp', {
				method: 'post',						//-- POST highly recommended - IE is "sticky" with AJAX GET's
				data: queryString,	//- querystring values - input for backorder "popup" generation
				update: el,
				onComplete: function() {
      	  if (Cookie.get("pRLN") == "Y") {
            Cookie.set("pRLN","N");	 
            document.location.reload();
            return;  
      	  }				
					el.setStyles({
							'top': (parentCoords.top-el.offsetHeight)+'px',
							'left': (parentCoords.right-el.offsetWidth)+'px'
					});

  				new Ajax('setFreeShippingMessageAjax.jsp', {
  				  method: 'post',
  				  update: $('cartArea'),
      			data: 'update=true',	//- querystring values - input for backorder "popup" generation
      			onComplete: function() {
              var complete = "true";
      			}			  
  				}).request();
    				
					$$('.bvAddToCartTipPrefClick').addEvent('click',function() {
						if(this.checked) {
						  new Ajax('cartConfigOptionAJax.jsp', {
      				  method: 'post',
          			data: 'update=true',	//- querystring values - input for backorder "popup" generation
          			onComplete: function() {
						      $('addItemPopover_'+catalogItemId[1]).remove();
						      mdl.modalHide();          			
                  document.location.reload();    							  
						    }
						  }).request();
							//Cookie.set('ADD_TO_CART_HINT_PREFERENCE', 'tip', {duration: 0});
						} else {
							//Cookie.set('ADD_TO_CART_HINT_PREFERENCE', 'popover', {duration: 0});
						} // if..else
					});
					
					$$('.closeModal').addEvent('click',function() {
						$('addItemPopover_'+catalogItemId[1]).remove();
						mdl.modalHide();
					});
				}
			}).request();
		} else {
			//-- do animated hint

			//-- any CSS changes should be reflected here
			var hintWidth = 103;
			var hintTopPadding = 3;
			var hintLeftPadding = 5;
			var hintRightPadding = 5;
			var cartIconWidth = 25;
			var cartIconHeight = 20;

			//-- do AJAX add to cart and return items added
			parentCoords = this.getCoordinates();	
			var el = new Element('div', {
			    'styles': {
					'top': (parentCoords.top-hintTopPadding)+'px',
					'left': (parentCoords.right-hintWidth-cartIconWidth-hintRightPadding-hintLeftPadding)+'px',
			        'height': '0px'
			    },
			    'class': 'itemAddedHintBox'
			}).setHTML('Adding...');
			el.injectInside(document.body);

			var hintFx = new Fx.Styles(el, {duration: 500, transition: Fx.Transitions.linear});
			hintFx.start({'height': [0,cartIconHeight-hintTopPadding], 'top': [parentCoords.top-hintTopPadding,parentCoords.top-cartIconHeight]} ).chain(function(){
				//catalogItemId = this.id.split('_');
				//new Ajax('/_ws/additemstocart.html', {
		    formId = this.id.split('button');
		    var query = $('form'+formId[1]).elements;        
        var queryString = "";
        for (var i = 0; i < $('form'+formId[1]).length; i++) {
          if (i > 0) {queryString+="&"}
          queryString += query[i].name + "=" + query[i].value;
        } 				
				new Ajax('/itemsProc.jsp', {
					method: 'post',						//-- POST highly recommended - IE is "sticky" with AJAX GET's
					//data: 'item_id='+catalogItemId[1],	//- querystring values - input for addItemsToCart Web Service
					data: queryString,
					onComplete: function(responseText){
        	  if (Cookie.get("pRLN") == "Y") {
              Cookie.set("pRLN","N");	 
              document.location.reload();
              return;  
        	  }					
						itemsAdded = responseText;		//- just to make it clear what the AJAX request is returning in responseText
						hintFx.start({}).chain(function(){
							el.setHTML('('+itemsAdded+') Items Added');
							hintFx.start.delay(1000, this,{'opacity': [1,0]});
						}).chain(function(){
							el.remove();
						});
    				new Ajax('setFreeShippingMessageAjax.jsp', {
    				  method: 'post',
    				  update: $('cartArea'),
        			data: 'update=true',	//- querystring values - input for backorder "popup" generation
        			onComplete: function() {
                var complete = "true";
                if (Cookie.get("mQLR") == "Y") {
            			mdl = new Modalizer().modalShow({
            				'hideOnClick': false,
            				'width': '100%',
            				'modalStyle': {
            					'opacity':.40,
            					'background-color':'#000000'
            				}
            			});               			
            			var el = new Element('div', {
            				'id': 'addItemPopover_'+catalogItemId[1],
            			    'class': 'addModal'
            			});
            			el.injectInside(document.body); 
        					el.setStyles({
        							'top': (parentCoords.top-el.offsetHeight)+'px',
        							'left': (parentCoords.right-el.offsetWidth)+'px'
        					});            			
            			var insideString = "<h3>We're sorry we could not process your request.</h3>";
            			insideString+="<div style=\"font-size: 11px; font-family: helvetica,sans-serif;\"><p>Only 10 Merchandising Support materials can be added to an order. Remove items from the cart to continue.</div></p>";
            			insideString+="<div class=\"buttons\">";
            			insideString+="<input class=\"greenButton\" type=\"button\" id=\"catalogid_22\" value=\"View Cart\" onclick=\"document.location.href='/checkout.jsp'\" style=\"float: right; margin-left: 10px;\" />";
            			insideString+="<input class=\"greenButton\" type=\"button\" id=\"catalogid_22\" value=\"Close\" onclick=\"document.location.reload()\" style=\"float: right;\" />";
            			insideString+="</div>";            			
                  el.innerHTML = insideString;
                  Cookie.set("mQLR","N");                              
                }
        			}			  
    				}).request();						
					}
				}).request();				
			}.bind(this));
		} // if..else
	});

	//--------------------------

	$$('.bvAddTenMore').addEvent('click',function() {
		parentTable = this.parentNode.parentNode.parentNode.parentNode; //--(a)->td->tr->tfoot->table
		//count = $ES('tbody tr',parentTable).length * 2 - 2;
		count = $('totalOrderCountFields').value;
    var fieldNumber = document.quickForm.totalOrderCountFields.value*1;
    var newCount = fieldNumber + 10;
    document.quickForm.totalOrderCountFields.value = newCount;		
		var newRows = Array();
		for(i=0;i<5;i++) {			
			newRows[i] = new Element('tr');
			new Element('input', {
                              'id': 'productNum_'+count,
			    'type': 'text',
			    'name': 'item_'+count,
			    'value': '',
			    'size': '22',
          'events': {
            'change': function() {
              trimNumber(this);
            }
          }
			}).injectInside(new Element('td').injectInside(newRows[i]));
			new Element('input', {
			    'type': 'text',
			    'name': 'quantity_'+count,
			    'value': '',
			    'size': '6'
			}).injectInside(new Element('td',{'class':'mid'}).injectInside(newRows[i]));
			count++;
			new Element('input', {
                              'id': 'productNum_'+count,
			    'type': 'text',
			    'name': 'item_'+count,
			    'value': '',
			    'size': '22',
          'events': {
            'change': function() {
              trimNumber(this);
            }
          }
			}).injectInside(new Element('td').injectInside(newRows[i]));
			new Element('input', {
			    'type': 'text',
			    'name': 'quantity_'+count,
			    'value': '',
			    'size': '6'
			}).injectInside(new Element('td').injectInside(newRows[i]));
			newRows[i].injectInside($E('tbody',parentTable));
			count++;
		} // for

		var rowFx = new Fx.Elements(newRows, {duration: 1000, transition: Fx.Transitions.linear});
		rowFx.start({
		    '0': { 'backgroundColor': ['#FFFD66','#FFFFFF'] },
		    '1': { 'backgroundColor': ['#FFFD66','#FFFFFF'] },
		    '2': { 'backgroundColor': ['#FFFD66','#FFFFFF'] },
		    '3': { 'backgroundColor': ['#FFFD66','#FFFFFF'] },
		    '4': { 'backgroundColor': ['#FFFD66','#FFFFFF'] }
		});
	});

	//--------------------------

	$$('.bvQuickAdd').addEvent('click',function() {
		mdl = new Modalizer().modalShow({
			'hideOnClick': false,
			'width': '100%',
			'modalStyle': {
				'opacity':.40,
				'background-color':'#000000'
			}
		});
		$('pleaseWaitThrobber').style.display="block";
	});
	
  /*
    Login Box
  */
  if ($('loginSuccessArea') != null) {
  /*
    (function(){
      var anFxLS = new Fx.Style($('loginSuccessArea'), 'opacity').start(1,0);
      anFxLS.onComplete = function(){$('loginSuccessArea').style.display='none';};    
    }).delay(3000);
  */
  }	

	//--------------------------
	
	/*
    Duff video viewer
	*/
	
  var menuEncapsulationDiv = $$('.menuEncapsulationDiv');
  var playerDiv = $$('.playerDiv')[0];
  if (menuEncapsulationDiv != null && playerDiv != null) {
    var menuDiv = menuEncapsulationDiv.getElement('.menuDiv');
    if (menuDiv != null) {
      var theThumbs = menuDiv.getElements('.thumb');
      if (theThumbs != null) {
        var theWidth = 0;
        theThumbs.each(function(aThumb) {
          aThumb.each(function(aDiv, index, theArray) {
            theWidth += aDiv.getCoordinates().width;
            aDiv.getElement('a').addEvent('click', function(event) {
              event = new Event(event).stop();
              new Ajax('/content.jsp?template=small&pageCode=duffVideos&index='+(theArray.length - 1 - index), {
            		method: 'post',
            		update: playerDiv,
            		nocache: true
            	}).request();
            	aThumb.each(function(someDiv, index) {
                someDiv.getElement('img').setStyle('border-color', '#000');
            	});
            	aDiv.getElement('img').setStyle('border-color', '#390');
            });
          });
        });
        menuDiv.setStyle('width', theWidth);
      }
    }
  }
  
  /*
    Duff Contest
  */
  var dufftableContest = $$('.dufftableContest');
  if (dufftableContest != null) {
    var thumbs = dufftableContest.getElement('.thumbs');
    try {
      if (thumbs != null) {
        var images = thumbs.getElements('img');
        if (images != null) {
          images.each(function(anImage) {
            anImage.each(function(theImage) {
              theImage.addEvent('click', function() {
                var path = theImage.src;
                var loc = path.lastIndexOf('/');
                var name = path.substring(loc+1, path.length);
                var path = path.substring(0, loc) + '/large/large_' + name;
                var divPopup = $('duffContentPopupDiv');
                if (divPopup == null) {
                  divPopup = new Element('div', {
                    'styles': {
                      'background-color': '#000',
                      'padding': '10px',
                      'position': 'absolute',
                      'z-index': '1000',
                      'opacity': '0'
                    },
                    'class': 'popupDiv',
                    'id': 'duffContentPopupDiv'
                  }).injectInside(thumbs[0]);
                  var someImage = new Element('img', {
                    'src': path,
                    'alt': '',
                    'events': {
                      'click': function(event) {
                        var anFx1 = new Fx.Style(divPopup, 'opacity').start(1,0);
                        anFx1.onComplete = function(){divPopup.style.display='none'};
                      },
                      'load': function(event) {

                        var imgPos = duffCoords;//theImage.getCoordinates();
                        var winScrollHeight = Window.getScrollHeight();
                        var winHeight = Window.getScrollHeight();
                        var posTop = imgPos.top;
                        if (posTop + divPopup.getCoordinates().height > winHeight) {
                          posTop = imgPos.top + imgPos.height - divPopup.getCoordinates().height;
                        }
                        divPopup.setStyles({
                          'top': posTop,
                          'left': imgPos.left
                        });
                        new Fx.Style(divPopup, 'opacity').start(0,1);

                      }
                    }
                  }).injectInside(divPopup);
                  new Drag.Move(divPopup);
                } else {
                  divPopup.getElement('img').src = path;
                }
                divPopup.setStyle('opacity', 0);
                duffCoords = theImage.getCoordinates();

              });
            });
          });
          var query = location.search;
          if (query != null && query.length > 0) {
            var nvPairs = query.split('&');
            for (var ii = 0; nvPairs.length; ii++) {
              var nvs = nvPairs[ii].split('=');
              if (nvs[0] == 'goto' || nvs[0] == '?goto') {
                images.each(function(anImage) {
                  anImage.each(function(theImage, index) {
                    if (index == nvs[1]) {
                      theImage.fireEvent('click');
                    }
                  });
                });
              }
            }
          }
        }
      }
    } catch (e) {
    
    }
  }
  
  /*
   * Cupcake Code Start
  */
  
  var cupcakeOfTheMonth = $$('.cupcakeOfTheMonth');
  if (cupcakeOfTheMonth != null && cupcakeOfTheMonth.length > 0) {
  	var thumbs = cupcakeOfTheMonth[0].getElements('.thumb');
  	var maxHeight = 0;
  	var maxImageHeight = 0;
  	var cols = 5;
  	thumbs.each(function(aThumb, index) {
  		if (!aThumb.hasClass('notAvailable')) {
  			aThumb.addEvent('click', function(event) {
  				event = new Event(event).stop();
  				showVideo('cupcakeVideosPopup', aThumb.getElement('a').rel);
  			});
  		}
  		var height = aThumb.getCoordinates().height;
  		if (maxHeight < height) {
  			maxHeight = height;
  		}
  		var imageHeight = aThumb.getElement('img').getCoordinates().height;
  		if (maxImageHeight < imageHeight) {
  			maxImageHeight = imageHeight;
  		}
  	});
  	thumbs.setStyle('height', maxHeight + 'px');
  	thumbs.each(function(aThumb) {
  		var img = aThumb.getElement('img'); 
  		img.setStyle('margin-bottom', maxImageHeight - img.getCoordinates().height + 'px');
  	});
  }
  
  var cupcakeTips = $$('.cupcakeTipsContent');
  if (cupcakeTips != null && cupcakeTips.length > 0) {
  	var thumbs = cupcakeTips[0].getElements('.thumb');
  	var maxHeight = 0;
  	var maxImageHeight = 0;
  	thumbs.each(function(aThumb, index) {
  		var height = aThumb.getCoordinates().height;
  		if (maxHeight < height) {
  			maxHeight = height;
  		}
  		var imageHeight = aThumb.getElement('img').getCoordinates().height;
  		if (maxImageHeight < imageHeight) {
  			maxImageHeight = imageHeight;
  		}  		
  	});  	
  	thumbs.each(function(aThumb) {
  		var img = aThumb.getElement('img'); 
  		img.setStyle('margin-bottom', maxImageHeight - img.getCoordinates().height + 'px');
  	});
  	thumbs.each(function(aThumb, index) {
  		if (!aThumb.hasClass('notAvailable')) {
  			aThumb.addEvent('click', function(event) {
  				event = new Event(event).stop();
  				showVideo('cupcakeTipsPopup', aThumb.getElement('a').rel);
  			});
  		}
  		var height = aThumb.getCoordinates().height;
  		if (maxHeight < height) {
  			maxHeight = height;
  		}
  		var imageHeight = aThumb.getElement('img').getCoordinates().height;
  		if (maxImageHeight < imageHeight) {
  			maxImageHeight = imageHeight;
  		}  		
  	});
  	thumbs.setStyle('height', maxHeight + 'px');
  	cupcakeTips.getElement('.cupcakeVideoDiv').setStyle('height', (thumbs[0].getCoordinates().height + thumbs[0].getStyle('margin-top').toInt() + thumbs[0].getStyle('margin-bottom').toInt()) + 'px');
  }
  //checkForVideoNow();
  
  if ((location.search.indexOf('pageCode=cupcakeVideosPopup') > 0 || location.search.indexOf('pageCode=cupcakeTipsPopup') > 0) && location.search.indexOf('print=') > 0) {
  	var theFlash = $('content').getElement('object');
  	if (theFlash != null) {
  		$('content').replaceChild(new Element('div'), theFlash);
  	}
  }
  
  /*
   * Cupcake Code End
  */
	
}); // ondomready

// Cupcake code
function showVideo(aType, anIndex) {
	var theType = aType;
	var theIndex = anIndex;
	var videoDHTMLDiv = $('videoDHTMLDiv');
	if (videoDHTMLDiv.eventAdded == null) {
		videoDHTMLDiv.eventAdded = true;
		videoDHTMLDiv.getElement('.close').addEvent('click', function() {
			videoDHTMLDiv.setStyle('display', 'none');
			videoDHTMLDiv.getElement('.videoContent').innerHTML = '';
			mdl.modalHide();			
		});		
	}
	videoDHTMLDiv.getElement('.print').removeEvents('click');
	videoDHTMLDiv.getElement('.print').addEvent('click', function(event) {	
		printFunction(event);
	});
	function printFunction(event) {
		event = new Event(event).stop();
		window.open('/content.jsp?print=&pageCode='+theType+'&acc=1&sequence='+theIndex, '_blank');
	}
	disablePage();
	videoDHTMLDiv.setStyles({
		'display': 'block',
		'visibility': 'hidden'
	});
	new Ajax('/content.jsp?template=small&pageCode='+aType+'&Type&sequence='+anIndex, {
		method: 'post',
		update: videoDHTMLDiv.getElement('.videoContent'),
		nocache: true,
		onComplete: function() {
		  var windowWidth = 0, windowHeight = 0;
		  if( typeof( window.innerWidth ) == 'number' ) {
		    //Non-IE
		    windowWidth = window.innerWidth;
		    windowHeight = window.innerHeight;
		  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		    //IE 6+ in 'standards compliant mode'
		  	windowWidth = document.documentElement.clientWidth;
		  	windowHeight = document.documentElement.clientHeight;
		  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		    //IE 4 compatible
		  	windowWidth = document.body.clientWidth;
		  	windowHeight = document.body.clientHeight;
		  }
		  
			var bodyElement = $$('body')[0];
			var y0 = 0;
			
			if (window.pageYOffset != null) {
				y0 += window.pageYOffset;
			} else if (document.documentElement.scrollTop != null) {
				y0 += document.documentElement.scrollTop;
			} else {
				y0 += document.body.scrollTop;
			}  		
			
			var vSize = videoDHTMLDiv.getSize();
			var y1 = vSize.size.y;
			var top = y0;
			if (windowHeight - y1 > 0) {
				top += (windowHeight - y1) / 2;
			}
			
			var x0 = 0;
			
			if (window.pageXOffset != null) {
				x0 += window.pageXOffset;
			} else if (document.documentElement.scrollLeft != null) {
				x0 += document.documentElement.scrollLeft;
			} else {
				x0 += document.body.scrollLeft;
			}
			
			var x1 = vSize.size.x;
			var left = x0 + (windowWidth - x1) / 2;
			
			videoDHTMLDiv.setStyles({
				'top': top + 'px',
				'left': left + 'px'
			});
			videoDHTMLDiv.setStyle('visibility', 'visible');
		}
	}).request();
}

function openInfoBox2(theBoxToOpen)
{
  var e = document.getElementById(theBoxToOpen); 
  e.style.display='block';
  void(0);
}

/*
I Boxes
*/
function openInfoBox3(theBoxToOpen, code) {
	var e = document.getElementById(theBoxToOpen);
	var anFx1 = e.anFx1;
	if (anFx1 == null) {
		anFx1 = new Fx.Style(theBoxToOpen, 'opacity');
		e.anFx1 = anFx1;
		e.opening = true;
	}
	anFx1.stop();
	e.innerHTML=standardMessages[code];
	e.style.display='block';
	anFx1.start(0,1);           
}
function closeInfoBox3(theBoxToOpen) {
	var e = document.getElementById(theBoxToOpen);
	e.anFx1.stop();
	e.anFx1.start(1,0);
	e.anFx1.onComplete = function(){e.style.display='none'};      
}

/*
  Set JS
*/

function sethtml(div,content)
{
    var search = content;
    var script;
         
    while( script = search.match(/(<script[^>]+javascript[^>]+>\s*(<!--)?)/i))
    {
      search = search.substr(search.indexOf(RegExp.$1) + RegExp.$1.length);
      
      if (!(endscript = search.match(/((-->)?\s*<\/script>)/))) break;
      
      block = search.substr(0, search.indexOf(RegExp.$1));
      search = search.substring(block.length + RegExp.$1.length);
      
      var oScript = document.createElement('script');
      oScript.text = block;
      document.getElementsByTagName("head").item(0).appendChild(oScript);
    }
   
    document.getElementById(div).innerHTML=content;
}

/*
  disable page function
*/
function disablePage() {
	mdl = new Modalizer().modalShow({
		'hideOnClick': false,
		'width': '100%',
		'modalStyle': {
			'opacity':.40,
			'background-color':'#000000'
		}
	});
}