// JavaScript Document
			   
/*$(function() {
    function slidePanel( newPanel, direction ) {
        // define the offset of the slider obj, vis a vis the document
        var offsetLeft = $slider.offset().left;

        // offset required to hide the content off to the left / right
        var hideLeft = -1 * ( offsetLeft + $slider.width() );
        var hideRight = $(window).width() - offsetLeft;

        // change the current / next positions based on the direction of the animation
        if ( direction == 'left' ) {
            currPos = hideLeft;
            nextPos = hideRight;
        }
        else {
            currPos = hideRight;
            nextPos = hideLeft;
        }

        // slide out the current panel, then remove the active class
        $slider.children('.slide-panel.active').animate({
            left: currPos
        }, 900, function() {
            $(this).removeClass('active');
			activecircle();
			
        });

        // slide in the next panel after adding the active class
        $( $sliderPanels[newPanel] ).css('left', nextPos).addClass('active').animate({
            left: 0
        }, 900 );
    }

    var $slider = $('#full-slider');
    var $sliderPanels = $slider.children('.slide-panel');

    var $navWrap = $('<div id="full-slider-nav"></div>').appendTo( $slider );
    var $navLeft = $('<div id="full-slider-nav-left"></div>').appendTo( $navWrap );
    var $navRight = $('<div id="full-slider-nav-right"></div>').appendTo( $navWrap );

    var currPanel = 0;

    $navLeft.click(function() {
        currPanel--;
	
        // check if the new panel value is too small
        if ( currPanel < 0 ) currPanel = $sliderPanels.length - 1;

        slidePanel(currPanel, 'right');
		
    });

    $navRight.click(function() {
        
		currPanel++;
		
        // check if the new panel value is too big
        if ( currPanel >= $sliderPanels.length ) currPanel = 0;

        slidePanel(currPanel, 'left');
		activecircle();
		
    });
	
	
});	

var slidercircles = new Array();
var slidequantity = new Array();
var start = slidercircles[0];

	var activecircle = function() {		
		 
		 
		$(".slide-panel").each(function() {
			  slidequantity.push($(this));							
    	});
		
		$("#slider-line ul li").each(function() {
			  slidercircles.push($(this));							
    	});
		
	
		
		
		for (i=0; i<slidequantity.length; i++) {			
			if (slidequantity[i].hasClass("active")) {
				slidercircles[i].find("img").attr({
					src: "image/active-btn.png"					 
				})
			}
			else   {
				slidercircles[i].find("img").attr({
					src: "image/unactive-btn.png",
					alt: "Verso Group"
				})	
			}
		}						   
	}

*/

$(document).ready(function(){	

	if ($.browser.msie && $.browser.version<9) {
	}
	else {
		$("#full-slider-nav-left").css({ opacity: 0.7 });
		$("#full-slider-nav-right").css({ opacity: 0.7 });
	}
	
	$("#full-slider-nav-left").mouseover(function() {
			if ($.browser.msie && $.browser.version<9) {
			}
			else {
				$(this).fadeTo("fast", 1);
			}
	});
	
	$("#full-slider-nav-left").mouseout(function() {
			if ($.browser.msie && $.browser.version<9) {
			}
			else {
				$(this).fadeTo("fast", 0.7);
			}									  
	});
	
	
	
	$("#full-slider-nav-right").mouseover(function() {
		if ($.browser.msie && $.browser.version<9) {
			}
			else {
				$(this).fadeTo("fast", 1);
			}										  
	});
	
	$("#full-slider-nav-right").mouseout(function() {
		if ($.browser.msie && $.browser.version<9) {
		}
		else {
				$(this).fadeTo("fast", 0.7);
		}									  
	});

	$(".full-size").hide();
	$(".full-size ul").hide();
						   
						   
						   
						   
	var versoWork = new Array();
	var versoFull = new Array();
	
		$(".verso-group-work ul li").each(function() {
			  versoWork.push($(this));							
    	});
		
		$(".verso-group-full").find("img").each(function() {
			  versoFull.push($(this));							
    	});
	
	
	


	$(".verso-group-full img:not(:first)").hide();

	$(".verso-group-work ul li").click(function() {
			var target = $(this).attr("id");
			for (x=0; x<versoWork.length; x++) {				
				if (target==versoWork[x].attr("id")) {
					  if ($.browser.msie && $.browser.version<9) {
						$(versoFull[x]).show();
					  }
					  else {
						$(versoFull[x]).fadeIn(1000);
					  }
				}
				else {
					 $(versoFull[x]).hide();
				}

			}
	});


	var companiesText = new Array();
	var companiesDesc = new Array();
	var companiesLogo = new Array();
	
	$(".company-overview ul li").each(function() {
        companiesText.push($(this).attr('class'));							
   	});
	
	$(".company-overview").find("div").each(function() {
		companiesDesc.push($(this));											 
	});
	
	$("#carousel1").find("img").each(function() {
		companiesLogo.push($(this).attr('class'));													  
	});

			

	
	$('.company-overview div:gt(0)').hide();
	
	$("#left-but").click(function(){	
 		  if ($.browser.msie && $.browser.version<9) {
	  		$(".company-overview").find("div").hide();
			$(".company-overview").find('div:last').show()
			$(".company-overview").find("div:last").prependTo(".company-overview");
		  }
		  else {
			$(".company-overview").find("div").hide();
			$(".company-overview").find('div:last').fadeIn(1000)
			$(".company-overview").find("div:last").prependTo(".company-overview");
		  }
	});
	
	$("#right-but").click(function(){
		if ($.browser.msie && $.browser.version<9) {
	  		$(".company-overview").find("div").hide()
			$(".company-overview").find("div:first").next('div').show()
			.end().appendTo(".company-overview");
		}
		else {
			$(".company-overview").find("div").hide();
			$(".company-overview").find('div:first').next("div").fadeIn(1000)
			$(".company-overview").find("div:first").appendTo(".company-overview");	
		}
	});


	$(".company-overview ul li").click(function() {									
			var hit = $(this).attr("class");
			for (x=0; x<companiesText.length; x++) {				
				if (hit==companiesDesc[x].attr("class")) {
					if ($.browser.msie && $.browser.version<9) {
						$(companiesDesc[x]).show();
					  }
					  else {
						$(companiesDesc[x]).fadeIn(1000);					 
					  }
				}
				else {
					 $(companiesDesc[x]).hide();
				}
			}
	});



				
	
		
	
	
	
	var allgallery = new Array();
	var productdev = new Array();
	var brandingdev = new Array();
	var webdev = new Array();
	var socialdev = new Array();
	var printdev = new Array();
	var textiledev = new Array();
	var fullsizedesign = new Array();
	var hideart = new Array();

	$(".gallery ul li").each(function() {
		allgallery.push($(this));													  
	});
	
	$(".product").each(function() {
		productdev.push($(this).attr('class'));													  
	});
	
	$(".branding").each(function() {
		brandingdev.push($(this).attr('class'));
	});
	
	$(".web").each(function() {
		webdev.push($(this).attr('class'));													  
	});
	
	$(".social").each(function() {
		socialdev.push($(this).attr('class'));													  
	});

	$(".print").each(function() {
		printdev.push($(this).attr('class'));													  
	});

	$(".tshirt").each(function() {
		textiledev.push($(this).attr('class'));													  
	});



	


	
	var running = new Array();

	
$(".gallery ul li").click(function() {	
		var seefullsize = $(this).attr('class');
		

		$(".full-size ul li").css("display", "none");
		
		for (x=0; x<allgallery.length; x++) {										
		   if ($(allgallery[x]).hasClass("hidden")) {
			 //if thumbnail has hidden it does nothing  			 
		   }
			else {
				//put each thumbnail without class hidden into an running array
				$(allgallery[x]).each(function() {						
					running.push($(this).attr('class'));					
				});		
				
			}
		}	




		// put each full size image without class hidden in fullsizedesign array
				$(".full-size ul li:not(.hidden)").each(function() {
					fullsizedesign.push($(this));							  
				});
				
				$(".full-size-arrow-left").show();
				$(".full-size-arrow-right").show();
		
		
		//now only visible are in array running - if clicked is in branding, check to see that clicked has the same name as branding thumbnail, than display corresponding full size
	   for (i=0; i<running.length; i++) {	
	  	

	  
	   		if (seefullsize==brandingdev[i] && brandingdev[i]==fullsizedesign[i].attr("class") 
				|| seefullsize==webdev[i] && webdev[i]==fullsizedesign[i].attr("class")
				|| seefullsize==productdev[i] && productdev[i]==fullsizedesign[i].attr("class")
				|| seefullsize==socialdev[i] && socialdev[i]==fullsizedesign[i].attr("class")
				|| seefullsize==printdev[i] && printdev[i]==fullsizedesign[i].attr("class")
				|| seefullsize==textiledev[i] && textiledev[i]==fullsizedesign[i].attr("class")
				|| seefullsize==running[i])
			{				
				
				$(".gallery").slideUp();
				
				$(".full-size").show();
				
				//add class type categoryVisible to the type of the button that was pushed				
				$(".full-size ul").show();
				$(".full-size ul li").hide();
				
				//display corresponding full size art - so thumbnails name is web web 1 - display fullsize with name web web1, print 1 shows print 1
					
				$(fullsizedesign[i]).show();
				
				
				$(fullsizedesign[i]).addClass("visible");
				
				
				//write full size art's alt and title tag into proper h1 or h2 tags - make launch site visible if pertains
				artTitle = $(fullsizedesign[i]).find("img").attr("title");
				$(".full-size-text p").text(artTitle);
				
				artAlt = $(fullsizedesign[i]).find("img").attr("alt");
				$(".full-size-text h1").text(artAlt);
				
				//alert (fullsizedesign[i].attr('class'));
				
		
				
				
			}
			else {
				//alert ("not match");
			}	
		}
		
	   running.length = 0;
	   fullsizedesign.length = 0;
});



	$("#full-size-right").click(function() {
		
		// make array but only of those without notchosenStyle class
		var liarray = new Array();								 
		//make array of all art li without notchosenStyle class
		$(".full-size ul li:not(.hidden)").each(function() {						
			liarray.push($(this));					
		});
		
		//find which li is visible and add class visible
		$(".makevisible").removeClass("makevisible").addClass("visible");
		
		for (b=0; b<liarray.length; b++) {
			if ($(liarray[b]).hasClass("visible")) {				
				var next = liarray[($.inArray(liarray[b], liarray) + 1) % liarray.length];
				var prev = liarray[($.inArray(liarray[b], liarray) - 1 + liarray.length) % liarray.length];
			
				$(next).first().addClass("makevisible");
				$(".makevisible").show();
				
				artTitle = $(".makevisible").find("img").attr("title");
				$(".full-size-text p").text(artTitle);
				
				artAlt = $(".makevisible").find("img").attr("alt");
				$(".full-size-text h1").text(artAlt);
				
				$(".visible").removeClass("visible").hide();	
			}	
		}		
	});

	$("#full-size-left").click(function() {
		var liarray = new Array();								 
		//make array of all art li
		$(".full-size ul li:not(.hidden)").each(function() {						
			liarray.push($(this));					
		});
		
		//find which li is visible and add class visible
		$(".makevisible").removeClass("makevisible").addClass("visible");
		
		for (b=0; b<liarray.length; b++) {
			if ($(liarray[b]).hasClass("visible")) {				
				var next = liarray[($.inArray(liarray[b], liarray) + 1) % liarray.length];
				var prev = liarray[($.inArray(liarray[b], liarray) - 1 + liarray.length) % liarray.length];
			
				$(prev).first().addClass("makevisible");
				$(".makevisible").show();
				
				artTitle = $(".makevisible").find("img").attr("title");
				$(".full-size-text p").text(artTitle);
				
				artAlt = $(".makevisible").find("img").attr("alt");
				$(".full-size-text h1").text(artAlt);
				
				$(".visible").removeClass("visible").hide();	
			}	
		}		
	});



	

	$(".salmon-bar ul li").click(function() {
		$(".gallery").show();
		$(".full-size").hide();
		$(".full-size ul li").hide();
	});

	$("#full-size-left").mouseover(function() {
		$(this).attr(
			"src", "image/gallery-previous-hover.png"			 
		);
	});
	
	$("#full-size-left").mouseout(function() {
		$(this).attr(
			"src", "image/gallery-previous.png"			 
		);
	});
	
	$("#full-size-right").mouseover(function() {
		$(this).attr(
			"src", "image/gallery-next-hover.png"			 
		);
	});
	
	$("#full-size-right").mouseout(function() {
		$(this).attr(
			"src", "image/gallery-next.png"			 
		);
	});


$("#my_image").attr("src","second.jpg");


$("#visit-work").click(function(){
		$('html, body').animate({scrollTop: $('#how-we-work').offset().top}, 1000);
			return false	
});




$("#print-shuffle").click(function() {
	$(".print").removeClass("hidden").fadeIn(500);
	$(".web").addClass("hidden").fadeOut(500);
	$(".tshirt").addClass("hidden").fadeOut(500);
	$(".product").addClass("hidden").fadeOut(500);
	$(".branding").addClass("hidden").fadeOut(500);
	$(".social").addClass("hidden").fadeOut(500);

	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");

});

$("#web-shuffle").click(function() {
	$(".web").removeClass("hidden").fadeIn(500);
	$(".print").addClass("hidden").fadeOut(200);
	$(".tshirt").addClass("hidden").fadeOut(200);
	$(".product").addClass("hidden").fadeOut(200);
	$(".branding").addClass("hidden").fadeOut(200);
	$(".social").addClass("hidden").fadeOut(500);
	
	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");
});

$("#tshirt-shuffle").click(function() {
	$(".tshirt").removeClass("hidden").fadeIn(500);
	$(".print").addClass("hidden").fadeOut(500);
	$(".web").addClass("hidden").fadeOut(500);
	$(".product").addClass("hidden").fadeOut(500);
	$(".branding").addClass("hidden").fadeOut(500);
	$(".social").addClass("hidden").fadeOut(500);
	
	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");
});

$("#product-shuffle").click(function() {
	$(".product").removeClass("hidden").fadeIn(500);
	$(".print").addClass("hidden").fadeOut(500);
	$(".web").addClass("hidden").fadeOut(500);
	$(".tshirt").addClass("hidden").fadeOut(500);
	$(".branding").addClass("hidden").fadeOut(500);
	$(".social").addClass("hidden").fadeOut(500);
	
	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");
});

$("#branding-shuffle").click(function() {
	$(".branding").removeClass("hidden").fadeIn(500);
	$(".print").addClass("hidden").fadeOut(500);
	$(".web").addClass("hidden").fadeOut(500);
	$(".tshirt").addClass("hidden").fadeOut(500);
	$(".product").addClass("hidden").fadeOut(500);
	$(".social").addClass("hidden").fadeOut(500);
	
	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");
});

$("#social-shuffle").click(function() {
	$(".social").removeClass("hidden").fadeIn(500);
	$(".print").addClass("hidden").fadeOut(500);
	$(".web").addClass("hidden").fadeOut(500);
	$(".tshirt").addClass("hidden").fadeOut(500);
	$(".product").addClass("hidden").fadeOut(500);
	$(".branding").addClass("hidden").fadeOut(500);
	
	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");
});

$("#all-shuffle").click(function() {
	$(".gallery ul li").removeClass("hidden").fadeIn(500);
	
	$(".social").removeClass("hidden");
	$(".web").removeClass("hidden");
	$(".tshirt").removeClass("hidden");
	$(".product").removeClass("hidden");
	$(".branding").removeClass("hidden");
	$(".print").removeClass("hidden");
	
	$(".web").removeClass("makevisible");
	$(".print").removeClass("makevisible");
	$(".tshirt").removeClass("makevisible");
	$(".product").removeClass("makevisible");
	$(".branding").removeClass("makevisible");
	$(".social").removeClass("makevisible");
	
	$(".social").removeClass("visible");
	$(".web").removeClass("visible");
	$(".tshirt").removeClass("visible");
	$(".product").removeClass("visible");
	$(".branding").removeClass("visible");
	$(".social").removeClass("visible");
});





	$("#carousel1").CloudCarousel(		
		{			
			yPos:50,
			xPos: 600,
			buttonLeft: $("#left-but"),
			buttonRight: $("#right-but"),
			altBox: $("#alt-text"),
			titleBox: $("#title-text")
		}
	);






	
		





						   
						   
});
						   




$(window).bind("load", function() { 

	   //setup the height and position for your sticky footer
       var footerHeight = 0,
           footerTop = 0,
           $footer = $("#footer");

       positionFooter();

       function positionFooter() {

                footerHeight = $footer.height();
                footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";

               if ( ($(document.body).height()+footerHeight) < $(window).height()) {
                   $footer.css({
                        position: "absolute"
                   }).animate({
                        top: footerTop
                   })
               } else {
                   $footer.css({
                        position: "static"
                   })
               }

       }

       $(window)
               .scroll(positionFooter)
               .resize(positionFooter)

})