$(document).ready(function()
{
	
	
	$('a@[name=hitz-animation]').one("click",function() {
	var theoneclicked = this;
	$('a').each(function(){
						 
						 $('a').attr({"name" : 'notdefined' });
						 
						 
						 });
	var the_class= $(this).attr('class');
	$('#'+the_class).css({'display':'block', 'height':'0px', 'width':'0px' ,'float':'left'});
	$('.dock').html('');
	$('.main').remove();
	$('.sub-nav').remove();
	
	$('.dock').animate({
	"width": "0",
	
	}, 1200, function() {
	$("a").removeClass("active");
	$(theoneclicked).addClass("active");
	$('.dock').remove();


	});
	$('#'+the_class).animate({
	"width": "600px",
	"height" : "300px"
	
	}, 1200, function() {
	window.location = the_class+'.aspx';
	});
	return false;
	
});

	

    $('.dock-select').find('img').css('opacity', '0');
    $('.dock-select').find('a').css('opacity', '1');
    
    /* Show images with class -st */
    $('.img2-st').find('img').css('opacity', '1');	
    $('.img3-st').find('img').css('opacity', '1');	
    $('.img4-st').find('img').css('opacity', '1');	
    $('.img5-st').find('img').css('opacity', '1');	
    $('.img6-st').find('img').css('opacity', '1');	
    $('.img7-st').find('img').css('opacity', '1');	
    
	$('.img1').hover(
		function(e){
			$('.img1- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$(this).hoverFlow(e.type,{'color': '#fff'}, 400);
	},
		function(e){
			$('.img1- a').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img1- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 600);
			$('.img1').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img1').hoverFlow(e.type,{'color': 'Black'}, 400);
		}
	);	
	
	$('.img2').hover(
		function(e){
			$('.img2- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 800);
			// $('.img2-').find('a').hoverFlow(e.type,{'backgroundColor': '#fff'}, 200);			
			$(this).hoverFlow(e.type,{'color': '#fff'}, 200);
	},
		function(e){
			$('.img2-').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);		
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img2- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 600);
			//$(this).hoverFlow(e.type,{'backgroundColor': '#fff'}, 200);			
			$('.img2').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img2').hoverFlow(e.type,{'color': 'Black'}, 400);
		}
	);	
	
	
	$('.img3').hover(
		function(e){
			$('.img3- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$(this).hoverFlow(e.type,{'color': '#fff'}, 400);
	},
		function(e){
			$('.img3- a').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img3- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$('.img3').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img3').hoverFlow(e.type,{'color': 'Black'}, 400);
		}
	);		
	
	$('.img4').hover(
		function(e){
			$('.img4- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$(this).hoverFlow(e.type,{'color': '#fff'}, 400);
	},
		function(e){
			$('.img4- a').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img4- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$('.img4').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img4').hoverFlow(e.type,{'color': 'Black'}, 400);
		}
	);		
		
	$('.img5').hover(
		function(e){
			$('.img5- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$(this).hoverFlow(e.type,{'color': '#fff'}, 400);
	},
		function(e){
			$('.img5- a').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img5- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$('.img5').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img5').hoverFlow(e.type,{'color': 'Black'}, 400);
		}
	);		
	
	
	
	$('.img6').hover(
		function(e){
			$('.img6- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$(this).hoverFlow(e.type,{'color': '#fff'}, 400);
	},
		function(e){
			$('.img6- a').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img6- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$('.img6').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img6').hoverFlow(e.type,{'color': 'Black'}, 400);
		}
	);		
	
	
	
	$('.img7').hover(
		function(e){
			$('.img7- a').find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$(this).hoverFlow(e.type,{'color': '#fff'}, 400);
	},
		function(e){
			$('.img7- a').find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$(this).hoverFlow(e.type,{'color': 'Black'}, 400);			
		}
	);
	$('.img7- a').hover(
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '1'}, 400);
			$('.img7').hoverFlow(e.type,{'color': '#fff'}, 400);
		},
		function(e){
			$(this).find('img').hoverFlow(e.type,{'opacity': '0'}, 400);
			$('.img7').hoverFlow(e.type,{'color': '#5b4020'}, 400);
		}
	);		
		
});