$(document).ready(function(){ 

	$('#classicwallpapers a').bind('click', function () {
		poppit($(this).attr('href'),'_blank',800,600,0,0);
		return false;
	})

	$('#twitterskins ul.twitter-skins li').hover(
		function () {
			$(this).addClass('hover');
		},
		function () {
			if (!$('input.twitter-submit', this).hasClass('sending') && !$('input.twitter-submit', this).hasClass('done') && !$('input.twitter-submit', this).hasClass('typing')) {
				$(this).removeClass('hover');
			}
		}
	);
	
	$('#twitterskins ul.twitter-skins li div.form input.twitter-submit').bind('click', function () {
		if (!$(this).hasClass('sending')) {
			var skin = $(this).parent().parent().attr('class').match(/skin-([a-z]+)/)[1];
			var username = $('input.username', $(this).parent()).val();
			var password = $('input.password', $(this).parent()).val();
			var follow = $('input.follow:checked', $(this).parent()).length > 0 ? 1 : 0;
			var submitButton = $(this);

			$.ajax({
				type: 'POST',
				url:  'twitter_ajax.php',
				dataType: 'xml',
				submitButton: submitButton,
				username: username,
				skin: skin,
				
				data: {
					method: 'setTwitterSkin', 
					skin: skin, 
					username: encodeURIComponent(username),
					password: encodeURIComponent(password),
					follow: follow
				},
				
				success: function(xml){
					var code = parseInt($(xml).find('code')[0].firstChild.nodeValue);
					
					switch (code) {
						case 1:
							// success
							this.submitButton.addClass('done');
							$('div.success a.twitter-profile', this.submitButton.parent().parent()).attr('href', 'https://twitter.com/' + this.username);
							$('div.success', this.submitButton.parent().parent()).fadeIn(400);
							
							var follow = $(xml).find('followed')[0].firstChild.nodeValue;
							// track download
							sCode.trackDownload('twitterskin_style' + skin + '_' + (follow=='true'||follow==1?'follow':'nofollow'));
							break;
						case 2:
							//var error = $(xml).find('error')[0].firstChild.nodeValue;
							$('div.error p.reason', this.submitButton.parent().parent()).text('invalid username or password combination');
							// there is a bootleg animate call here to fake a timeout
							$('div.error', this.submitButton.parent().parent()).fadeIn(400).animate({opacity: 1},2000).fadeOut(400);
							break;
					}
				},
				
				beforeSend: function(){
					this.submitButton.addClass('sending');
					this.submitButton.attr('src', 'images/loading.gif');
				},
				
				complete: function(){
					this.submitButton.removeClass('sending');
					this.submitButton.attr('src', 'images/button-twitter-submit.jpg');
					
				},
				
				error: function(request,error){
					this.submitButton.removeClass('sending');
					this.submitButton.attr('src', 'images/button-twitter-submit.jpg');
				}
			});
		}
	});
	
	// preserve input
	$('#twitterskins ul.twitter-skins li div.form input.password').bind('focus', function () {
		if ($(this).val() == 'password') $(this).val('');
		$('input.twitter-submit', $(this).parent()).addClass('typing');
	});
	$('#twitterskins ul.twitter-skins li div.form input.password').bind('blur', function () {
		if ($(this).val() == '') $(this).val('password');
		$('input.twitter-submit', $(this).parent()).removeClass('typing');
	});
	
	$('#twitterskins ul.twitter-skins li div.form input.username').bind('focus', function () {
		if ($(this).val() == 'twitter username') $(this).val('');
		$('input.twitter-submit', $(this).parent()).addClass('typing');
	});
	$('#twitterskins ul.twitter-skins li div.form input.username').bind('blur', function () {
		if ($(this).val() == '') $(this).val('twitter username');
		$('input.twitter-submit', $(this).parent()).removeClass('typing');
	});
});