$(document).ready(function(){

		$( "#accordion" ).accordion();

		$.supersized({
				
					//Functionality
					slideshow               :   1,		//Slideshow on/off
					autoplay				:	1,		//Slideshow starts playing automatically
					start_slide             :   1,		//Start slide (0 is random)
					random					: 	0,		//Randomize slide order (Ignores start slide)
					slide_interval          :   3000,	//Length between transitions
					transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	1500,	//Speed of transition
					new_window				:	0,		//Image links open in new window/tab
					pause_hover             :   0,		//Pause slideshow on hover
					keyboard_nav            :   1,		//Keyboard navigation on/off
					performance				:	2,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
					image_protect			:	1,		//Disables image dragging and right click with Javascript
					image_path				:	'images/', //Default image path

					//Size & Position
					min_width		        :   0,		//Min width allowed (in pixels)
					min_height		        :   0,		//Min height allowed (in pixels)
					vertical_center         :   1,		//Vertically center background
					horizontal_center       :   1,		//Horizontally center background
					fit_portrait         	:   1,		//Portrait images will not exceed browser height
					fit_landscape			:   0,		//Landscape images will not exceed browser width
					
					//Components
					navigation              :   0,		//Slideshow controls on/off
					thumbnail_navigation    :   0,		//Thumbnail navigation
					slide_counter           :   0,		//Display slide numbers
					slide_captions          :   0,		//Slide caption (Pull from "title" in slides array)
					slides 					:  	[		//Slideshow Images
												  		{ image : 'images/make-up-bg1.jpg' },
												  		{ image : 'images/make-up-bg2.jpg' }
												]					
				});


    $('#container').masonry({
      itemSelector: '.colBox',
      columnWidth: 5,
      isAnimated: true
    });

		$("a[data-gal^='prettyPhoto']").prettyPhoto({
										   autoplay_slideshow: false,
										   show_title: false,
										   social_tools:false
										   });

		$(".colBox").fadeTo("fast", 0.7); // This sets the opacity of the thumbs to 100% when the page loads
		$(".colBox").hover(function(){
		$(this).fadeTo("fast", 1.0); // This should set the opacity to 60% on hover
		},function(){
		$(this).fadeTo("fast", 0.7); // This should set the opacity back to 1000% on mouseout
		});








//Description and magnify Overlays////////////////////////////////

				//Add Magnify span
				$(".zoom").append("<span></span>");
				//Full Caption Sliding (Hidden to Visible)
				$("div.colBox").hover(function(){
					//Fadein Magnify
					$(".zoom span", this).fadeIn();
					//Animate description box
					$(".description", this).stop().animate({left:'0px'},{queue:false,duration:400});
				}, function() {
					//Fadeout Magnify
					$(".zoom span", this).fadeOut();
					//Animate description box
					$(".description", this).stop().animate({left:'-100%'},{queue:false,duration:260});
				});





});



$(function () {
			$('.colBox img, .preload').hide();//hide all the images on the page
		});
		
		var i = 0;//initialize
		var int=0;//Internet Explorer Fix
		$(window).bind("load", function() {//The load event will only fire if the entire page or document is fully loaded
			var int = setInterval("doThis(i)",100);//500 is the fade in speed in milliseconds
		});
 
		function doThis() {
			var imgs = $('.colBox img, .preload').length;//count the number of images on the page
			if (i >= imgs) {// Loop the images
				clearInterval(int);//When it reaches the last image the loop ends
			}
			$('.colBox img:hidden, .preload:hidden').eq(0).fadeIn(100);//fades in the hidden images one by one
			i++;//add 1 to the count
}