// JavaScript Document

$(function() {

    $("#scroller > li").click(function() {
        var qu = $(this).attr("id");
        var an = "#" + qu.replace("q","a");
		$.scrollTo(an, {duration: 800, axis:"y"});
    });

    $(".return-top").click(function() {
        $.scrollTo("body", {duration: 800, axis:"y"});
    });
});

$(document).ready(function()
{
  //hide the all of the element with class msg_body
  $(".portDescript").hide();
  //toggle the componenet with class msg_body
  $(".portHead").click(function()
  {
    $(this).next(".portDescript").slideToggle(600);
  });
  $(".portDescript").click(function()
  {
    $(this).next(".portDescript").slideToggle(600);
  });
    
  $(".interactive-f").click(function() {
	  	$(".interactive").show('slow');
        $(".design").hide('slow');
		$(".photography").hide('slow');
		return false; 
    });
	
	$(".photography-f").click(function() {
	  	$(".interactive").hide('slow');
        $(".design").hide('slow');
		$(".photography").show('slow');
		return false; 
    });
	
	$(".design-f").click(function() {
	  	$(".interactive").hide('slow');
        $(".design").show('slow');
		$(".photography").hide('slow');
		return false; 
    });
	
	$(".all-f").click(function() {
	  	$(".interactive").show('slow');
        $(".design").show('slow');
		$(".photography").show('slow');
		return false; 
    });
  
});