/************************************************************************************************************
(C) www.dhtmlgoodies.com, October 2005

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

************************************************************************************************************/	

var activeFloatingWindow = false;
var activeFloatingWindowContent = false;
var activeFloatingWindowTabDiv = false;
var activeFloatingWindowStatusDiv = false;
var activeFloatingWindowMoveBar = false;
var currentZIndex = 1000;
var floatingWindowMaxZIndex = 1000;
var floatingWindowMinimumWidth = new Array();


var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
var navigatorVersion = navigator.appVersion.replace(/.*?MSIE (\d\.\d).*/g,'$1')/1;


var floatingWindowMoveCounter = -1;
var floatingWindowResizeCounter = -1;
var initEventX = false;
var initEventY = false;
var window_posX = false;
var window_posY = false;
var window_height = false;
var window_width = false;
var floating_window_skin = 2;



switch(floating_window_skin){
	case 2:
		//document.getElementById('cssRef').href = 'modules/popuptab/popuptab.css';
		var tabRightInActive = "components/com_rivierasoleil/modules/popuptab/images/skin2_tab_right_inactive.gif";
		var tabRightActive = "components/com_rivierasoleil//modules/popuptab/images/skin2_tab_right_active.gif";
		var tabImagePrefix = "components/com_rivierasoleil/modules/popuptab/images/skin2_tab_right_";		
		var closeButtonMouseOverColor = '#006BF8';
		break;
	default:
		//document.getElementById('cssRef').href = 'modules/popuptab/popuptab.css';
		var tabRightInActive = "modules/popuptab/images/skin2_tab_right_inactive.gif";
		var tabRightActive = "modules/popuptab/images/skin2_tab_right_active.gif";
		var tabImagePrefix = "modules/popuptab/images/skin2_tab_right_";		
		var closeButtonMouseOverColor = '#006BF8';
		break;
}


		
/*

These cookie functions are downloaded from 
http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm
*/	
function Get_Cookie(name) { 
   return null;
   var start = document.cookie.indexOf(name+"="); 
   var len = start+name.length+1; 
   if ((!start) && (name != document.cookie.substring(0,name.length))) return null; 
   if (start == -1) return null; 
   var end = document.cookie.indexOf(";",len); 
   if (end == -1) end = document.cookie.length; 
   return unescape(document.cookie.substring(len,end)); 
} 
// This function has been slightly modified
function Set_Cookie(name,value,expires,path,domain,secure) { 
	// PAP: removed this as i dont want it
	return;
	expires = expires * 60*60*24*1000;
	var today = new Date();
	var expires_date = new Date( today.getTime() + (expires) );
	var cookieString = name + "=" +escape(value) + 
	   ( (expires) ? ";expires=" + expires_date.toGMTString() : "") + 
	   ( (path) ? ";path=" + path : "") + 
	   ( (domain) ? ";domain=" + domain : "") + 
	   ( (secure) ? ";secure" : ""); 
	document.cookie = cookieString; 
}	
	
function cancelWindowEvent()
{
	return (floatingWindowMoveCounter==-1 && floatingWindowResizeCounter==-1 && this.tagName!='IMG')?true:false;
}

function showHideWindowTab()
{
	var parentEl = this.parentNode;
	var windowIndex = parentEl.parentNode.id.replace(/[^\d]/g,'');
	var subDiv = parentEl.getElementsByTagName('DIV')[0];
	counter=0;		
	var contentDiv = contentDivs[windowIndex][0];
	var tabFound = false;
	do{			
		if(subDiv.tagName=='DIV' && subDiv.className!='floatingWindowCloseButton'){
			if(!tabFound)zIndex = counter;else zIndex = 100-counter;
			if(subDiv!=this){
				subDiv.className = 'floatingWindowTab_inactive';	
				var img = subDiv.getElementsByTagName('IMG')[0];
				img.src = tabRightInActive
				subDiv.style.zIndex = zIndex;
				contentDiv.style.display='none';		
			}else{
				this.className='floatingWindowTab_active';
				this.style.zIndex = 500;
				var img = this.getElementsByTagName('IMG')[0];
				img.src = tabRightActive;	
				contentDiv.style.display='block';
				tabFound = true;	
				Set_Cookie('floating_window_activeTab' + windowIndex,counter,100);		
			}
			counter++;
		}
		subDiv = subDiv.nextSibling;
		if(contentDiv.nextSibling)contentDiv = contentDiv.nextSibling;
	}while(subDiv);		
	
}

function toggleCloseButton()
{
	this.style.color='#FFF';
	this.style.backgroundColor = closeButtonMouseOverColor;	
}
function toggleOffCloseButton()
{
	this.style.color='';
	this.style.backgroundColor = '';	
}





function initFloatingWindowResize(e)
{
	if(document.all)e = event;
	floatingWindowResizeCounter = 0;	
	
	bringFloatingWindowToFront(false,this.parentNode.parentNode);

	initEventX = e.clientX;
	initEventY = e.clientY;
	window_height = activeFloatingWindowContent.offsetHeight;
	window_width = activeFloatingWindow.offsetWidth;
	
		
	timerFloatingWindowMove();
	return false;
}

function initFloatingWindowMove(e)
{
	if(document.all)e = event;	
	floatingWindowMoveCounter = 0;		
	bringFloatingWindowToFront(false,this.parentNode);

	initEventX = e.clientX;
	initEventY = e.clientY;
	window_posX = activeFloatingWindow.style.left.replace('px','')/1;
	window_posY = activeFloatingWindow.style.top.replace('px','')/1;

	timerFloatingWindowMove();
	return false;
	
}

function timerFloatingWindowMove()
{
	if(floatingWindowMoveCounter>=0 && floatingWindowMoveCounter<10){
		floatingWindowMoveCounter = floatingWindowMoveCounter + 1;
		setTimeout('timerFloatingWindowMove()',10);
	}		
	if(floatingWindowResizeCounter>=0 && floatingWindowResizeCounter<10){
		floatingWindowResizeCounter = floatingWindowResizeCounter + 1;	
		setTimeout('timerFloatingWindowMove()',10);
	}
}
var allowFloatingResize = true;
function floatingWindowMove(e)
{
	if(document.all)e = event;
	if(floatingWindowMoveCounter>=10){
		var leftPos = window_posX + e.clientX - initEventX;
		var topPos = window_posY + e.clientY - initEventY;
		if(topPos<0)topPos=0;
		if(leftPos<0)leftPos=0;
		activeFloatingWindow.style.left = leftPos + 'px';
		activeFloatingWindow.style.top = topPos + 'px';			
		Set_Cookie(activeFloatingWindow.id,leftPos + '_' + topPos,100);
		return;
	}		
	
	if(floatingWindowResizeCounter>=10 && allowFloatingResize){
		var width = window_width + e.clientX - initEventX;
		var height = window_height + e.clientY - initEventY;
		if(width<floatingWindowMinimumWidth[activeFloatingWindow.id])width = floatingWindowMinimumWidth[activeFloatingWindow.id];
		if(height<0)height = 0;
		activeFloatingWindowMoveBar.style.width = (width - 4) + 'px';
		activeFloatingWindow.style.width = width + 'px';
		var numericID = activeFloatingWindow.id.replace(/[^\d]/g,'');
		for(var no=0;no<contentDivs[numericID].length;no++){
			if(navigatorVersion<6 && MSIE){
				contentDivs[numericID][no].style.width = (width)  + 'px';
			}else{
				contentDivs[numericID][no].style.width = (width - 4)  + 'px';
			}
			contentDivs[numericID][no].style.height = height + 'px';					
			
		}
		
		if(navigatorVersion<6 && MSIE){
			activeFloatingWindowMoveBar.style.width = (width) + 'px';
		}
		
		Set_Cookie('floating_window_size' + activeFloatingWindow.id.replace(/[^\d]/g,''),width + '_' + height,100);
		
		if(document.all){
			allowFloatingResize = false;
			setTimeout('allowFloatingResize=true',30);
		}		
	}		
}

function initSetSize(windowObj,width,height)
{
	if(width<floatingWindowMinimumWidth[windowObj.id])width = floatingWindowMinimumWidth[windowObj.id];
	windowObj.style.width = width + 'px';
	var subDivs = windowObj.getElementsByTagName('DIV');
	for(var no=0;no<subDivs.length;no++){
		if(subDivs[no].className=='floatingWindowContent')subDivs[no].style.width = (width-4) + 'px';
		if(subDivs[no].className=='floatingWindowContent' && height)subDivs[no].style.height = height + 'px';
	}		
}




function floatingWindowStopMove(e)
{
	floatingWindowMoveCounter = -1;	
	floatingWindowResizeCounter = -1;	

}

function addMovingBar(id,inputObj, noCloseButton)
{
	var div = document.createElement('DIV');
	div.className='floatingWindow_moveBar';
	div.innerHTML = '<span>'+id+'</span>';
	div.onmousedown = initFloatingWindowMove;
	
	//if(noCloseButton)
	{
		var closeButton = document.createElement('DIV');
		closeButton.className='floatingWindowCloseButton';
		closeButton.innerHTML = 'x';
		// PAP: changed this to be a inline function
		closeButton.onclick = function closeFloatingWindow(){services[id].style.display = 'none';};
		closeButton.onmouseover = toggleCloseButton;
		closeButton.onmouseout = toggleOffCloseButton;
		div.appendChild(closeButton);
		if(navigatorVersion<6 && MSIE){
			closeButton.style.top = '1px';	
		}
	}	
	
	inputObj.appendChild(div);			
}

// PAP: changed  interface to pass the window id
function addTabs(id,inputObj,tabs)
{

	var div = document.createElement('DIV');
	div.className='floatingWindow_topRow';
	floatingWindowMinimumWidth[inputObj.id] = 0;
	inputObj.appendChild(div);	
	var currentWidth = 0;
	var activeTabIndexCookie = Get_Cookie('floating_window_activeTab' + inputObj.id.replace(/[^\d]/g,''));
	if(!activeTabIndexCookie)activeTabIndexCookie=0;
	
	for(var no=0;no<tabs.length;no++){			
		
		var tabDiv = document.createElement('DIV');
		tabDiv.onselectstart = cancelWindowEvent;
		tabDiv.ondragstart = cancelWindowEvent;
		if(no==activeTabIndexCookie){
			suffix = 'active'; 
			color_picker_active_tab = this;
		}else suffix = 'inactive';
		
		tabDiv.id = 'floatingWindowTab' + no;
		tabDiv.onclick = showHideWindowTab;
		div.appendChild(tabDiv);
		if(no==activeTabIndexCookie){
			tabDiv.style.zIndex = 50; 
			var tmpDiv = tabDiv;
			while(tmpDiv.previousSibling){
				var tmpCounter = 10;
				tmpDiv = tmpDiv.previousSibling;
				if(tmpDiv.tagName=='DIV'){
					tmpDiv.style.zIndex = tmpCounter;
					tmpCounter--;
				}	
			}
			
		}else tabDiv.style.zIndex = 1 + (tabs.length-no);
		tabDiv.style.left = currentWidth + 'px';
		tabDiv.style.position = 'absolute';
		tabDiv.className='floatingWindowTab_' + suffix;
		var tabSpan = document.createElement('SPAN');
		tabSpan.innerHTML = tabs[no];
		tabDiv.appendChild(tabSpan);
		var tabImg = document.createElement('IMG');
		tabImg.src = tabImagePrefix + suffix + ".gif"; 
		tabDiv.appendChild(tabImg);
		if(navigatorVersion<6 && MSIE){/*	Lower IE version fix */ 
		
			tabSpan.style.position = 'relative';
			tabImg.style.position = 'relative';
			tabImg.style.left = '-3px';		
			//tabDiv.style.cursor = 'hand';	
		}
		
		currentWidth = currentWidth + tabSpan.clientWidth + 22 - 11;
		if(navigator.userAgent.indexOf('Opera')>=0)currentWidth = currentWidth + 22;
		floatingWindowMinimumWidth[inputObj.id] = floatingWindowMinimumWidth[inputObj.id] + tabSpan.offsetWidth + 22 - 11;
		
		if(navigator.userAgent.indexOf('Opera')>=0){
			currentWidth = currentWidth - 22;
			floatingWindowMinimumWidth[inputObj.id] = floatingWindowMinimumWidth[inputObj.id] - 22;
		}
	
	}
	floatingWindowMinimumWidth[inputObj.id] = floatingWindowMinimumWidth[inputObj.id];
}

function createStatusBar(inputObj,noResize)
{
	var div = document.createElement('DIV');
	div.style.position = 'relative';
	div.className='floatingWindow_statusBar';	
	var innerSpan = document.createElement('SPAN');
	innerSpan.id = 'floatingWindow_statusBarTxt';
	div.appendChild(innerSpan);
	inputObj.appendChild(div);
	
	if(noResize){			
		return;			
	}
	var img = document.createElement('IMG');
	img.src = 'components/com_rivierasoleil/modules/popuptab/images/floating_window_resize.gif';
	img.onmousedown = initFloatingWindowResize;
	img.ondragstart = cancelWindowEvent;
	div.appendChild(img);
	
}
	
var contentDivs = new Array();
var countWindows = 0;

function bringFloatingWindowToFront(e,inputObj)
{
	if(floatingWindowMaxZIndex>currentZIndex)currentZIndex = floatingWindowMaxZIndex/1 + 1;
	if(!inputObj)inputObj = this;
	activeFloatingWindow = inputObj;
	activeFloatingWindow.style.zIndex = currentZIndex+1;
	var numericID = activeFloatingWindow.id.replace(/[^\d]/g,'');
	for(var no=0;no<contentDivs[numericID].length;no++){
		if(contentDivs[numericID][no].style.display=='block'){
			activeFloatingWindowContent = contentDivs[numericID][no];
			break;
		}
	}
	activeFloatingWindowStatusDiv = false;
	activeFloatingWindowTabDiv = false;
	var divs = activeFloatingWindow.getElementsByTagName('DIV');
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='floatingWindow_statusBar')activeFloatingWindowStatusDiv = divs[no];
		if(divs[no].className=='floatingWindow_topRow')activeFloatingWindowTabDiv = divs[no];
		if(divs[no].className=='floatingWindow_moveBar')activeFloatingWindowMoveBar = divs[no];
	}
	
	Set_Cookie('floating_window_zIndex' + numericID,currentZIndex,100);
	currentZIndex++;
}


function initFloatingWindowWithTabs(windowID,tabs,windowHeight,windowWidth,leftPos,topPos,noScrollbars,noResize,noStatusBar,noCloseButton)
{ 

    var services =  document.getElementById('services');
	
	var service = document.createElement('DIV');
	
	service.className = 'service';
	services.appendChild(service);
	var el  = service;

	contentDivs[countWindows] = new Array();

	// PAP: added this to correctly display the tabs its needed
	el.style.display = 'block';

	el.id = 'dhtmlgoodies_floating_window' + countWindows;
	el.className = 'dhtmlgoodies_floatingWindow';
	el.onclick = bringFloatingWindowToFront;
	var cookieValue = Get_Cookie(el.id) + '';
	if(cookieValue.length>0 && cookieValue!='null'){
		var cookieItems = cookieValue.split('_');			
		leftPos = cookieItems[0];
		topPos = cookieItems[1];
	}	
	
	el.style.left = leftPos + 'px';
	el.style.top = topPos + 'px';
	el.style.zIndex = currentZIndex;
 
	var contentDiv = getContent(el,windowID,tabs); 
	
	contentDivs[countWindows].push(contentDiv);
	while(contentDiv.nextSibling){
		contentDiv = contentDiv.nextSibling;
		if(contentDiv.className=='floatingWindowContent'){
			contentDivs[countWindows].push(contentDiv);			
		}	
	}		
	
	addMovingBar(windowID,el, noCloseButton);
	
	// PAP: changed  interface to pass the window id
	if(tabs)addTabs(windowID,el,tabs);else floatingWindowMinimumWidth[el.id]	 = 40;
	
	var activeTabIndexCookie = Get_Cookie('floating_window_activeTab' + countWindows);
	if(!activeTabIndexCookie)activeTabIndexCookie=0;	
	for(var no=0;no<contentDivs[countWindows].length;no++){
		if(no==activeTabIndexCookie)contentDivs[countWindows][no].style.display='block'; else contentDivs[countWindows][no].style.display='none';
		el.appendChild(contentDivs[countWindows][no]);
		if(windowHeight)contentDivs[countWindows][no].style.height = (windowHeight - 46) + 'px';
		if(noScrollbars){
			contentDivs[countWindows][no].style.overflow='hidden';
		}
		if(navigator.userAgent.indexOf('Opera')>=0 && !noScrollbars){
			contentDivs[countWindows][no].style.overflow = 'scroll';
		}
		
	}		
	if(!noStatusBar && !noResize)createStatusBar(el,noResize);
	if(countWindows==0){
		document.documentElement.onmousemove = floatingWindowMove;
		document.documentElement.onmouseup = floatingWindowStopMove;
	}
	
	var cookieSize = Get_Cookie('floating_window_size' + el.id.replace(/[^\d]/g,''));
	if(cookieSize){
		var sizeArray = cookieSize.split('_');
		initSetSize(el,sizeArray[0],sizeArray[1]);			
	}else{
		var sizeArray = [windowWidth,windowHeight];	
		initSetSize(el,sizeArray[0],sizeArray[1]);	
	}
	
	var cookieZIndex = Get_Cookie('floating_window_zIndex' + el.id.replace(/[^\d]/g,''));
	if(cookieZIndex){
		el.style.zIndex = cookieZIndex;
		if(!floatingWindowMaxZIndex)floatingWindowMaxZIndex = 0;
		floatingWindowMaxZIndex = Math.max(floatingWindowMaxZIndex,cookieZIndex/1 + 1);
	}
	el.onselectstart = cancelWindowEvent;
	countWindows++;
	currentZIndex++;
	
	return el;
}	


/************************************************************************************************************
Piyush Patel
Added this interface 
************************************************************************************************************/

services = Array(30);
topWindowIndex = 2000;


function init()
{   
    if(getInitStatus()==null)
	{
		makeFrame(); 	
		initPopuptabWindow();	
	}
}

function getInitStatus()
{
	
 	return document.getElementById("popuptabBuffer");
}
function makeFrame() 
{
	var ifrm = document.createElement("IFRAME");
	ifrm.setAttribute("src", "/images/common/loading.gif");
	ifrm.setAttribute("id", "popuptabBuffer");
	ifrm.setAttribute("name", "popuptabBuffer");
	document.body.appendChild(ifrm);
}


function initPopuptabWindow()
{
  var services =   document.createElement('DIV');
  services.id = 'services';
  services.className=='services';
  document.body.appendChild(services);
}

function getContent(el,id,tabs)
{   var div;
	var info;
	
	for(var i=0; i < tabs.length; i++)
    {
		div = window.frames['popuptabBuffer'].document.getElementById(tabs[i]);
		if(div != null)
		{
	  
		  info = document.createElement('DIV');
	  	  info.className='floatingWindowContent';
	  
	  	  //PAP: this is a hack so that I don't have to make a special paragraph format
	  	  var tmp = document.createElement('DIV');
	  	  tmp.className='popuptab';
	  	  tmp.innerHTML = '<span>'+div.innerHTML+'</span>';
	      info.appendChild(tmp);	  
		  //PAP: end of hack
		  
	      el.appendChild(info);
		}
    }
	return  el.getElementsByTagName('DIV')[0];
}

//PAP: see http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
function getBrowserNormalisedWindowDimensions() {
	var width = 0, height = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
	//Non-IE
	width = window.innerWidth;
	height = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	//IE 6+ in 'standards compliant mode'
	width = document.documentElement.clientWidth;
	height = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	//IE 4 compatible
	width = document.body.clientWidth;
	height = document.body.clientHeight;
	}
	 return Array(width, height);
}

function popuptabWindow(id, tabs, top, left, width, height)

{	
	if(services[id] == null)
	{
		if(!top) var top = 175;
		if(!left)var left = 420;
		if(!width) var width = 400;
		if(!height) var height = 250;
		

  		var dim = getBrowserNormalisedWindowDimensions();
		
		top = (dim[1] - top)/2;
		left = (dim[0] - left)/2;
	  
		services[id] = initFloatingWindowWithTabs(id,tabs, height, width, left, top, false,false,false,false);
		services[id].style.zIndex = topWindowIndex;
		services[id].style.display="block";
	}
	else
	{
		
		if(services[id].style.display!="block")
		{
			services[id].style.zIndex = topWindowIndex;
			services[id].style.display="block";
			
		}
		else
		{
			services[id].style.zIndex = currentZIndex;
			services[id].style.display="none";
		}	
		
	}
	
}



function loadExternal(url) {

    init();

	if ( window.frames['popuptabBuffer'] ) {
		window.frames['popuptabBuffer'].location = url;
		//var lyr = document.getElementById? document.getElementById('display'): document.all? document.all['display']: null;
//    		if ( lyr && typeof lyr.innerHTML != "undefined" ) {
//      			lyr.innerHTML = '<img src="/images/common/loading.gif" alt="">';
//    		}
		return false;
	} 
	return true; // other browsers follow link
}

// called when documents loaded into iframe (from their body's onload attribute)
function displayExternal() {
	var lyr = document.getElementById? document.getElementById('display'): document.all? document.all['display']: null;
	if ( window.frames['popuptabBuffer'] && lyr && typeof lyr.innerHTML != "undefined" ) {
  	lyr.innerHTML = window.frames['popuptabBuffer'].document.body.innerHTML;
	}
}