jQuery(document).ready(function(){
	$("a[rel^='portfolioPhoto']").portfolioPhoto({
		animation_speed: 'fast',
		allow_resize: false,
		opacity: 1,
		counter_separator_label: ' of ',
		social_tools: false,
		
			markup: '<div class="pp_pic_holder"> \
						<div class="pp_content_container"> \
							<div class="pp_content"> \
								<div class="pp_loaderIcon"></div> \
								<div class="pp_fade"> \
									<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
									<div id="pp_full_res"></div> \
									<div class="pp_details"> \
										<div class="pp_nav"> \
											<a href="#" class="pp_arrow_previous">Previous</a> \
											<div class="ppt">&nbsp;</div> \
											<a href="#" class="pp_arrow_next">Next</a> \
										</div> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										{pp_social} \
									</div> \
									<div class="pp_desc"> \
										<p class="pp_description"></p> -  \
										<p class="pp_counter_label">Image</p> \
										<p class="currentTextHolder">0/0</p> <br /> \
										<a class="pp_close" href="#">Close</a> \
									</div> \
								</div> \
							</div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>',
			gallery_markup: '<div class="pp_gallery"> \
								<a href="#" class="pp_arrow_previous">Previous</a> \
								<div> \
									<ul> \
										{gallery} \
									</ul> \
								</div> \
								<a href="#" class="pp_arrow_next">Next</a> \
							</div>',
	});
	
	function autoResize() {
		var	windowWidth = $(window).width(),
			rightCol    = $('#rightcol'),
			marginLeft  = 210, 
			marginRight = 0,
			formID      = $('#contact-form'),
			inputText   = 450,
			background1 = 40;
		rightCol.dequeue().width(windowWidth - (marginLeft + marginRight));
		formID.find('.bg-2').dequeue().width(formID.width() - (inputText + background1));
	};
	$(window).resize(function() {
		autoResize();
	});
	autoResize();
	
	// Set contact form value
	if ($('input#name').val() == ''){
		$('input#name').val('Your Name');
	}
	$('input#name').blur(function(){
		if ($('input#name').val() == ''){
			$('input#name').val('Your Name');
		}
	});
	$('input#name').focus(function(){
		if ($('input#name').val() == 'Your Name'){
			$('input#name').val('');
		}
	});
	
	if ($('input#email').val() == ''){
		$('input#email').val('Your Email');
	}
	$('input#email').blur(function(){
		if ($('input#email').val() == ''){
			$('input#email').val('Your Email');
		}
	});
	$('input#email').focus(function(){
		if ($('input#email').val() == 'Your Email'){
			$('input#email').val('');
		}
	});
	
	if ($('textarea#message').val() == ''){
		$('textarea#message').val('Your Message');
	}
	$('textarea#message').blur(function(){
		if ($('textarea#message').val() == ''){
			$('textarea#message').val('Your Message');
		}
	});
	$('textarea#message').focus(function(){
		if ($('textarea#message').val() == 'Your Message'){
			$('textarea#message').val('');
		}
	});
});