$(document).ready(function() {
	$('#text').jScrollPane({showArrows:true, dragMaxHeight:100,dragMinHeight:105, scrollbarWidth:33});

	$("p.click").bind('click', function (){
		$(this).text('clicked').flipv().unbind('click');
		return false;
	});

	$('#slide').cycle({
		fx: 'fade',
		speed: 2500
	});

	$('#userAgent').html(navigator.userAgent);
	$('#gradient1').gradient({
		from:      '763ee9',
		to:        '4a08d0',
		direction: 'horizontal'
	});
	$('#gradient2').gradient({
		from:      '28a5fd',
		to:        '0c3da2',
		direction: 'horizontal'
	});
	$('#gradient3').gradient({
		from:      'ffed55',
		to:        'ecd50f',
		direction: 'horizontal'
	});
	$('#gradient4').gradient({
		from:      'ffb400',
		to:        'ff6c00',
		direction: 'horizontal'
	});
	$('#gradient5').gradient({
		from:      '1cd209',
		to:        '158a09',
		direction: 'horizontal'
	});
	$('#gradient6').gradient({
		from:      'f62929',
		to:        'af1010',
		direction: 'horizontal'
	});
	$('#gradient7').gradient({
		from:      'ff7ce2',
		to:        'd755ba',
		direction: 'horizontal'
	});
	$('#gradient8').gradient({
		from:      'f62929',
		to:        'af1010',
		direction: 'horizontal'
	});

	$("#copyrights").fadeIn(4500);
});

function ci (image, id) {
	var element = document.getElementById(id);
	element.style.backgroundImage = "url("+image+")";
	element.style.backgroundPosition = "14px 4px";
	element.style.backgroundRepeat  = "no-repeat";
	element.style.color  = "white";
}

function di (id) {
	var element = document.getElementById(id);
	element.style.background = "none";
	element.style.color  = "black";
}