$(document).ready(function(){
	$('#sublinks div').hide();
	$('#sublinks').show();
	$('a[@href="service"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '0px 0px '}, 1000, "linear");
		$("#content_window").stop().animate({backgroundPosition: '0px 0px'},1000, "linear");
		$("#pages").stop().animate({left: '0px', top:'0px'},1000, "linear");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#home_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
		return false;
		});	
	$('a[@href="about_me"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-650px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-650px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-650px', top:'0px'},1000, "swing");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#story1_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
		return false;
		});	
	$('a[@href="story2.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-1300px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-1300px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-1300px', top:'0px'},1000, "swing");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#story2_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');

		return false;
		});	
	$('a[@href="story3.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-1950px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-1950px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-1950px', top:'0px'},1000, "swing");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#story3_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
		return false;
		});	
	$('a[@href="work"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-2600px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-2600px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-2600px', top:'0px'},1000, "swing");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#process_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
		return false;
		});	
	$('a[@href="more_work"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-3250px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-3250px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-3250px', top:'0px'},1000, "swing");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#work1_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
		return false;
		});	
	$('a[@href="work2.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-3900px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-3900px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-3900px', top:'0px'},1000, "swing");
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#work2_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="contact"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-4550px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-4550px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-4550px', top:'0px'},1000, "swing");			
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#contact_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
		return false;
		});	
	$('a[@href="research.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-650px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-650px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-650px', top:'-600px'},1000, "swing");		
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#research_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="design.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-1950px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-1950px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-1950px', top:'-600px'},1000, "swing");		
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#design_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="seo.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-3900px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-3900px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-3900px', top:'-600px'},1000, "swing");		
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#seo_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="research1.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '0px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '0px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '0px', top:'-600px'},1000, "swing");		
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#research1_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="research2.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '0px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '0px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '0px', top:'-1200px'},1000, "swing");		
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#research2_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="research3.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-650px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-650px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-650px', top:'-1200px'},1000, "swing");		
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#research3_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="design1.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-1300px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-1300px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-1300px', top:'-1200px'},1000, "swing");	
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#design1_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="design2.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-1950px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-1950px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-1950px', top:'-1200px'},1000, "swing");	
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#design2_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="design3.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-2600px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-2600px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-2600px', top:'-1200px'},1000, "swing");	
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#design3_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="seo1.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-3250px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-3250px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-3250px', top:'-1200px'},1000, "swing");	
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#seo1_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="seo2.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-3900px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-3900px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-3900px', top:'-1200px'},1000, "swing");	
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#seo2_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('a[@href="seo3.html"]').click(function() {
		$("#bg").stop().animate({backgroundPosition: '-4550px 0px '}, 1000, "swing");
		$("#content_window").stop().animate({backgroundPosition: '-4550px 0px'},1000, "swing");
		$("#pages").stop().animate({left: '-4550px', top:'-1200px'},1000, "swing");	
		$("#sublinks").fadeOut(300, function() {
			$('#sublinks div').hide();
			$('#seo3_sl').show();
			$('#sublinks').fadeIn(300);
			});
		$('a').removeClass('openlink');
		$('a[@href="' + $(this).attr('href') + '"]').addClass('openlink');
return false;
		});	
	$('.jqir').jQIR('png','images/');
	
	$('a').click(function() {
		pageTracker._trackPageview($(this).attr('href'));
	  });
	/*FORM AJAX SCRIPT*/
		 var options = { 
//        target:        '#output1',   // target element(s) to be updated with server response 
        success:       results,  // post-submit callback 
 
        // other available options: 
        url:       'contact.php'         // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    }; 
 
		$('#contactform').ajaxForm(options);
		function results(data) {
//		reuslts = function(data) {
            if (data==1){
				/*SUCCESSFUL AJAX CALL*/
				/*ID 'SUCCESS' NEEDS TO BE REVEALED*/
               // $('#success').fadeIn("slow");
				$("#bg").stop().animate({backgroundPosition: '-4550px 0px '}, 1000, "swing");
				$("#content_window").stop().animate({backgroundPosition: '-4550px 0px'},1000, "swing");
				$("#pages").stop().animate({left: '-4550px', top:'-600px'},1000, "swing");

                $('#contactform').resetForm();

            }

            else if (data==2){
                $('#badserver').fadeIn(300);

            }

            else if (data==3)

            {
                $('#bademail').fadeIn(300);

            }
            
            else if (data==4)

            {
                $('#badmessage').fadeIn(300);

            }
            else if (data==5)

            {
				$('#bademail').fadeIn(300);
			   $('#badmessage').fadeIn(300);

            }

        }
$(window).keydown(function(event){
  if (event.keyCode==9) {
		return false;
  } else {
	  return true;
  }
});
    });

