//  , opacity: 1

$(document).ready(function(){
    
   $.preloadImages("images/bluepixel.gif");
    
    // set default invisibility to about divs
    $("#about").addClass("hiddenaboutdiv");
    $("#commercialshipments").addClass("hiddenaboutdiv");
    $("#personalshipments").addClass("hiddenaboutdiv");

	// set invisibility to images divs
    $("#aboutpic").addClass("hiddenaboutdiv");
    $("#commercialpic").addClass("hiddenaboutdiv");
    $("#personalpic").addClass("hiddenaboutdiv");
	
	// set nonactiveness to aboutlinks
	$("#aboutlink1").addClass("nonactiveaboutlink");
	$("#aboutlink2").addClass("nonactiveaboutlink");
	$("#aboutlink3").addClass("nonactiveaboutlink");	
      
	// handling clicks on the about links
	// but first we make sure every layer except #default is gone
	var defaultisgone = false;
	var aboutisgone = true;
	var commercialshipmentsisgone = true;
	var personalshipmentsisgone = true;
	
	$(".nonactiveaboutlink").click(function(e) {
		switch(e.target.id) {
			case "aboutlink1":
				$("#aboutlink1").removeClass("nonactiveaboutlink"); 
				$("#aboutlink1").addClass("activeaboutlink"); 
				
				if ( $("#aboutlink2").hasClass("activeaboutlink") ) 
				{ 
				$("#aboutlink2").removeClass("activeaboutlink");
				$("#aboutlink2").addClass("nonactiveaboutlink");
				}
				
				if ( $("#aboutlink3").hasClass("activeaboutlink") ) 
				{
				$("#aboutlink3").removeClass("activeaboutlink");
				$("#aboutlink3").addClass("nonactiveaboutlink");
				}
				
				$("#aboutline1").attr({src: 'images/lightgreypixel.gif'});
				$("#aboutdescription1").css({'color': '#CCCCCC'});
				$("#raquo1").css({'color': '#CCCCCC'});
				$("#raquo2").css({'color': '#FF0000'});
				$("#raquo3").css({'color': '#FF0000'});
				
				// handling the animation
								
				if (!(defaultisgone)) {
				$("#default").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#defaultpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var defaultisgone = true;
				}
				if (!(commercialshipmentsisgone)) {
				$("#commercialshipments").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#commercialpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var commercialshipmentsisgone = true;
				}
				if (!(personalshipmentsisgone)) {
				$("#personalshipments").animate({ left: "-2000px"  }, { duration: 2000, queue: true }); $("#personalpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var personalshipmentsisgone = true;
				}
				$("#about").removeClass("hiddenaboutdiv");
				$("#about").animate({ left: "0px"  }, { duration: 2000, queue: true });
				$("#aboutpic").removeClass("hiddenaboutdiv");
				$("#aboutpic").animate({	left: "562px"  }, { duration: 2000, queue: true });
			break;
			case "aboutlink2":
				$("#aboutlink2").removeClass("nonactiveaboutlink");
				$("#aboutlink2").addClass("activeaboutlink");
				
				if ( $("#aboutlink1").hasClass("activeaboutlink") ) 
				{ 
				$("#aboutlink1").removeClass("activeaboutlink"); 
				$("#aboutlink1").addClass("nonactiveaboutlink"); 
				}
				if ( $("#aboutlink3").hasClass("activeaboutlink") ) 
				{ 
				$("#aboutlink3").removeClass("activeaboutlink"); 
				$("#aboutlink3").addClass("nonactiveaboutlink"); 
				}
								
				$("#aboutline2").attr({src: 'images/lightgreypixel.gif'});
				$("#aboutdescription2").css({'color': '#CCCCCC'});
				$("#raquo2").css({'color': '#CCCCCC'});
				$("#raquo1").css({'color': '#FF0000'});
				$("#raquo3").css({'color': '#FF0000'});
				
				if (!(defaultisgone)) {
				$("#default").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#defaultpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var defaultisgone = true;
				}
				if (!(aboutisgone)) {
				$("#about").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#aboutpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var aboutisgone = true;
				}
				if (!(personalshipmentsisgone)) {
				$("#personalshipments").animate({ left: "-2000px"  }, { duration: 2000, queue: true }); $("#personalpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var personalshipmentsisgone = true;
				}
				$("#commercialshipments").removeClass("hiddenaboutdiv");
				$("#commercialshipments").animate({	left: "0px"  }, { duration: 2000, queue: true });
				$("#commercialpic").removeClass("hiddenaboutdiv");
				$("#commercialpic").animate({	left: "562px"  }, { duration: 2000, queue: true });
			break;
			case "aboutlink3":
				$("#aboutlink3").removeClass("nonactiveaboutlink");
				$("#aboutlink3").addClass("activeaboutlink");
				
				if ( $("#aboutlink1").hasClass("activeaboutlink") ) 
				{ 
				$("#aboutlink1").removeClass("activeaboutlink");
				$("#aboutlink1").addClass("nonactiveaboutlink");
				}
				
				if ( $("#aboutlink2").hasClass("activeaboutlink") ) 
				{
				$("#aboutlink2").removeClass("activeaboutlink");
				$("#aboutlink2").addClass("nonactiveaboutlink");
				}
				
				$("#aboutline3").attr({src: 'images/lightgreypixel.gif'});
				$("#aboutdescription3").css({'color': '#CCCCCC'});
				$("#raquo3").css({'color': '#CCCCCC'});
				$("#raquo1").css({'color': '#FF0000'});
				$("#raquo2").css({'color': '#FF0000'});
				
				if (!(defaultisgone)) {
				$("#default").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#defaultpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var defaultisgone = true;
				}
				if (!(aboutisgone)) {
				$("#about").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#aboutpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var aboutisgone = true;
				}
				if (!(commercialshipmentsisgone)) {
				$("#commercialshipments").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); $("#commercialpic").animate({	left: "-2000px"  }, { duration: 2000, queue: true }); var commercialshipmentsisgone = true;
				}
				$("#personalshipments").removeClass("hiddenaboutdiv");
				$("#personalshipments").animate({ left: "0px"  }, { duration: 2000, queue: true });
				$("#personalpic").removeClass("hiddenaboutdiv");
				$("#personalpic").animate({	left: "562px"  }, { duration: 2000, queue: true });
			break;
		}
		return false;
	});
    
    // handling aboutlinks hovers   
    $("#aboutlink1").hover(function () { 
  	if ( $(this).hasClass("nonactiveaboutlink") )	$("#aboutline1").attr({src: "images/bluepixel.gif"});
  	if ( $(this).hasClass("nonactiveaboutlink") )	$("#aboutdescription1").css({'color': '#0066FF'});
    },function () { 
    if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutline1").attr({src: "images/lightgreypixel.gif"});
    if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutdescription1").css({'color': '#CCCCCC'});
     });   
     
    $("#aboutlink2").hover(function () { 
   	if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutline2").attr({src: "images/bluepixel.gif"});
   	if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutdescription2").css({'color': '#0066FF'});
    },function () { 
    if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutline2").attr({src: "images/lightgreypixel.gif"});
    if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutdescription2").css({'color': '#CCCCCC'});
     });   
     
    $("#aboutlink3").hover(function () { 
   	if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutline3").attr({src: "images/bluepixel.gif"});
   	if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutdescription3").css({'color': '#0066FF'});
    },function () { 
    if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutline3").attr({src: "images/lightgreypixel.gif"});
    if ( $(this).hasClass("nonactiveaboutlink") )   $("#aboutdescription3").css({'color': '#CCCCCC'});
     });       
	
	// handling click on more testimonials link
	$("#moretestimonials").click(function () {
      	$("#hiddentestimonials").slideDown("slow");
      	$("#evenmoretestimonialsdiv").slideDown("slow");
    	$("#moretestimonialsdiv").slideUp("slow");
      });  
 });