// JavaScript Document

$.preloadImages = function()
{
       for(var i = 0; i<arguments.length; i++)
       {
               $("<img />").attr("src", arguments[i]);
       }
}



//	$(window).bind("load",function() {   //load images before starting javascript

		

 	$(document).ready(function()	 {	//default loader

	

//	$(window).load(function () {   		//load images before starting javascript


	$("#bground").css('display','none');
	$("#logo").css('display','none');
	$("#about_us").css('display','none');
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").css('display','none');
	$("#bground_transparent").css('display','none');
	$("#boutique").css('display','none');
        $("#apparel").css('display','none');
	$("#pictures").css('display','none');
	
	
	$.preloadImages("/images/bground.jpg","/images/bground2.jpg","/images/logo.png","/images/bground3.png",
                        "/images/bground6.png","/images/bground7.jpg","/images/bground3.jpg",
                        "/images/bground9.jpg","images/tshirt-pink-40.png", "images/tshirt-red-40.png",
			"images/tshirt-gray1-40.png", "images/tshirt-black-40.png", "images/tshirt-gray2-40.png");
	
	start();
	buttons_slide_down();
	



	$("#button_about").click(function(event)
	{
          $(this).stop().animate({marginTop: '+=15px'}, 300).animate({marginTop: '-=15px'}, 300);

	  about_us();
	
	});


	$("#button_home").click(function(event)
	{	

	    $(this).stop().animate({marginTop: '+=15px'}, 300).animate({marginTop: '-=15px'}, 300);
			 
	    home();
	
	});

	
	$("#button_apparel").click(function(event)
	{	

	    $(this).stop().animate({marginTop: '+=15px'}, 300).animate({marginTop: '-=15px'}, 300);
	    	 
	    tshirts();
	
	});


	$("#button_boutique").click(function(event)
	{	

	    $(this).stop().animate({marginTop: '+=15px'}, 300).animate({marginTop: '-=15px'}, 300);
	    	 
	    vendors();
	
	});


	
	$("#button_customers").click(function(event)
	{	

	    $(this).stop().animate({marginTop: '+=15px'}, 300).animate({marginTop: '-=15px'}, 300);
	    	 
	    customer_pics();
	
	});




	//////////////////////////////////////////////////bring in main image, contact info, logo, & buttons
	
     function start(){
	$("#bground").hide().fadeIn(2500);
	$("#about_us").hide();
	$("#about_us_text").hide();
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").hide();
	$("#tshirt-bground").hide();
	$("#boutique-container").hide();
	$("#boutique").hide();
	$("#apparel").hide();
	$("#pictures").hide();
	$("#bground_transparent").hide();
	$("#contact-name").hide().delay(1500).slideDown(2500);
	$("#contact-info").hide().delay(1500).slideDown(2500);
	$("#logo").delay(2500).fadeIn(2500);
	
	
	$("#button_home").hide().delay(3000).fadeIn(2000);
	$("#button_about").hide().delay(3250).fadeIn(2000);
	$("#button_apparel").hide().delay(3550).fadeIn(2000);
	$("#button_boutique").hide().delay(3750).fadeIn(2000);
	$("#button_customers").hide().delay(4000).fadeIn(2000);

	$("#message").hide().delay(4250).fadeIn(2000);
	$("#samsatech").hide().fadeIn(3500);
	}
	
	/////////////////////////////////////////////////animation for buttons to slide down
	
     function buttons_slide_down() {
	$("#button_home").animate({"top": "+=80px"}, "slow");
	$("#button_about").animate({"top": "+=80px"}, "slow");
	$("#button_boutique").animate({"top": "+=80px"}, "slow");
	$("#button_apparel").animate({"top": "+=80px"}, "slow");
	$("#button_customers").animate({"top": "+=80px"}, "slow");
	$("#message").animate({"right": "+=410px"}, "slow");
	}	


     function home() {
	$("#bground").fadeIn(2500);
	$("#about_us").fadeOut(2000);
	$("#about_us_text").fadeOut(2000);
	$("#bground_transparent").fadeOut(2000);
	$("#tshirt-bground").fadeOut(2000);
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").fadeOut(2000);
	$("#boutique-container").fadeOut(2000);
	$("#apparel").fadeOut(2000);
	$("#contact-name").fadeIn(2500);
	$("#contact-info").fadeIn(2500);
	$("#logo").delay(500).fadeIn(2500);
	$("#message").delay(1500).fadeIn(2500);
	$("#boutique").fadeOut(2000);
	$("#pictures").fadeOut(2000);
	}

     function about_us() {
	
	$("#about_us").fadeIn(2500);
	$("#about_us_text").delay(1500).fadeIn(2500);
	$("#bground_transparent").fadeOut(2000);
	$("#tshirt-bground").fadeOut(2500);
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").fadeOut(2000);
	$("#boutique-container").fadeOut(2000);
	$("#apparel").fadeOut(2000);
	$("#bground").fadeOut(2000);
	$("#logo").fadeOut(2000);
	$("#message").fadeOut(2000);
	$("#contact-name").fadeIn(2500);
	$("#contact-info").fadeIn(2500);
	$("#boutique").fadeOut(2000);
	$("#pictures").fadeOut(2000);
	}


     function tshirts() {
	
	
	$("#bground").fadeOut(2000);
	$("#about_us").fadeOut(2000);
	$("#about_us_text").fadeOut(2000);
	$("#logo").fadeOut(2000);
	$("#message").fadeOut(2000);
	$("#contact-name").fadeIn(2500);
	$("#contact-info").fadeIn(2500);
	$("#bground_transparent").fadeOut(2000);
	$("#apparel").fadeIn(2500);
	$("#tshirt-bground").hide();
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").delay(1000).fadeIn(2500);
	$("#boutique-container").fadeOut(2000);
	$("#boutique").fadeOut(2000);
	$("#pictures").fadeOut(2000);
	}
     
	
	function vendors() {
	
	
	$("#bground").fadeOut(2000);
	$("#about_us").fadeOut(2000);
	$("#about_us_text").fadeOut(2000);
	$("#logo").fadeOut(2000);
	$("#message").fadeOut(2000);
	$("#apparel").fadeOut(2000);
	$("#contact-name").fadeIn(2500);
	$("#contact-info").fadeIn(2500);
	$("#bground_transparent").fadeIn(2500);
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").fadeOut(2000);
	$("#tshirt-bground").fadeOut(2000);
	$("#boutique-container").delay(1000).fadeIn(2500);
	$("#boutique").fadeIn(2500);
	$("#pictures").fadeOut(2000);
	}
     
	
	function customer_pics() {
	
	
	$("#bground").fadeOut(2000);
	$("#about_us").fadeOut(2000);
	$("#about_us_text").fadeOut(2000);
	$("#logo").fadeOut(2000);
	$("#message").fadeOut(2000);
	$("#apparel").fadeOut(2000);
	$("#contact-name").fadeIn(2500);
	$("#contact-info").fadeIn(2500);
	$("#bground_transparent").fadeOut(2000);
	$("#tshirt-container,#cotton,#shirt1,#shirt2,#shirt3,#shirt4,#shirt5").fadeOut(2000);
	$("#tshirt-bground").fadeOut(2000);
	$("#boutique-container").fadeOut(2000);
	$("#boutique").fadeOut(2000);
	$("#pictures").delay(2000).fadeIn(3500);
	}

	
  });