var $j = jQuery.noConflict();
(function($){
    $.fn.SimpleClickThrough = function(options){
        var o = $.extend({},$.fn.SimpleClickThrough.defaults, options);
        
        return this.each(function(idx){
            $(this).click(function(){
                var tabName = ''
                if($('.tab-arg',this).length > 0){
                    tabName= $('.tab-arg',this).html();
                }else{                
                    tabName= $(this).html();
                }
                
                if($.trim(tabName) != ''){
                    $.getJSON(o.webservice,{a:o.action,p:o.pageName,t:tabName});
                }                
            });
        });
    }
    
    $.fn.SimpleClickThrough.defaults = {webservice: '/genericasync.ashx', action: 'click', pageName: 'Home'}
})(jQuery);

function showSpinnerById(elemId){
    var subjectElement = jQuery('#'+elemId);
    showSpinner(subjectElement);
}
function showSpinner(subjectElement){
    var elemId = jQuery(subjectElement).attr('id');
    if(subjectElement.length > 0){
        //check if its hidden
        var vis = subjectElement.is(":visible");                
        if (!vis)
            subjectElement.show();  // must be visible to get .position
            
        var pos = subjectElement.position();
        
        if (!vis) 
            subjectElement.hide();
                    
        var wt = subjectElement.width()/2;
        var ht = subjectElement.height()/2;
        
        jQuery('.tools').append(jQuery('<div id="' + elemId + '_spinner" class="spinner">&nbsp;</div>').css({
            'position':'absolute',
            'left':pos.left + wt - 20,
            'top':pos.top + ht - 20
        }));
    }
}
function hideSpinnerById(elemId){
    var subjectElement = jQuery('#'+elemId);
    hideSpinner(subjectElement);
}
function hideSpinner(subjectElement){
    var elemId = jQuery(subjectElement).attr('id');
    if(subjectElement.length > 0){
        jQuery('#' + elemId + '_spinner').remove();
    }
}