/* POPUP JS */

var baseText = null;

function showPopupMyAccountAddressEdit(id,w,h, address_type ) {
    //alert('here3');
    
    if( typeof( address_type ) != 'undefined' )  {
       // alert( id );
        var arrId = id.split('_');
        var address_id = arrId[ arrId.length - 1];
        var el_type = document.getElementById( 'address_type_' + address_id );
        if( el_type ) {
            //alert( address_type );           
            el_type.value = address_type;
        }
    }
    if (!document.getElementsByTagName){ return; }  
	var is_popup = false;
	var anchors = document.getElementsByTagName("a");

	// loop through all anchor tags
	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];

		if(anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox-popup")) {
			anchor.onclick = function () {showLightboxPopup(this); return false;}  
			is_popup = true;    
		}
	}
    var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	
	var objBody = document.getElementsByTagName("body").item(0);
    var objLoadingImage = document.getElementById('loadingImage');  
	var objOverlay = document.getElementById("overlay");   
    objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%'; 
    objOverlay.style.height = (arrayPageSize[1] + 'px');
    //objOverlay.style.visibility = 'visible';
	//objOverlay.anim.custom(0,.8);
	objLoadingImage.style.display = "none";  
	
	var popupTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - h) / 4);
	var popupLeft = ((arrayPageSize[1] - 40 - w) / 2);

	
    var popUp = $(id); 
    popUp.style.top = (popupTop < 0) ? "0px" : popupTop + "px";
    popUp.style.left = (popupLeft < 0) ? "0px" : popupLeft + "px";
    popUp.style.zIndex = 101;
    popUp.style.width = w + "px";     
    popUp.style.height = h + "px";
    baseText = popUp.innerHTML;
    popUp.innerHTML = baseText; 
    //var sbar = document.getElementById("statusbar");
    //sbar.style.marginTop = (parseInt(h)-40) + "px";
    popUp.anim = new fx.Height(popUp, {duration: 400}); 
    var arr = id.split('_');
    var address_id = arr[ arr.length - 1 ];
    var root = popUp;
    var handle = $( "drag_handle_" + address_id );
    if( handle ) {
    Drag.init( handle, root );
    }
    
    
    popUp.style.visibility = "visible";    
    //$(id).morph('height:'+h+'px;',{duration:0.2}); return false;
}

function showPopup(id,w,h) {
    //alert('here2');
	if (!document.getElementsByTagName){ return; }  
	var is_popup = false;
	var anchors = document.getElementsByTagName("a");
	
	// loop through all anchor tags
	for (var i=0; i<anchors.length; i++){
		var anchor = anchors[i];

		if(anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox-popup")) {
			anchor.onclick = function () {showLightboxPopup(this); return false;}  
			is_popup = true;    
		}
	}
    var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	var objBody = document.getElementsByTagName("body").item(0);
    var objLoadingImage = document.getElementById('loadingImage');   

	// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
	var objOverlay = document.getElementById("overlay");
	objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%'; 
	
    objOverlay.style.height = (arrayPageSize[1] + 'px');
	//objOverlay.style.visibility = 'visible';
	objOverlay.anim.custom(0,.8);  
	objOverlay.style.zIndex = '90';
	objLoadingImage.style.display = "none";    
	 
	
	var popupTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - h) / 4);
	var popupLeft = ((arrayPageSize[1] - 40 - w) / 2);

	
    var popUp = $(id); 
    popUp.style.top = (popupTop < 0) ? "0px" : popupTop + "px";
    popUp.style.left = (popupLeft < 0) ? "0px" : popupLeft + "px";
    popUp.style.width = w + "px";
    popUp.style.height = h + "px";
    popUp.style.zIndex = objOverlay.style.zIndex + 10;
    baseText = popUp.innerHTML;
    popUp.innerHTML = baseText; 
    
    //var sbar = document.getElementById("statusbar");
    //sbar.style.marginTop = (parseInt(h)-40) + "px";
    popUp.anim = new fx.Height(popUp, {duration: 400}); 
     
    var root = popUp;
    var handle = $( "drag_handle_" + id );
    if( handle ) {
        Drag.init( handle, root );
    }

    popUp.style.visibility = "visible";  
}

function resizePopupH( id, plus_h, reset )
{
	var popUp = $(id); 
	var h;
	var arr = id.split('_');
    var address_id = arr[ arr.length - 1 ];
	var el_container = document.getElementById('inside_container_' + address_id );
	
	
	if( reset == true )
	{
		h = plus_h;
	} else {
		h = el_container.clientHeight + 10 + plus_h;
		//h = parseInt( popUp.style.height );  
	}
	//h += plus_h;
    popUp.style.height = h + "px";
}

function hidePopup(id){
	hideFaderFrame(); 
	setTimeout($(id).anim.toggle.bind($(id).anim),200); 
    return false;
}
function hidePopupAddress(id){
	//hideFaderFrame(); 
	//setTimeout($(id).anim.toggle.bind($(id).anim),200); 
    $(id).style.visibility = "hidden";
    return false;
}

function showFaderFrame() {
    $('windowFaderFrame').style.visibility = "visible";
}

function hideFaderFrame() {
	var selects = document.getElementsByTagName('select');
	for (i = 0; i <selects.length; i++) {
		if( selects[i].getAttribute("rel") != "noshow" )
		{
			selects[i].style.visibility = 'visible';
		}
	}
    // get objects
	var objOverlay = document.getElementById('overlay');

	// hide lightbox and overlay
	objOverlay.anim.custom(.8,0);
}

function initFaderFrame()
{
	var objBody = document.getElementsByTagName("body").item(0); 
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlay');
	objOverlay.style.position = 'absolute';
	objOverlay.style.top = '0';
	objOverlay.style.left = '0';
	objOverlay.style.zIndex = '90';
 	objOverlay.style.width = '100%';
	objBody.appendChild(objOverlay);
	// create overlay animation and hide it (Added my Sean McB)
	objOverlay.anim = new fx.Opacity(objOverlay, {duration: 400});
	objOverlay.anim.hide();
}
addLoadEvent(initFaderFrame);