/*
Simple OpenID Plugin
http://code.google.com/p/openid-selector/

This code is licenced under the New BSD License.
*/

var providers_large = {
    google: {
        name: 'Google',
        url: 'https://www.google.com/accounts/o8/id'
    },
    yahoo: {
        name: 'Yahoo',      
        url: 'https://me.yahoo.com/'
    }
};
var providers_small = {
    myopenid: {
        name: 'MyOpenID',
        label: 'Enter your MyOpenID username.',
        url: 'http://{username}.myopenid.com/',
        icon: 'myopenid.png'
    },
    livejournal: {
        name: 'LiveJournal',
        label: 'Enter your Livejournal username.',
        url: 'http://{username}.livejournal.com/',
        icon: 'livejournal.png'
    },
/*    wordpress: {
        name: 'Wordpress',
        label: 'Enter your Wordpress.com username.',
        url: 'http://{username}.wordpress.com/',
        icon: 'wordpress.png'
    }, */
    blogger: {
        name: 'Blogger',
        label: 'Your Blogger account',
        url: 'http://{username}.blogspot.com/',
        icon: 'blogger.png'
    }

};
var providers = $.extend({}, providers_large, providers_small);

var openid = {

	cookie_expires: 6*30,	// 6 months.
	cookie_name: 'openid_provider',
	cookie_path: '/',
	
	img_path: '/site_media/openid/images/',
	
	input_id: null,
	provider_url: null,
	use_popup: false,
	use_highlight: true,
        oauth_consumer_key: null,
	
    init: function(input_id) {
        
        var openid_btns = jQuery('#openid_btns');
        
        this.input_id = input_id;
        
        jQuery('#openid_choice').show();
        jQuery('#openid_input_area').empty();
        // add box for each provider
//        for (id in providers_large) {
//        
//           	openid_btns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
//        }
//        if (providers_small) {
//        	openid_btns.append('<br/>');
//        	
//	        for (id in providers_small) {/
//	        
//	           	openid_btns.append(this.getBoxHTML(providers_small[id], 'small', '.png'));
//	        }
//        }
        
        jQuery('#openid_form').submit(this.submit);
        
        var box_id = this.readCookie();
        if (box_id) {
        	this.signin(box_id, true);
        }  
    },
    getBoxHTML: function(provider, box_size, image_ext) {
            
        var box_id = provider["name"].toLowerCase();
        return '<a title="'+provider["name"]+'" href="javascript: openid.signin(\''+ box_id +'\');"' +
        		' style="background: #FFF url(' + this.img_path + box_id + image_ext+') no-repeat center center" ' + 
        		'class="' + box_id + ' openid_' + box_size + '_btn"></a>';    
    
    },
    /* Provider image click */
    signin: function(box_id, onload) {
    
    	var provider = providers[box_id];
  		if (! provider) {
  			return;
  		}
		
		this.highlight(box_id);
		this.setCookie(box_id);
		
		// prompt user for input?
		if (provider['label']) {
			this.useInputBox(provider);
			this.provider_url = provider['url'];
			
		} else {
			
			this.setOpenIdUrl(provider['url']);
			if (! onload) {
			    if (openid.use_popup){
			        var parameters = jQuery('#openid_form').serialize();
			        var base = '';
                    if (openid.oauth_consumer_key) {
                        base = 'http://' + openid.oauth_consumer_key + '/';
                    }
			        window.open(base + '/social/openid/?' + parameters, 'XtranormalOpenIDLogin','height=500,width=450,toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes');
			    } else {
			        jQuery('#openid_form').submit();
			    }
			}	
		}
    },
    /* Sign-in button click */
    submit: function() {
        
    	var url = openid.provider_url; 
    	if (url) {
    		url = url.replace('{username}', jQuery('#openid_username').val());
    		openid.setOpenIdUrl(url);
    	}
    	return true;
    },
    setOpenIdUrl: function (url) {
    
    	var hidden = jQuery('#'+this.input_id);
    	if (hidden.length > 0) {
    		hidden.value = url;
    	} else {
    		jQuery('#openid_form').append('<input type="hidden" id="' + this.input_id + '" name="' + this.input_id + '" value="'+url+'"/>');
    	}
    },
    highlight: function (box_id) {
    	if (!this.use_highlight) return;
    	// remove previous highlight.
    	var highlight = jQuery('#openid_highlight');
    	if (highlight) {
    		highlight.replaceWith(jQuery('#openid_highlight a')[0]);
    	}
    	// add new highlight.
    	jQuery('.'+box_id).wrap('<div id="openid_highlight"></div>');
    },
    setCookie: function (value) {
    
		var date = new Date();
		date.setTime(date.getTime()+(this.cookie_expires*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
		
		document.cookie = this.cookie_name+"="+value+expires+"; path=" + this.cookie_path;
    },
    readCookie: function () {
		var nameEQ = this.cookie_name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
    },
    useInputBox: function (provider) {
   	
		var input_area = jQuery('#openid_input_area');
		
		var html = '';
		var id = 'openid_username';
		var value = '';
		var label = provider['label'];
		var icon = provider['icon'];
		var style = '';
		
		if (label) {
			html = '<p><img src="/site_media/openid/images/' + icon + '" width="16" height="16" class="small_openid_icon">' + label + '</p>';
		}
		if (provider['name'] == 'OpenID') {
			id = this.input_id;
			value = 'http://';
			style = 'background:#FFF url('+this.img_path+'openid-inputicon.gif) no-repeat scroll 0 50%; padding-left:18px;';
		}
		html += '<input id="'+id+'" type="text" style="'+style+'" name="'+id+'" value="'+value+'" />' + 
					'<input id="openid_submit" class="button small uppercase" type="submit" value="Sign-In"/>';
		
		input_area.empty();
		input_area.append(html);

		jQuery('#'+id).focus();
    }
};