$(document).ready(
	function(){
		
		// hide content boxes
		$('div#hm_web_content').hide();
		$('div#hm_shop_content').hide();
		$('div#hm_email_content').hide();
		$('div#hm_hosting_content').hide();
		$('div#hm_css_content').hide();
		$('div#hm_flash_content').hide();
		
		// make mouse into pointer
		$('#mainIcons dl').addClass('pointer');
		// click actions
		$('dl#hm_web').bind('click', function() {
			$('div#mainIcons').hide('slow');
			$('div#hm_web_content').show('slow');
			return false;
		});
		$('dl#hm_shop').bind('click', function() {
			$('div#mainIcons').hide('slow');
			$('div#hm_shop_content').show('slow');
			return false;
		});
		$('dl#hm_email').bind('click', function() {
			$('div#mainIcons').hide('slow');
			$('div#hm_email_content').show('slow');
			return false;
		});
		$('dl#hm_host').bind('click', function() {
			$('div#mainIcons').hide('slow');
			$('div#hm_hosting_content').show('slow');
			return false;
		});
		$('dl#hm_css').bind('click', function() {
			$('div#mainIcons').hide('slow');
			$('div#hm_css_content').show('slow');
			return false;
		});
		$('dl#hm_flash').bind('click', function() {
			$('div#mainIcons').hide('slow');
			$('div#hm_flash_content').show('slow');
			return false;
		});
		
		// close box
		$('div.close').bind('mouseover', function() {
			$('div.close').addClass('mouseover');
		});
		$('div.close').bind('mouseout', function() {
			$('div.close').removeClass('mouseover');
		});
		$('div.close').bind('click', function() {
			//list all boxes here
			$('div#hm_web_content').hide('slow');
			$('div#hm_shop_content').hide('slow');
			$('div#hm_email_content').hide('slow');
			$('div#hm_hosting_content').hide('slow');
			$('div#hm_css_content').hide('slow');
			$('div#hm_flash_content').hide('slow');
			
			// re-display main menu
			$('div#mainIcons').show('slow');
		});

		// next mouse over
		$('div.next').bind('mouseover', function() {
			$('div.next').addClass('mouseover');
		});
		$('div.next').bind('mouseout', function() {
			$('div.next').removeClass('mouseover');
		});
		// previous mouse over
		$('div.previous').bind('mouseover', function() {
			$('div.previous').addClass('mouseover');
		});
		$('div.previous').bind('mouseout', function() {
			$('div.previous').removeClass('mouseover');
		});
		
		// next button actions
		$('div#hm_web_content div.next').bind('click', function() {
			$('div#hm_web_content').hide('slow');
			$('div#hm_shop_content').show('slow');
		});
		$('div#hm_shop_content div.next').bind('click', function() {
			$('div#hm_shop_content').hide('slow');
			$('div#hm_email_content').show('slow');
		});
		$('div#hm_email_content div.next').bind('click', function() {
			$('div#hm_email_content').hide('slow');
			$('div#hm_hosting_content').show('slow');
		});
		$('div#hm_hosting_content div.next').bind('click', function() {
			$('div#hm_hosting_content').hide('slow');
			$('div#hm_css_content').show('slow');
		});
		$('div#hm_css_content div.next').bind('click', function() {
			$('div#hm_css_content').hide('slow');
			$('div#hm_flash_content').show('slow');
		});
		$('div#hm_flash_content div.next').bind('click', function() {
			$('div#hm_flash_content').hide('slow');
			$('div#hm_web_content').show('slow');
		});
		// previous button actions
		$('div#hm_web_content div.previous').bind('click', function() {
			$('div#hm_web_content').hide('slow');
			$('div#hm_flash_content').show('slow');
		});
		$('div#hm_shop_content div.previous').bind('click', function() {
			$('div#hm_shop_content').hide('slow');
			$('div#hm_web_content').show('slow');
		});
		$('div#hm_email_content div.previous').bind('click', function() {
			$('div#hm_email_content').hide('slow');
			$('div#hm_shop_content').show('slow');
		});
		$('div#hm_hosting_content div.previous').bind('click', function() {
			$('div#hm_hosting_content').hide('slow');
			$('div#hm_email_content').show('slow');
		});
		$('div#hm_css_content div.previous').bind('click', function() {
			$('div#hm_css_content').hide('slow');
			$('div#hm_hosting_content').show('slow');
		});
		$('div#hm_flash_content div.previous').bind('click', function() {
			$('div#hm_flash_content').hide('slow');
			$('div#hm_css_content').show('slow');
		});
});