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

This code is licenced under the New BSD License.

Buggy code - hack-fixed and extended to work with Facebook Connect and Twitter by Blue Ocean Labs 2010 - consider a rewrite
*/

var providers_large = {
    facebook: {
        name: 'Facebook'    
    },
    twitter: {
        name: 'Twitter',      
        url: baseUrl+'/twitterlogin/',
        directLink: true
    }
};
var providers_small = {
	google: {
	    name: 'Google',
	    url: 'https://www.google.com/accounts/o8/id'
	},
    yahoo: {
        name: 'Yahoo',      
        url: 'http://me.yahoo.com/'
    },
    openid: {
        name: 'OpenID',     
        label: OPENID_ENTER_OPENID,
        url: null
    },
    myopenid: {
        name: 'MyOpenID',
        label: OPENID_ENTER_NAME.replace('%1s', 'MyOpenID'),
        url: 'http://{username}.myopenid.com/'
    },
    aol: {
        name: 'AOL',     
        label: OPENID_ENTER_NAME.replace('%1s', 'AOL'),
        url: 'http://openid.aol.com/{username}/'
    },
    livejournal: {
        name: 'LiveJournal',
        label: OPENID_ENTER_NAME.replace('%1s', 'Livejournal'),
        url: 'http://{username}.livejournal.com/'
    },
    flickr: {
        name: 'Flickr',        
        label: OPENID_ENTER_NAME.replace('%1s', 'Flickr'),
        url: 'http://flickr.com/{username}/'
    },
    technorati: {
        name: 'Technorati',
        label: OPENID_ENTER_NAME.replace('%1s', 'Technorati'),
        url: 'http://technorati.com/people/technorati/{username}/'
    },
    wordpress: {
        name: 'Wordpress',
        label: OPENID_ENTER_NAME.replace('%1s', 'Wordpress.com'),
        url: 'http://{username}.wordpress.com/'
    },
    blogger: {
        name: 'Blogger',
        label: OPENID_ENTER_NAME.replace('%1s', 'Blogger'),
        url: 'http://{username}.blogspot.com/'
    },
    verisign: {
        name: 'Verisign',
        label: OPENID_ENTER_NAME.replace('%1s', 'Verisign'),
        url: 'http://{username}.pip.verisignlabs.com/'
    },
    vidoop: {
        name: 'Vidoop',
        label: OPENID_ENTER_NAME.replace('%1s', 'Vidoop'),
        url: 'http://{username}.myvidoop.com/'
    },
    claimid: {
        name: 'ClaimID',
        label: OPENID_ENTER_NAME.replace('%1s', 'ClaimID'),
        url: 'http://claimid.com/{username}'
    }
};
var providers = $.extend({}, providers_large, providers_small);

var openid = {

	cookie_expires: 6*30,	// 6 months.
	cookie_name: 'openid_provider',
	cookie_path: '/',
	
	img_path: baseUrl + '/public/img/openidlogos/',
	
	input_id: null,
	provider_url: null,
	
    init: function(input_id) {
        
        var openid_largebtns = $('#openid_largebtns');
        var openid_smallbtns = $('#openid_smallbtns');
        
        this.input_id = input_id;
        
        $('#openid_choice').show();
        $('#openid_input_area').empty();
        
        // add box for each provider
        for (id in providers_large) {
        
        	openid_largebtns.append(this.getBoxHTML(providers_large[id], 'large', '.gif'));
        }
        if (providers_small) {
        	openid_smallbtns.append('<br/>');
        	
	        for (id in providers_small) {
	        
	        	openid_smallbtns.append(this.getBoxHTML(providers_small[id], 'small', '.png'));
	        }
        }
        
        $('#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 '<div id="'+ box_id +'_wrapper" class="openid_wrapper"><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><div>';    
    
    },
    /* 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 if (provider['directLink']) {
			if (! onload) {
				window.location = provider['url'];
			}
		}
		else if (box_id == 'facebook') {
			if (! onload) {
				FB.Connect.requireSession(function(){showCoveringLayer(), window.location = baseUrl;});
			}
		}
		else {
			
			this.provider_url = provider['url'];
			this.setOpenIdUrl(provider['url']);
			if (! onload) {
				$('#openid_form').submit();
			}	
		}
    },
    /* Sign-in button click */
    submit: function() {
        
    	var url = openid.provider_url; 
    	if (url) {
    		url = url.replace('{username}', $('#openid_username').val());
    		openid.setOpenIdUrl(url);
    	}
    	return true;
    },
    setOpenIdUrl: function (url) {
    
    	var hidden_identifier = document.getElementById(this.input_id);
    	if (hidden_identifier != null) {
    		$(hidden_identifier).remove();
    	} 
    	$('#openid_form').append('<input type="hidden" id="' + this.input_id + '" name="' + this.input_id + '" value="'+url+'"/>');
    	
    },
    highlight: function (box_id) {
    	
    	// remove previous highlight.
    	var highlighted = $('.openid_highlight');
    	if (highlighted.length > 0) {
    		$(highlighted[0]).removeClass('openid_highlight');
    	}
    	// add new highlight.
    	$('#'+box_id+'_wrapper').addClass('openid_highlight');
    },
    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 = $('#openid_input_area');
		
		var html = '';
		var id = 'openid_username';
		var value = '';
		var label = provider['label'];
		var style = '';
		
		if (label) {
			html = '<label>' + label + '</label>';
		}
		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" type="submit" value="'+OPENID_LOGIN+'"/>';
		
		var hidden_identifier = document.getElementById(this.input_id);
    	if (hidden_identifier != null) {
    		$(hidden_identifier).remove();
    	}
		input_area.empty();
		input_area.append(html);

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