/*

Required JS for the SAP Homepage
Created: 11.19.09 - VS
Last Edited: 03-30-10 - VS (making the new cookbook method / innerXhtml / Calls v2.swf)
07.06.10 - added $('#newSearchBox img').css({'display' : 'block'}); to fix the HTML search button bleed issue.
10.29.10 - adjusted to prevent flash with Droid phones.

*/



var randVar = Math.floor(Math.random() * 900001);
var theXHTMLloc = location.href;
var theCONFIGSloc = '/global/data/media_player_configs.xml';
var panelData_1 = "";
var panelData_2 = "";
var panelData_3 = "";
var panelData_4 = "";
var thePanelNumber = 0;
var theNewX;
var isPanelExpanded;

function getAltXml() {
	
	isAndroid = navigator.userAgent.match(/Android/i)  != null;
	
	if (isAndroid) {
		
		swf2 = getLayer("flashcontent");
		swf2.className = "div.visible";
		
	} else {
	
		hp_xHTML_data = innerXHTML(getLayer('flashData'));
		hp_xHTML_data = encodeURIComponent(hp_xHTML_data);
		
		//document.mobjForm.somemoredata.value = hp_xHTML_data;
		//<textarea name="somemoredata" id="somemoredata" cols="45" rows="5"></textarea>
		
		
		panelData_1 = getLayer('panel_1').innerHTML;
		panelData_2 = getLayer('panel_2').innerHTML;
		panelData_3 = getLayer('panel_3').innerHTML;
		panelData_4 = getLayer('panel_4').innerHTML;
		savedSearchDiv = getLayer('Search').innerHTML;
		isPanelExpanded = false;
		
		
		
		var flashvars = {
			flashObjectName: "homePage_Expander",
			lc_number: totalMiliSeconds
		};
		var params = {
			swfliveconnect: "true",
			scale: "noscale",
			wmode: "transparent"
		};
		var attributes = {
			id: "homePage_Expander",
			name: "homePage_Expander"
		};
		if (qsParm['pageview'] != 'print') {
			swfobject.embedSWF("/global/swf/homePage_09_Expander.swf?randVar=" + randVar, "flashcontent2", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes)
		}
		
		var flashvars = {
			configs_path: theCONFIGSloc,
			content_path: theXHTMLloc,
			hp_xHTML_data: hp_xHTML_data,
			flashObjectName: "homePage_09_BaseFlash",
			lc_number: totalMiliSeconds
		};
		var params = {
			swfliveconnect: "true",
			scale: "noscale",
			wmode: "transparent"
		};
		var attributes = {
			id: "homePage_09_BaseFlash",
			name: "homePage_09_BaseFlash"
		};
		if (qsParm['pageview'] != 'print') {
			swfobject.embedSWF("/global/swf/homePage_09_BaseFlash-v2.swf?randVar=" + randVar, "flashcontent", "940", "455", "9.0.0", "expressInstall.swf", flashvars, params, attributes)
		}
		
		
		var anc = getLayer("flashSpace");
		if (anc != null) {
			var swf = getLayer("flashcontent");
			if (swf != null) {
				swf.className = "div.visible"
			} else {}
		} else {}
		
		
		//alert('SWF object created...');
	
	}
}

function expandPanel(panelNumber, theX) {
	thePanelNumber = panelNumber;
	theNewX = theX;
	theDATAfunction(eval("panelData_" + panelNumber))
}

function theDATAfunction(theDATA) {
	theLayerCode = "";
	theLayerCode += '<table width="450" height="455" border="0" cellpadding="0" cellspacing="0"><tr><td valign="middle">';
	theLayerCode += theDATA;
	theLayerCode += '</td></tr></table>';
	var myElement = document.createElement('div');
	myElement.id = "expandedPanel";
	myElement.innerHTML = theLayerCode;
	document.getElementsByTagName('body').item(0).appendChild(myElement);
	var fLayer = getLayer('expandedPanel');
	fLayer.style.top = 92 + "px";
	fLayer.style.left = theNewX + "px";
	var fLayer = getLayer('panel_' + thePanelNumber);
	fLayer.style.visibility = "visible";
	fLayer.style.display = "block"
}

function removeExpandedPanel() {
	var swfDiv = getLayer('expandedPanel');
	document.getElementsByTagName('body').item(0).removeChild(swfDiv)
}

function repositionExpandedPanel(fromTheLeft) {
	var fLayer = getLayer('expandedPanel');
	fLayer.style.left = fromTheLeft + "px"
}

function ffOnly() {}

function openPopup(url1, url2) {
	my_window= window.open (url1, "newwin","status=1,location=1,scrollbars=1,resizable=1,toolbar=1,menubar=1,width=1024,height=868");
	window.location=url2;
}

function useHTMLsearch() {
	//HTML search box for Asian characters
	var mySElement = document.createElement('div');
	mySElement.id = "newSearchBox";
	mySElement.innerHTML = savedSearchDiv;
	getLayer('flashSpace').parentNode.appendChild(mySElement);
	
	var fLayer = getLayer('newSearchBox');
	fLayer.style.position = "relative";
	fLayer.style.top = -435 + "px";
	fLayer.style.left = 15 + "px";
	fLayer.style.height = 0 + "px";

	//Fix the blue bleed on the button
	$('#newSearchBox img').css({'display' : 'block'});
}


function winResizeFunc() {
	if (isPanelExpanded == true) {
		grayOut('flashSpace2');
	}
}





/*
Written by Steve Tucker, 2006, http://www.stevetucker.co.uk
Full documentation can be found at http://www.stevetucker.co.uk/page-innerxhtml.php
Released under the Creative Commons Attribution-Share Alike 3.0  License, http://creativecommons.org/licenses/by-sa/3.0/

Change Log
----------
15/10/2006	v0.3	innerXHTML official release.
21/03/2007	v0.4	1. Third argument $appendage added (Steve Tucker & Stef Dawson, www.stefdawson.com)
			2. $source argument accepts string ID (Stef Dawson)
			3. IE6 'on' functions work (Stef Dawson & Steve Tucker)
*/
innerXHTML = function($source,$string,$appendage) {
	// (v0.4) Written 2006 by Steve Tucker, http://www.stevetucker.co.uk
	if (typeof($source) == 'string') $source = document.getElementById($source);
	if (!($source.nodeType == 1)) return false;
	var $children = $source.childNodes;
	var $xhtml = '';
	if (!$string) {
		for (var $i=0; $i<$children.length; $i++) {
			if ($children[$i].nodeType == 3) {
				var $text_content = $children[$i].nodeValue;
				$text_content = $text_content.replace(/</g,'&lt;');
				$text_content = $text_content.replace(/>/g,'&gt;');
				$xhtml += $text_content;
			}
			else if ($children[$i].nodeType == 8) {
				$xhtml += '<!--'+$children[$i].nodeValue+'-->';
			}
			else {
				$xhtml += '<'+$children[$i].nodeName.toLowerCase();
				var $attributes = $children[$i].attributes;
 				for (var $j=0; $j<$attributes.length; $j++) {
					var $attName = $attributes[$j].nodeName.toLowerCase();
					var $attValue = $attributes[$j].nodeValue;
					if ($attName == 'style' && $children[$i].style.cssText) {
						$xhtml += ' style="'+$children[$i].style.cssText.toLowerCase()+'"';
					}
					else if ($attValue && $attName != 'contenteditable') {
						$xhtml += ' '+$attName+'="'+$attValue+'"';
					}
				}
				$xhtml += '>'+innerXHTML($children[$i]);
				$xhtml += '</'+$children[$i].nodeName.toLowerCase()+'>';
			}
		}
	}
	else {
		if (!$appendage) {
			while ($children.length>0) {
				$source.removeChild($children[0]);
			}
			$appendage = false;
		}
		$xhtml = $string;
		while ($string) {
			var $returned = translateXHTML($string);
			var $elements = $returned[0];
			$string = $returned[1];
			if ($elements) {
				if (typeof($appendage) == 'string') $appendage = document.getElementById($appendage);
				if (!($appendage.nodeType == 1)) $source.appendChild($elements);
				else $source.insertBefore($elements,$appendage);
			}
		}
	}
	return $xhtml;
}
function translateXHTML($string) {
	var $match = /^<\/[a-z0-9]{1,}>/i.test($string);
	if ($match) {
		var $return = Array;
		$return[0] = false;
		$return[1] = $string.replace(/^<\/[a-z0-9]{1,}>/i,'');
		return $return;
	}
	$match = /^<[a-z]{1,}/i.test($string);
	if ($match) {
		$string = $string.replace(/^</,'');
		var $element = $string.match(/[a-z0-9]{1,}/i);
		if ($element) {
			var $new_element = document.createElement($element[0]);
			$string = $string.replace(/[a-z0-9]{1,}/i,'');
			var $attribute = true;
			while ($attribute) {
				$string = $string.replace(/^\s{1,}/,'');
				$attribute = $string.match(/^[a-z1-9_-]{1,}="[^"]{0,}"/i);
				if ($attribute) {
					$attribute = $attribute[0];
					$string = $string.replace(/^[a-z1-9_-]{1,}="[^"]{0,}"/i,'');
					var $attName = $attribute.match(/^[a-z1-9_-]{1,}/i);
					$attribute = $attribute.replace(/^[a-z1-9_-]{1,}="/i,'');
					$attribute = $attribute.replace(/;{0,1}"$/,'');
					if ($attribute) {
						var $attValue = $attribute;
						if ($attName == 'value') $new_element.value = $attValue;
						else if ($attName == 'class') $new_element.className = $attValue;
						else if ($attName == 'style') {
							var $style = $attValue.split(';');
							for (var $i=0; $i<$style.length; $i++) {
								var $this_style = $style[$i].split(':');
								$this_style[0] = $this_style[0].toLowerCase().replace(/(^\s{0,})|(\s{0,1}$)/,'');
								$this_style[1] = $this_style[1].toLowerCase().replace(/(^\s{0,})|(\s{0,1}$)/,'');
								if (/-{1,}/g.test($this_style[0])) {
									var $this_style_words = $this_style[0].split(/-/g);
									$this_style[0] = '';
									for (var $j=0; $j<$this_style_words.length; $j++) {
										if ($j==0) {
											$this_style[0] = $this_style_words[0];
											continue;
										}
										var $first_letter = $this_style_words[$j].toUpperCase().match(/^[a-z]{1,1}/i);
										$this_style[0] += $first_letter+$this_style_words[$j].replace(/^[a-z]{1,1}/,'');
									}
								}
								$new_element.style[$this_style[0]] = $this_style[1];
							}
						}
						else if (/^on/.test($attName)) $new_element[$attName] = function() { eval($attValue) };
						else $new_element.setAttribute($attName,$attValue);
					}
					else $attribute = true;
				}
			}
			$match = /^>/.test($string);
			if ($match) {
				$string = $string.replace(/^>/,'');
				var $child = true;
				while ($child) {
					var $returned = translateXHTML($string,false);
					$child = $returned[0];
					if ($child) $new_element.appendChild($child);
					$string = $returned[1];
				}
			}
			$string = $string.replace(/^\/>/,'');
		}
	}
	$match = /^[^<>]{1,}/i.test($string);
	if ($match && !$new_element) {
		var $text_content = $string.match(/^[^<>]{1,}/i)[0];
		$text_content = $text_content.replace(/&lt;/g,'<');
		$text_content = $text_content.replace(/&gt;/g,'>');
		var $new_element = document.createTextNode($text_content);
		$string = $string.replace(/^[^<>]{1,}/i,'');
	}
	$match = /^<!--[^<>]{1,}-->/i.test($string);
	if ($match && !$new_element) {
		if (document.createComment) {
			$string = $string.replace(/^<!--/i,'');
			var $text_content = $string.match(/^[^<>]{0,}-->{1,}/i);
			$text_content = $text_content[0].replace(/-->{1,1}$/,'');			
			var $new_element = document.createComment($text_content);
			$string = $string.replace(/^[^<>]{1,}-->/i,'');
		}
		else $string = $string.replace(/^<!--[^<>]{1,}-->/i,'');
	}
	var $return = Array;
	$return[0] = $new_element;
	$return[1] = $string;
	return $return;
}



window.onload=getAltXml;
window.onunload=ffOnly;
window.onresize=winResizeFunc;