/**
*	OLOGIE MOOTOOLS EXTENSIONS
*	Copyright 2009 Ologie
*/

/*
*	ELEMENT EXTENSIONS
*/
Element.implement(
{
	measure: function()
	{
		var retVal;
		
		// get orig //
		var originalStyles = this.getStyles('visibility', 'position', 'top', 'left', 'height', 'width', 'overflow');
		
		// temporary reset //
		this.setStyles({visibility:'hidden', position:'absolute', top:0, left:0, height:'auto', width:'auto', overflow:'visible'});
		
		// measure //
		retVal = this.getSize();
		
		// put back //
		this.setStyles(originalStyles);
		
		return retVal;
	}
});

/**
*	lightbox script
*/
//on page load call TB_init
window.addEvent('domready', TB_init);

// prevent javascript error before the content has loaded
TB_WIDTH = 0;
TB_HEIGHT = 0;
var TB_doneOnce = 0;

// add smoothbox to href elements that have a class of .smoothbox
function TB_init(){
    $$("a.smoothbox").each(function(el){
        el.onclick = TB_bind
    });
}

function TB_bind(event){
    var event = new Event(event);
    // stop default behaviour
    event.preventDefault();
    // remove click border
    this.blur();
    // get caption: either title or name attribute
    var caption = this.title || this.name || "";
    // get rel attribute for image groups
    var group = this.rel || false;
    // display the box for the elements href
    TB_show(caption, this.href, group);
    this.onclick = TB_bind;
    return false;
}

// called when the user clicks on a smoothbox link
function TB_show(caption, url, rel){

    // create iframe, overlay and box if non-existent
    
    if (!$("TB_overlay")) {
//        new Element('iframe').setProperty('id', 'TB_HideSelect').injectInside(document.body);
//        $('TB_HideSelect').setOpacity(0);
        new Element('div').setProperty('id', 'TB_overlay').injectInside(document.body);
        $('TB_overlay').setOpacity(0);
        TB_overlaySize();
        new Element('div').setProperty('id', 'TB_load').injectInside(document.body);
        $('TB_load').innerHTML = "<img src='/wp-content/themes/univita/images/loader.gif' />";
        TB_load_position();
        
        $('TB_overlay').set('tween', {
            duration: 400
        });
        $('TB_overlay').tween('opacity', 0, 0.6);
        
    }
    
    if (!$("TB_load")) {
        new Element('div').setProperty('id', 'TB_load').injectInside(document.body);
        $('TB_load').innerHTML = "<img src='/wp-content/themes/univita/images/loader.gif' />";
        TB_load_position();
    }
    
    if (!$("TB_window")) {
        new Element('div').setProperty('id', 'TB_window').injectInside(document.body);
        $('TB_window').setOpacity(0);
    }
    
    $("TB_overlay").onclick = TB_remove;
    window.onscroll = TB_position;
   
    // check if a query string is involved
    var baseURL = url.match(/(.+)?/)[1] || url;

    var queryString = url.match(/\?(.+)/)[1];
    var params = TB_parseQuery(queryString);
    
    TB_WIDTH = (params['width'] * 1) + 30;
    TB_HEIGHT = (params['height'] * 1) + 40;
    
    var ajaxContentW = TB_WIDTH - 30, ajaxContentH = TB_HEIGHT - 45;
     
    if (url.indexOf('TB_iframe') != -1) {
        urlNoQuery = url.split('TB_');
        $("TB_window").innerHTML += "<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a></div></div><iframe frameborder='0' hspace='0' src='" + urlNoQuery[0] + "' id='TB_iframeContent' name='TB_iframeContent' style='width:" + (ajaxContentW + 29) + "px;height:" + (ajaxContentH + 17) + "px;' onload='TB_showWindow()'> </iframe>";
    }
    else {
        $("TB_window").innerHTML += "<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton'>close</a></div></div><div id='TB_ajaxContent' style='width:" + ajaxContentW + "px;height:" + ajaxContentH + "px;'></div>";
    }
  
    $("TB_closeWindowButton").onclick = TB_remove;
     
    if (url.indexOf('TB_inline') != -1) {
        $("TB_ajaxContent").innerHTML = ($(params['inlineId']).innerHTML);
        TB_position();
        TB_showWindow();
    }
    else 
        if (url.indexOf('TB_iframe') != -1) {
            TB_position();
            if (frames['TB_iframeContent'] == undefined) {//be nice to safari
                $(document).keyup(function(e){
                    var key = e.keyCode;
                    if (key == 27) {
                        TB_remove()
                    }
                });
                TB_showWindow();
            }
        }
        else {
            var handlerFunc = function(){
                TB_position();
                TB_showWindow();
            };
            
			new Request.HTML({
                method: 'get',
                update: $("TB_ajaxContent"),
                onComplete: handlerFunc
            }).get(url);
        }
    
    
    window.onresize = function(){
        TB_position();
        TB_load_position();
        TB_overlaySize();
    }
    
    document.onkeyup = function(event){
        var event = new Event(event);
        if (event.code == 27) { // close
            TB_remove();
        }
    }
    
}

//helper functions below

function TB_showWindow(){
    //$("TB_load").dispose();
    //$("TB_window").setStyles({display:"block",opacity:'0'});
    
    if (TB_doneOnce == 0) {
        TB_doneOnce = 1;
        
        $('TB_window').set('tween', {
            duration: 250,
            onComplete: function(){
                if ($('TB_load')) {
                    $('TB_load').dispose();
                }
            }
        });
        $('TB_window').tween('opacity', 0, 1);
        
    }
    else {
        $('TB_window').setStyle('opacity', 1);
        if ($('TB_load')) {
            $('TB_load').dispose();
        }
    }
}

function TB_remove(){
    $("TB_overlay").onclick = null;
    document.onkeyup = null;
    document.onkeydown = null;
    
    if ($('TB_imageOff')) 
        $("TB_imageOff").onclick = null;
    if ($('TB_closeWindowButton')) 
        $("TB_closeWindowButton").onclick = null;
    if ($('TB_prev')) {
        $("TB_prev").onclick = null;
    }
    if ($('TB_next')) {
        $("TB_next").onclick = null;
    }
    
    
    $('TB_window').set('tween', {
        duration: 250,
        onComplete: function(){
            $('TB_window').dispose();
        }
    });
    $('TB_window').tween('opacity', 1, 0);
    
    
    
    $('TB_overlay').set('tween', {
        duration: 400,
        onComplete: function(){
            $('TB_overlay').dispose();
            TB_init();
            TB_doneOnce = 0;
        }
    });
    $('TB_overlay').tween('opacity', 0.6, 0);
   
    window.onscroll = null;
    window.onresize = null;
//    $('TB_HideSelect').setStyle('display','none');//
//    $('TB_HideSelect').destroy();
    return false;
}

function TB_position(){
    $('TB_window').set('morph', {
        duration: 75
    });
    $('TB_window').morph({
		width: TB_WIDTH + 'px',
		left: (window.getScrollLeft() + (window.getWidth() - TB_WIDTH) / 2) + 'px',
		top: (window.getScrollTop() + (window.getHeight() - TB_HEIGHT) / 2) + 'px'
	});	
}

function TB_overlaySize(){ 
    // we have to set this to 0px before so we can reduce the size / width of the overflow onresize 
    $("TB_overlay").setStyles({
        "height": '0px',
        "width": '0px'
    });
//    $("TB_HideSelect").setStyles({
//        "height": '0px',
//        "width": '0px'
//    });
    $("TB_overlay").setStyles({
        "height": window.getScrollHeight() + 'px',
        "width": window.getScrollWidth() + 'px'
    });
//    $("TB_HideSelect").setStyles({
//        "height": window.getScrollHeight() + 'px',
//        "width": window.getScrollWidth() + 'px'
//    });
}

function TB_load_position(){ 
    if ($("TB_load")) {
        $("TB_load").setStyles({
            left: (window.getScrollLeft() + (window.getWidth() - 56) / 2) + 'px',
            top: (window.getScrollTop() + ((window.getHeight() - 20) / 2)) + 'px',
            display: "block"
        });
    }
}

function TB_parseQuery(query){
    // return empty object
    if (!query) 
        return {};
    var params = {};
    
    // parse query
    var pairs = query.split(/[;&]/);
    for (var i = 0; i < pairs.length; i++) {
        var pair = pairs[i].split('=');
        if (!pair || pair.length != 2) 
            continue;
        // unescape both key and value, replace "+" with spaces in value
        params[unescape(pair[0])] = unescape(pair[1]).replace(/\+/g, ' ');
    }
    return params;
}