var /*HashMap*/ ms_foldingtable_elementsLoaded = new Object();
var /*HashMap*/ ms_foldingtable_maxSize = new Object();
var /*HashMap*/ ms_foldingtable_tdimage = new Object();
var /*HashMap*/ ms_foldingtable_tdclass = new Object();
var /*HashMap*/ ActiveBigID = new Object();
var /*HashMap*/ ActiveID = new Object();
var   ms_foldingtable_automaticRequestsPending = 0;

function /*void*/ ms_foldingtable_handleRequest(status, data, param, type, statusmsg) {
	if(status == AJAXConnector.SUCCID_LOAD && type == AJAXConnector.RESPONSE_TEXT) {
		LOG('foldingtable#ms_foldingtable_handleRequest: status' + status  +' param: '+param +'type: '+type+' statusmsg:'+statusmsg);
		ms_foldingtable_printEntry(param, data);
	}else{
		LOG('foldingtable#ms_foldingtable_handleRequest: No AJAX Request here');
	}
	jQuery('a.tooltip').each(function(){		
		jQuery(this).enableTooltipBehaviour();
	});
}

function /*void*/ ms_foldingtable_handleRequestForAutomaticallyCalledEntries(status, data, param, type, statusmsg) {
	ms_foldingtable_handleRequest(status, data, param, type, statusmsg);
	if (ms_foldingtable_automaticRequestsPending > 0) {
		ms_foldingtable_automaticRequestsPending--;
		if (ms_foldingtable_automaticRequestsPending == 0) {
			
			var hashName = window.location.hash;
			hashName = hashName.replace('#','');
	
			if(hashName != ''){
				var $hashTarget = jQuery("div[name*='"+hashName+"']");
				jQuery(window).scrollTop($hashTarget.offset().top);
				LOG('Scrolltop done for param: '+param);
			}	   
	  	}
	}
}

function /*void*/ ms_foldingtable_toggleTableEntry(/*Event*/ event) {
	// IE saves events within the window object
	if (!event) event = window.event;
	// IE saves the target for this event on different position
	elem = (event.target) ? event.target : event.srcElement;

	// Resolve the correct node, because the user may
	// click on the div, the p, the a or span tag.
	while(elem.nodeName && elem.nodeName.toLowerCase() != "div"){
		elem = elem.parentNode;
	}

	// Get values
	var /*String[]*/ values = elem.id.split("@");
	var /*String*/ elementId = values[0];
	var /*String*/ handle = values[1];
	ms_foldingtable_loadEntryData(elementId, handle);
	ms_foldingtable_doToggle(elementId);
}

function /*void*/ ms_foldingtable_highlightTableEntry(/*Event*/ event) {
	var highlightClassName = 'highlight';
	// IE saves events within the window object
	if (!event) event = window.event;
	// IE saves the target for this event on different position
	elem = (event.target) ? event.target : event.srcElement;

	// Resolve the correct node, because the user may
	// activate on the div, the p, the a or span tag.
	while(elem.nodeName && elem.nodeName.toLowerCase() != "tr"){
		elem = elem.parentNode;
	}
	var classNames = '';
	classNames = elem.className;
	classNames = classNames.split(' ');
	var classExists = false;
	for(var i = 0; i < classNames.length; i++){
		if(classNames[i] == highlightClassName){
			classExists = true;
		}
	}
	if(!classExists){
		classNames.push(highlightClassName);
	}
	
	classNames = classNames.join(" ");
	elem.className = classNames;
}
function /*void*/ ms_foldingtable_unhighlightTableEntry(/*Event*/ event) {
	var highlightClassName = 'highlight';
	// IE saves events within the window object
	if (!event) event = window.event;
	// IE saves the target for this event on different position
	elem = (event.target) ? event.target : event.srcElement;

	// Resolve the correct node, because the user may
	// activate on the div, the p, the a or span tag.
	while(elem.nodeName && elem.nodeName.toLowerCase() != "tr"){
		elem = elem.parentNode;
	}
	var classNames = '';
	classNames = elem.className;
	classNames = classNames.split(' ');
	for(var i = 0; i < classNames.length; i++){
		if(classNames[i] == highlightClassName){
			classNames[i] = '';
		}
	}
	
	classNames = classNames.join(" ");
	elem.className = classNames;
}

function /*void*/ ms_foldingtable_loadEntryData(/*String*/ elementId, /*String*/ handle, /*Boolean*/ automaticallyCalled) {
	// Return, if no handle was given
	if (!handle || handle == "") {
		return;
	}

	// Process Ajax, if element has not been loaded yet
	if (ms_foldingtable_elementsLoaded[elementId] == undefined) {
		var /*AJAXConnector*/ ajaxConnector = new AJAXConnector( );
		if(automaticallyCalled){
			// handle outomitic calls (none user interactions) to control scrolling behavior
			ms_foldingtable_automaticRequestsPending++;
			ajaxConnector.registerDataHandler(ms_foldingtable_handleRequestForAutomaticallyCalledEntries);
		}else{
			// Send Ajax request
			ajaxConnector.registerDataHandler(ms_foldingtable_handleRequest);
		}
		ajaxConnector.setMaxRequestTime(5000);
		ajaxConnector.sendRequest(handle + ".ajaxtemplate.foldingtable_t62_ng.html", "", AJAXConnector.REQUEST_GET, elementId);
	}
}

function /*void*/ ms_foldingtable_printEntry(/*String*/ elementId, /*String*/ data) {
	// Set load flag for this layer 
	ms_foldingtable_elementsLoaded[elementId] = "true";
	
	// Check layer existence
	if (getLayer(elementId) != undefined) {
		// Get layer
		var /*XMLNode*/ div = getLayer(elementId);
	
		// Parse result and extract JavaScript code. This step is necessary
		// to evaluate the JavaScript code in the result document!
		try {
			var /*RegExp*/ pattern = /<script[^>]*>([\w\W]*?)<\/script>/gi;
			var arrFlash = new Array();
			while (result = pattern.exec(data)) {
				if(result[1].indexOf("insertFlash") == -1) {
					eval(result[1]);
				} else {
					arrFlash[arrFlash.length] = result[1];
				}
			}
			
			// Replace JavaScript code in result document
			data = data.replace(pattern, "");
		} catch (e) {
		}
		
		// Put result into DOM structure
		div.innerHTML = data;
		
		//insert flash with innerhHTML
		for(var i = 0; i < arrFlash.length; i++) {
			eval(arrFlash[i]);
		}
		
		embGetFootnoteManager().showFootnotesIn('ms-footnote-dyn', div);
		
		// CR 631: Replace SLT NG Links
		if (typeof(window.msSltLinkRewriter) == "object") {
			window.msSltLinkRewriter.replaceSltLinksStartingFrom(div);
		}
		// T62_NG initialisieren

		$(".tablewithmediaelements", $(div)).each(function(){
			$(this).initMsT62_NG();
		});
	}

}
function /*void*/ ms_foldingtable_doToggle(/*String*/ elementId) {
	if (getLayer(elementId + "TR")) {
		if (getLayer(elementId).style.display == "none"){
			ms_foldingtable_show(elementId);
		}
		else if (getLayer(elementId).style.display == "block"){
			ms_foldingtable_hide(elementId);
		}
	}
}

function ms_foldingtable_show(elementId){
	if (getLayer(elementId + "TR")) {
		if (getLayer(elementId).style.display == "none"){
			var trElement = getLayer(elementId + "TR");

			// inner HTML abspeichern
			ms_foldingtable_tdimage[elementId] = trElement.lastChild.innerHTML;

			// Image TD loeschen
			trElement.removeChild(trElement.lastChild);

			// TD auf colspan 2 stellen
			trElement.firstChild.setAttribute("colSpan", "2");
			ms_foldingtable_tdclass[elementId] = trElement.className;
			trElement.className = "ms-tb3-row-active";
		}
	}

	if (getLayer(elementId)) {
		var /*String*/ style = getLayer(elementId).style;
		if (style.display == "none") {
			style.display = "block";
		}
	}
}
function ms_foldingtable_hide(elementId){
	if (getLayer(elementId + "TR")) {
		if (getLayer(elementId).style.display == "block"){
			var trElement=getLayer(elementId + "TR");

			// TD auf colspan 1 stellen
			trElement.firstChild.removeAttribute("colSpan");
			trElement.className = ms_foldingtable_tdclass[elementId];

			// Altes TD wiederherstellen
			var tdElement = document.createElement("td");
			tdElement.innerHTML = ms_foldingtable_tdimage[elementId];

			// Fuege TD dem TR an
			trElement.appendChild(tdElement);
		}
	}

	if (getLayer(elementId)) {
		var /*String*/ style = getLayer(elementId).style;
		if (style.display == "block") {
			style.display = "none";
		}
	}
}

function imageChange(elementId, step, isID, skipBigImage) {
	if (step == null) {
		step = 0;
	}

	if (!ActiveID[elementId]) {
		ActiveID[elementId] = 0;
	}

	if (!isID) {
		ActiveID[elementId] += step;
	} else {
		ActiveID[elementId] = step;
	}
	
	if(!ms_foldingtable_maxSize[elementId]){
		ms_foldingtable_maxSize[elementId] = 1;
	}

	for (var i = 0; i < ms_foldingtable_maxSize[elementId]; i++) {
		var currentId = "medienelementImage" + i + elementId;
		if (getLayer(currentId)) {
			getLayer(currentId).style.display = 'none';
		}

		var bigImageId = "bigImageIcon" + i + elementId;
		if (getLayer(bigImageId)) {
			getLayer(bigImageId).style.display = 'none';
		}
	}

	if (ActiveID[elementId] == ms_foldingtable_maxSize[elementId]) {
		ActiveID[elementId] = 0;
	} else if (ActiveID[elementId]== -1) {
	 	ActiveID[elementId] = ms_foldingtable_maxSize[elementId] - 1;
	}

	var currentId = "medienelementImage" + ActiveID[elementId]+elementId;

	if (ms_foldingtable_maxSize[elementId] > 0) {
		var imgLayer = getLayer(currentId);
		if (imgLayer) {
			imgLayer.style.display = 'block';

			var bigImageId = "bigImageIcon" + ActiveID[elementId] + elementId;
			if (getLayer(bigImageId)) {
				getLayer(bigImageId).style.display = 'inline';
			}
			
			var parentUL = getElement("UL", imgLayer, "ms-agc");
			setActiveIcon(parentUL, ActiveID[elementId]);

			if (!skipBigImage) {
				var currentIdBig = "medienelementBigImage" + ActiveID[elementId] + elementId;
				setActiveIcon(getLayer(currentIdBig), ActiveID[elementId]);

			}
		}
	}
}

function setActiveIcon(parent, curStep) {
	if(parent != null) {
		var parent = parent.nodeName == "DIV" ? parent.getElementsByTagName("ul")[0] : parent;
		var ulClass = getClassName(parent);
		if(ulClass == "ms-agc") {
			var arrLinks = parent.getElementsByTagName("li");
			for(var i = 0, k  = 0; i < arrLinks.length; i++) {
				var liClass = getClassName(arrLinks[i]);
				if(liClass == "" || liClass == "ms-active") {
					if(k != curStep) {
						removeClass(arrLinks[i]);
					} else {
						setClass(arrLinks[i], "ms-active");
					}
					k++;
				}
			}
		}
	}
}

function toggleOverlay(showOverlay) {
	var div = document.getElementById("ms-overlay");
	if (showOverlay==true) {
		div.style.display = "block";
		div.style.height = ""+document.body.clientHeight+"px";
	} else {
		div.style.display = "none";
	}
}

function bigImage(elementId, step, isID, tooltippId){
	/* Is current image part of a tooltip? */
	if(tooltippId){
		var tooltipp = document.getElementById(tooltippId);
		if(step < 0){
			// start tooltip timer
			tooltipp.mouseleave();
		} else {
			
		}
	}
	if(ActiveID[elementId] == undefined) {
		ActiveID[elementId] = 1;
	}

	if (step == null) step = 0;

	if(!isID)
		ActiveBigID[elementId] += step;
	else
		ActiveBigID[elementId] = step;

	for (var i = 0; i < ms_foldingtable_maxSize[elementId]; i++) {
		var currentIdBig = "medienelementBigImage" + i + elementId;
		if(getLayer(currentIdBig)){
			getLayer(currentIdBig).style.display = 'none';
		}
	}

	if (ActiveBigID[elementId] == -2) 
	{
		toggleOverlay(false);
		$("body").removeClass("keep-tooltip-open");
		if(document.all && !window.opera) 
		{ 
			var currentFlashElement = "medienelementBigImage" + "0" +elementId;
			var objLayer = getLayer(currentFlashElement);
			if (objLayer!=null){
				var object = objLayer.getElementsByTagName("object")[0];
				if (object) {
					object.StopPlay();
				}
			}						
		}
		return;
	} 
	else 
	{
		toggleOverlay(true);
		if(document.all && !window.opera) 
		{ 
			var currentFlashElement = "medienelementBigImage" + "0" + elementId;
			var objLayer = getLayer(currentFlashElement);
			if (objLayer!=null){
				var object = objLayer.getElementsByTagName("object")[0];
				if (object) {
					object.Rewind();
					object.Play();
				}
			}						
		}
	}
	
	if (ActiveBigID[elementId] == ms_foldingtable_maxSize[elementId]) ActiveBigID[elementId] = 0;
	if (ActiveBigID[elementId] == -1) ActiveBigID[elementId] = ms_foldingtable_maxSize[elementId] - 1;

	imageChange(elementId, step, isID, true);
	
	var currentIdBig = "medienelementBigImage" + ActiveBigID[elementId]+elementId;
	var objLayer = getLayer(currentIdBig);
	
	if (objLayer==null){
		toggleOverlay(false);
		return;
	}else{
		
		// Keep Tooltip open
		$("body").addClass("keep-tooltip-open");
		
		// Initial value for border
		var width = 4;
		var height = 4;
		
		// Get height of header and footer of the global layer
		var divs = objLayer.getElementsByTagName("div");
		if (divs && divs.length > 0) {
			// Set visible (IE BUG, does not return correct values of hidden elements)
			objLayer.style.display = 'block';
			height += divs[0].offsetHeight;
			objLayer.style.display = 'none';
		}
		if (divs && divs.length > 4) {
			// Set visible (IE BUG, does not return correct values of hidden elements)
			objLayer.style.display = 'block';
			height += divs[5].offsetHeight;
			objLayer.style.display = 'none';
		}
		
		// Check Flash width
		var object = objLayer.getElementsByTagName("object")[0];
		if (object) {
			height += parseInt(object.height);
			width += parseInt(object.width);
		}
		
		// Check Image width
		var image = objLayer.getElementsByTagName("img")[0];
		if (image) {
			// Set visible (IE BUG, does not return correct values of hidden elements)
			objLayer.style.display = 'block';
			height += parseInt(image.height);
			width += parseInt(image.width);
			objLayer.style.display = 'none';
		}
		
		// Set Paragraph width
		var currentIdBigP = "medienelementBigImageModalLayerP-" + ActiveBigID[elementId]+elementId;
		var currentIdBigUL = "medienelementBigImageModalLayerUL-" + ActiveBigID[elementId]+elementId;
		var currentElemBigOject = objLayer.getElementsByTagName("object")[0];
		if (!currentElemBigOject) {
			currentElemBigOject = objLayer.getElementsByTagName("img")[0];
		}
		var currentElemBigP = document.getElementById(currentIdBigP);
		var currentElemBigUL = document.getElementById(currentIdBigUL);
		var currentElemBigPMarginRight = 30; 
		var currentElemBigPPaddingLeft = 3;
		var currentElemBigULMarginLeft = 50;
		var currentElemBigULMarginRight = 10;
		
		if (currentElemBigOject && currentElemBigP && currentElemBigUL) {		
			// Set visible (IE BUG, does not return correct values of hidden elements)
			objLayer.style.display = 'block';		
			var currentElemBigOjectWidth = currentElemBigOject.offsetWidth;
			var currentElemBigPWidth = currentElemBigP.offsetWidth + currentElemBigPMarginRight + currentElemBigPPaddingLeft;
			var currentElemBigULWidth = currentElemBigUL.offsetWidth + currentElemBigULMarginLeft + currentElemBigULMarginRight;
			
			if ((currentElemBigPWidth + currentElemBigULWidth) > currentElemBigOjectWidth ) {
				var minPwidth = 300;
				var newPwidth = parseInt(currentElemBigOjectWidth - currentElemBigULWidth - currentElemBigPMarginRight - currentElemBigPPaddingLeft - 10);
				if (newPwidth<minPwidth) {
					newPwidth=minPwidth;
				}
				currentElemBigP.style.width = newPwidth + "px";
			}		
			objLayer.style.display = 'none';
		}
		
		// Calculate position
		var yOffset = (window.pageYOffset) ? window.pageYOffset : document.documentElement.scrollTop;
		var visibleHeight = (window.innerHeight) ? window.innerHeight : document.documentElement.clientHeight;
		if (visibleHeight < height) {
			visibleHeight = height;
		}
		var topPosition = Math.ceil((visibleHeight - height) / 2) + yOffset;
		var leftPosition = Math.ceil((1000 - width) / 2);
		
		// Set position
		objLayer.style.width = width + "px";
		objLayer.style.left = leftPosition + "px";
		objLayer.style.top = topPosition + "px";
		// Check IFrame resource and change size of IFrame
		try {
			var iframe = objLayer.getElementsByTagName("IFRAME")[0];
			iframe.style.height = (height - 4) + "px";
			iframe.style.width = width + "px";
		} catch (/*Exception*/e) {
			// No IFrame available, just ignore...
		}
		// Set visible
		objLayer.style.display = 'block';
		setActiveIcon(objLayer, ActiveBigID[elementId]);
	}
}

function getElement(elemName, element, className) {
	var tag = element.nextSibling;
	while(tag != null && tag.nodeName != elemName) {
		tag = tag.nextSibling;
	}
	var elemClass = getClassName(tag);
	if(elemClass == className || elemClass.indexOf(" " + className)  || elemClass.indexOf(className + " ")) {
		return tag;
	} else {
		return null;
	}
}
/* Initialisation for the T62_NG Layer */
(function($, window, undefined){
	$.fn.initMsT62_NG = function(){
		var elem = this;
		// Init the Position and Height of Media Elements and the Tables.
		//$(".ms-productdatatablefragment-data:first", elem).position();
		// Add zoom Image functionality
		/* Load zoom image HTML snippet */
		
		$("p.ms-link-enlarge a", elem).each(function(){
			var link = $(this);
			var id = link.attr("href");
			id = id.substr(id.indexOf("bigImage('")+10);
			id = id.substr(0, id.indexOf("'"));
			var img = $("#medienelementImage0"+id+" img").attr("src");
			var title = $("#medienelementImage0"+id+" img").attr("title");
			var alt = $("#medienelementImage0"+id+" img").attr("alt");
			
			var html = '<div class="ms-modallayer" style="display:none" id="medienelementBigImage0'+id+'">'
							+'<div class="ms-modallayer-t">'
								+'<div class="ms-modallayer-t-c">'
									+'<p class="ms-btn6">'
										+'<a href="javascript:bigImage(\''+id+'\', -2, true);">Close</a>'
									+'</p>'
								+'</div>'
							+'</div>'
							+'<div class="ms-modallayer-m">'
								+'<div class="ms-modallayer-m-c" id="medienelementBigImageLayer0'+id+'">'
									+'<p id="medienelementBigImageLayerP0'+id+'"></p>'
									+'<img src="'+img+'" alt="'+alt+'" title="'+title+'" />'
								+'</div>'
							+'</div>'
							+'<div class="ms-modallayer-b">'
								+'<div class="ms-modallayer-b-c">'
									+'<div class="ms-modallayer-b-c-2">'
		
									+'</div>'
									+'<div class="ms-clearer"></div>'
								+'</div>'
							+'</div>'
						+'</div>';
			
			
			$('#ms-overlay-content').append($(html));
		});
		
		// Set Height of the tablewithmediaelements Container
		elem.each(function(){
			if($(this).hasClass("tablewithmediaelements") && $("body:not(.ms-cq-edit)").size()){
				var container = $(this);
				var maxHeight = 0;
				var tmpHeight = 0;
				
				maxHeight = container.height();
				maxHeight = (maxHeight < container.find(".mediawithcaption").height()) ? container.find(".mediawithcaption").height()+40 : maxHeight;
				
				container.css("height",maxHeight+"px");
			} else if ($(this).hasClass("tablewithmediaelements")){
				var container = $(this);
				var maxHeight = 0;
				var tmpHeight = 0;
				
				var componentBorder = container.find(".productdatatable-left").parent();

				maxHeight = componentBorder.height();
				maxHeight = (maxHeight < container.find(".mediawithcaption").height()) ? container.find(".mediawithcaption").height()+40 : maxHeight;
				
				componentBorder.css("height",maxHeight+"px");
			}
		});
	}
})(jQuery, window)

// Open folded table by URL#name

jQuery(window).load(function() {

	var hashName = window.location.hash;
	hashName = hashName.replace('#','');

	if(hashName != '' && hashName.indexOf("fold") > -1){	
		var hashTarget = jQuery("div[name*='"+hashName+"']");
		var /*String[]*/ values = hashTarget[0].id.split("@");
		var /*String*/ elementId = values[0];
		var /*String*/ handle = values[1];
		ms_foldingtable_loadEntryData(elementId, handle);
		ms_foldingtable_show(elementId);
		
		var parentId = hashTarget.closest('div.ms-tb3-row-content').attr('id');
		if (parentId) {
			ms_foldingtable_show(parentId);
		}

		jQuery(window).scrollTop(hashTarget.offset().top);
		LOG('Scrolling done for anchor ' + hashName);
	}
	
	// T62_NG initialisieren
	if(jQuery(".tablewithmediaelements").size()){
		jQuery(".tablewithmediaelements").each(function(){
			jQuery(this).initMsT62_NG();
		});
	}
});