$(document).ready(function(){

var COOKIE_NAME = 'services';


$("#slide1").hide();
$("#slide2").hide();
$("#slide3").hide();
$("#slide4").hide();
		

$("#content, #s-line4").hover(function() {
			

		}, function() {
		
								
				if ($("#slide1").is(":visible")) {
        			$("#slide1").slideUp("fast");
      			} 
				if ($("#slide2").is(":visible")) {
        			$("#slide2").slideUp("fast");
      			}
				if ($("#slide3").is(":visible")) {
        			$("#slide3").slideUp("fast");
      			} 
				if ($("#slide4").is(":visible")) {
        			$("#slide4").slideUp("fast");
      			}
			
$("#s-line").css("margin-bottom", "12px");
$("#s-line2").css("margin-bottom", "12px");
$("#s-line3").css("margin-bottom", "12px");
$("#s-line4").css("margin-bottom", "12px");

$("#s-line img").fadeIn("fast");
$("#s-line2 img").fadeIn("fast");
$("#s-line3 img").fadeIn("fast");
$("#s-line4 img").fadeIn("fast");

$("#s-line .large, #s-line .small, #s-line2 .large, #s-line2 .small, #s-line3 .large, #s-line3 .small, #s-line4 .large, #s-line4 .small").css(
{'border' : '1px solid #fff'});		

		});
		
		
if ($.cookie(COOKIE_NAME)=="design") {
	$("#slide1").slideDown("fast");
	$("#s-line").css("margin-bottom", "0px");
	$("#s-line2 img").fadeOut("fast");
	$("#s-line3 img").fadeOut("fast");
	$("#s-line4 img").fadeOut("fast");
	$("#s-line .large, #s-line .small").css({'border' : '1px solid #fff'});
	$("#s-line2 .large, #s-line2 .small, #s-line3 .large, #s-line3 .small, #s-line4 .large, #s-line4 .small").css({'border' : '1px solid #999'});
}
if ($.cookie(COOKIE_NAME)=="product") {
	$("#slide2").slideDown("fast");
	$("#s-line2").css("margin-bottom", "0px");
	$("#s-line img").fadeOut("fast");
	$("#s-line3 img").fadeOut("fast");
	$("#s-line4 img").fadeOut("fast");
	$("#s-line2 .large, #s-line2 .small").css({'border' : '1px solid #fff'});
	$("#s-line .large, #s-line .small, #s-line3 .large, #s-line3 .small, #s-line4 .large, #s-line4 .small").css({'border' : '1px solid #999'});
}
if ($.cookie(COOKIE_NAME)=="project") {
	$("#slide3").slideDown("fast");
	$("#s-line3").css("margin-bottom", "0px");
	$("#s-line img").fadeOut("fast");
	$("#s-line2 img").fadeOut("fast");
	$("#s-line4 img").fadeOut("fast");
	$("#s-line3 .large, #s-line3 .small").css({'border' : '1px solid #fff'});
	$("#s-line .large, #s-line .small, #s-line2 .large, #s-line2 .small, #s-line4 .large, #s-line4 .small").css({'border' : '1px solid #999'});
} 		

		$("#a_toggle").hover(function(e) {
			
			//$("#s1, #s4").css({border:"1px solid #999", height:"78px"});
			
      /*		$("#ap1, #ap3").animate({
				opacity:1
			},10);
			$("#a1, #a3").css("border","none");
			*/
				$("#s-line img").fadeIn("fast");
						
				if ($("#slide1").is(":hidden")) {
        			$("#slide1").slideDown("fast");
      			} 
				if ($("#slide2").is(":visible")) {
        			$("#slide2").slideUp("fast");
      			}
				if ($("#slide3").is(":visible")) {
        			$("#slide3").slideUp("fast");
      			} 
				if ($("#slide4").is(":visible")) {
        			$("#slide4").slideUp("fast");
      			}
				$("#s-line").css("margin-bottom", "0px");
				$("#s-line2").css("margin-bottom", "12px");
				$("#s-line3").css("margin-bottom", "12px");
				$("#s-line4").css("margin-bottom", "12px");
				
				$("#s-line2 img").fadeOut("fast");
				$("#s-line3 img").fadeOut("fast");
				$("#s-line4 img").fadeOut("fast");
				
						
				$("#s-line .large, #s-line .small").css(
				{'border' : '1px solid #fff'});
				$("#s-line2 .large, #s-line2 .small, #s-line3 .large, #s-line3 .small, #s-line4 .large, #s-line4 .small").css(
				{'border' : '1px solid #999'});
				
				
		}, function(e) {
				
		});
		
		$("#s_toggle").hover(function(e) {
			
			//$("#s1, #s4").css({border:"1px solid #999", height:"78px"});
			
      /*		$("#ap1, #ap3").animate({
				opacity:1
			},10);
			$("#a1, #a3").css("border","none");
			*/
			$("#s-line2 img").fadeIn("fast");
			
				$("#s-line").css("margin-bottom", "12px");
				$("#s-line2").css("margin-bottom", "0px");
				$("#s-line3").css("margin-bottom", "12px");
				$("#s-line4").css("margin-bottom", "12px");
				
				
				$("#s-line img").fadeOut("fast");
				$("#s-line3 img").fadeOut("fast");
				$("#s-line4 img").fadeOut("fast");
						
				if ($("#slide1").is(":visible")) {
        			$("#slide1").slideUp("fast");
      			} 
				if ($("#slide2").is(":hidden")) {
        			$("#slide2").slideDown("fast");
      			}
				if ($("#slide3").is(":visible")) {
        			$("#slide3").slideUp("fast");
      			} 
				if ($("#slide4").is(":visible")) {
        			$("#slide4").slideUp("fast");
      			}
				
				$("#s-line2 .large, #s-line2 .small").css(
				{'border' : '1px solid #fff'});
				$("#s-line .large, #s-line .small, #s-line3 .large, #s-line3 .small, #s-line4 .large, #s-line4 .small").css(
				{'border' : '1px solid #999'});
				
		}, function(e) {		
		});
		
		$("#e_toggle").hover(function(e) {
			
			//$("#s1, #s4").css({border:"1px solid #999", height:"78px"});
			
      /*		$("#ap1, #ap3").animate({
				opacity:1
			},10);
			$("#a1, #a3").css("border","none");
			*/
			$("#s-line3 img").fadeIn("fast");
			$("#s-line img").fadeOut("fast");
			$("#s-line2 img").fadeOut("fast");
			$("#s-line4 img").fadeOut("fast");
			
				$("#s-line").css("margin-bottom", "12px");
				$("#s-line2").css("margin-bottom", "12px");
				$("#s-line3").css("margin-bottom", "0px");
				$("#s-line4").css("margin-bottom", "12px");
						
				if ($("#slide1").is(":visible")) {
        			$("#slide1").slideUp("fast");
      			} 
				if ($("#slide2").is(":visible")) {
        			$("#slide2").slideUp("fast");
      			}
				if ($("#slide3").is(":hidden")) {
        			$("#slide3").slideDown("fast");
      			} 
				if ($("#slide4").is(":visible")) {
        			$("#slide4").slideUp("fast");
      			}
				
				$("#s-line3 .large, #s-line3 .small").css(
				{'border' : '1px solid #fff'});
				$("#s-line .large, #s-line .small, #s-line2 .large, #s-line2 .small, #s-line4 .large, #s-line4 .small").css(
				{'border' : '1px solid #999'});
				
		}, function(e) {		
		});
		
		$("#b_toggle").hover(function(e) {
			
			//$("#s1, #s4").css({border:"1px solid #999", height:"78px"});
			
      /*		$("#ap1, #ap3").animate({
				opacity:1
			},10);
			$("#a1, #a3").css("border","none");
			
			$("#s-line4 img").fadeIn("fast");
			$("#s-line img").fadeOut("fast");
			$("#s-line3 img").fadeOut("fast");
			$("#s-line2 img").fadeOut("fast");

				$("#s-line").css("margin-bottom", "12px");
				$("#s-line2").css("margin-bottom", "12px");
				$("#s-line3").css("margin-bottom", "12px");
				$("#s-line4").css("margin-bottom", "0px");
						
				if ($("#slide1").is(":visible")) {
        			$("#slide1").slideUp("fast");
      			} 
				if ($("#slide2").is(":visible")) {
        			$("#slide2").slideUp("fast");
      			}
				if ($("#slide3").is(":visible")) {
        			$("#slide3").slideUp("fast");
      			} 
				if ($("#slide4").is(":hidden")) {
        			$("#slide4").slideDown("fast");
      			}
				
				$("#s-line4 .large, #s-line4 .small").css(
				{'border' : '1px solid #fff'});
				$("#s-line .large, #s-line .small, #s-line2 .large, #s-line2 .small, #s-line3 .large, #s-line3 .small").css(
				{'border' : '1px solid #999'});
				*/
		}, function(e) {		
		});
		
		
$(".cs_lst").hover(function() {	
	$(".cs").css("font-weight", "normal");
}, function() {
	$(".cs").css("font-weight", "bold");
});		


$.cookie('services', 'design', { path: '/', expires: -1 });
$.cookie('services', 'product', { path: '/', expires: -1 });
$.cookie('services', 'project', { path: '/', expires: -1 });


});

// JavaScript Document