$(document).ready(function(){
	
	$('a.menu_games').click(function () {
		$('ul.the_menu').slideToggle('medium');
    });
	
    var tabContainers = $('div.tabs > div');
	tabContainers.hide().filter(':first').show();
	
	$('div.tabs ul.tabNavigation a').click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		$('div.tabs ul.tabNavigation a').removeClass('current');
		$(this).addClass('current');
		return false;
	}).filter(':first').click();
    
    var randomTabContainers = $('div.random-tabs > div');
	randomTabContainers.hide().filter(':first').show();
	
	$('div.random-tabs ul.tabNavigation a').click(function () {
		randomTabContainers.hide();
		randomTabContainers.filter(this.hash).show();
		$('div.random-tabs ul.tabNavigation a').removeClass('current');
		$(this).addClass('current');
		return false;
	}).filter(':first').click();
	
	var categoryTabContainers = $('div.category-tabs > div');
	categoryTabContainers.hide().filter(':first').show();
	
	$('div.category-tabs ul.tabNavigation a').click(function () {
		categoryTabContainers.hide();
		categoryTabContainers.filter(this.hash).show();
		$('div.category-tabs ul.tabNavigation a').removeClass('current');
		$(this).addClass('current');
		return false;
	}).filter(':first').click();
	
	
	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.65 }, 1 ); //Set Opacity
	$(".image_thumb ul li:first").addClass('active'); //Add the active class (highlights the very first list item by default)
	
	//runs function on click
	$(".image_thumb ul li").click(function () {
	$active = $(this);
	slideSwitchClick();
	})
	.hover(function(){ //Hover effects on list-item
	$(this).addClass('hover'); //Add class â€śhoverâ€? on hover
	}, function() {
	$(this).removeClass('hover'); //Remove class â€śhoverâ€? on hover out
	});
	
	//runs function, set timer here
	$(function() {
	setInterval( 'slideSwitchTimed()', 6000 );
	});
	
  	$(":text").labelify();

    
});

function slideSwitchTimed() {
	$active = $('.image_thumb ul li.active').next();
	if ( $active.length == 0 ) $active = $('.image_thumb ul li:first'); //goes back to start when finishes
	slideSwitch();
}

function slideSwitchClick() {
	slideSwitch();
}

function slideSwitch() {
	var $prev = $('.image_thumb ul li.active');
	
	//Show active list-item
	$prev.removeClass('active');
	$active.addClass('active');
	
	//Set Variables
	var imgAlt = $active.find('img').attr("alt"); //Get Alt Tag of Image
	var imgTitle = $active.find('a').attr("rel"); //Get Main Image URL
	var imgHref = $active.find('a').attr("href"); //Get Main Image URL
	var imgDesc = $active.find('.block').html(); //Get HTML of the â€śblockâ€? container
	var imgDescHeight = $(".main_image").find('.block').height(); //Find the height of the "block"
	
	if ($(this).is(".active")) { //If the list item is active/selected, thenâ€¦
		return false; // Don't click through â€“ Prevents repetitive animations on active/selected list-item
	} else { //If not active thenâ€¦
		//Animate the Description
		$(".main_image img").animate({ opacity: 0}, 250 );
		$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
		$(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250 );
		$(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
		$(".main_image a").attr({ href: imgHref , title: imgAlt });
		});
	}
	return false;
}
    

