$(document).ready(function(){

	/*alert($('#el12').css('opacity', 0.3));
	alert($('#el12').css('opacity'));*/

	$('.linka1').gxInit({queue: 'cancel'});
$('a.helloa1').hover(
	function() {
		$('.linka1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linka1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linka1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linka1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkb1').gxInit({queue: 'cancel'});
$('a.hellob1').hover(
	function() {
		$('.linkb1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkb1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkb1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkb1 a').gx({'color': '#000'}, 346, 'Expo');});


	$('.linkb2').gxInit({queue: 'cancel'});
$('a.hellob2').hover(
	function() {
		$('.linkb2').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkb2 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkb2').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkb2 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkb3').gxInit({queue: 'cancel'});
$('a.hellob3').hover(
	function() {
		$('.linkb3').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkb3 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkb3').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkb3 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkb4').gxInit({queue: 'cancel'});
$('a.hellob4').hover(
	function() {
		$('.linkb4').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkb4 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkb4').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkb4 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkc1').gxInit({queue: 'cancel'});
$('a.helloc1').hover(
	function() {
		$('.linkc1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkc1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkc1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkc1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkc2').gxInit({queue: 'cancel'});
$('a.helloc2').hover(
	function() {
		$('.linkc2').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkc2 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkc2').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkc2 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkc3').gxInit({queue: 'cancel'});
$('a.helloc3').hover(
	function() {
		$('.linkc3').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkc3 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkc3').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkc3 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd1').gxInit({queue: 'cancel'});
$('a.hellod1').hover(
	function() {
		$('.linkd1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd2').gxInit({queue: 'cancel'});
$('a.hellod2').hover(
	function() {
		$('.linkd2').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd2 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd2').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd2 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd3').gxInit({queue: 'cancel'});
$('a.hellod3').hover(
	function() {
		$('.linkd3').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd3 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd3').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd3 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd4').gxInit({queue: 'cancel'});
$('a.hellod4').hover(
	function() {
		$('.linkd4').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd4 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd4').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd4 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd5').gxInit({queue: 'cancel'});
$('a.hellod5').hover(
	function() {
		$('.linkd5').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd5 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd5').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd5 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd6').gxInit({queue: 'cancel'});
$('a.hellod6').hover(
	function() {
		$('.linkd6').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd6 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd6').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd6 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkd7').gxInit({queue: 'cancel'});
$('a.hellod7').hover(
	function() {
		$('.linkd7').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkd7 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkd7').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkd7 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linke1').gxInit({queue: 'cancel'});
$('a.helloe1').hover(
	function() {
		$('.linke1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linke1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linke1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linke1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkf1').gxInit({queue: 'cancel'});
$('a.hellof1').hover(
	function() {
		$('.linkf1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkf1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkf1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkf1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkf2').gxInit({queue: 'cancel'});
$('a.hellof2').hover(
	function() {
		$('.linkf2').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkf2 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkf2').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkf2 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkf3').gxInit({queue: 'cancel'});
$('a.hellof3').hover(
	function() {
		$('.linkf3').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkf3 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkf3').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkf3 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkg1').gxInit({queue: 'cancel'});
$('a.hellog1').hover(
	function() {
		$('.linkg1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkg1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkg1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkg1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkh1').gxInit({queue: 'cancel'});
$('a.helloh1').hover(
	function() {
		$('.linkh1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkh1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkh1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkh1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linki1').gxInit({queue: 'cancel'});
$('a.helloi1').hover(
	function() {
		$('.linki1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linki1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linki1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linki1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkj1').gxInit({queue: 'cancel'});
$('a.helloj1').hover(
	function() {
		$('.linkj1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkj1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkj1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkj1 a').gx({'color': '#000'}, 346, 'Expo');});

	$('.linkk1').gxInit({queue: 'cancel'});
$('a.hellok1').hover(
	function() {
		$('.linkk1').gx({'width': 173, 'color': '#fff'}, 346, 'Expo');
		$('.linkk1 a').gx({'color': '#fff'}, 346, 'Expo');},
	function() {
		$('.linkk1').gx({'width': 8, 'color': '#000'}, 346, 'Expo');
		$('.linkk1 a').gx({'color': '#000'}, 346, 'Expo');});



});