var req;
var cur;

$(document).ready(function() { // Work Rollover States
	$('#work .title .name a:not(.active)').hover(
		function() {
			$('#work #title'+$(this).parent().parent().parent().attr('id').replace('title','')+' div').addClass('hover');
		},function() {
			$('#work .title .hover').removeClass('hover');
		}
	);	
});


$(document).ready(function() {
	$('#work div.post').hide();
	
	$('#work div.title .name a').click(function() {
		req = $(this).parent().parent().parent().attr('id').replace('title','');
		
		if ( cur != req ) {
			$('.indicator li a').unbind('click');
			$('.indicator li a.active').removeClass('active').addClass('off');
			$('#work .post').slideUp(300, 'easeOutExpo') // close all accordion
			$('.caption').hide()
			
			$('#work .title div').removeClass('active');
			$('#work #title'+req+' div').addClass('active');
			
			// Ajax Call to Build Slide Show
			$.ajax({
				url: "/index.php/work/ajax?entryID="+req,
				type: "GET",
				cache: false,
				beforeSend: function() {
					$('#title'+req+' .loader').show();
				},
				success: function(html, fun) {
					$('#title'+req+' .loader').hide();
					$('#work .post').html('');
					$('#post'+req).append(html);
					initSlide();
				},
				complete: function() {
					$('#work #post'+req).slideDown(300, 'easeOutExpo');
						$.preload('.slideshow .slide img', {
							placeholder:'/templates/img/transparent.gif'
						});
					
				}
			});

			cur = req;

		} else {
				
			$('#work .post').slideUp(300, 'easeOutExpo');
			$('.caption').hide()
			$('.indicator li a').unbind('click');
			$('.caption ul li').css('position','relative');
			$('.indicator li a.active').removeClass('active').addClass('off');
			$('#work #title'+req+' div').removeClass('active');
			
			cur = 0;
				
		}
					
	});
	
});




function initSlide() {
	var curSlide = 0;
	var slideWidth = 640;
	
	$('#indicator'+cur+' li:eq(0) a').addClass('active');
	$('.caption li:not(.caption li:eq(0))').hide();	
	
	if ( $('.slide:eq(1)').length == 0 ) {
		$('.next').hide();
		$('.slide:eq(0)').css('cursor','default');
	}
	
	$('#indicator'+cur+' li a').each(function(i) {
		$(this).click(function() {
			
			if (i != curSlide) {
				$('#indicator'+cur+' .active').removeClass('active').addClass('off');
				$('#indicator'+cur+' li:eq('+i+') a').addClass('active');
				$('#indicator'+cur+' li a').addClass('clickable');
	
				if (curSlide == i) { } else {
				$('.caption li').fadeOut('fast');
				$('.caption li:eq('+i+')').fadeIn('fast');
				}
				
				slideTo = -(slideWidth * i);
				$('#shade').animate({left: slideTo}, 300, 'easeOutExpo');
				curSlide = i;
			}			
		});
	});
	
	// Next on Div Click
	$('.slideshow').click(function() {
		$('.caption .next').trigger('click');
	});
	
	// Next
	$('.caption .next').click(function() {
		if ( $('.shade div:eq('+(curSlide+1)+')').length > 0 ) {
			$('#indicator'+cur+' li:eq('+(curSlide+1)+') a').trigger('click');
		} else {
			$('#indicator'+cur+' li:eq(0) a').trigger('click');
			curSlide = 0;
		}
	});
	
}

// Fields
function textFocus (field, val) {
	if ( field.value == val ) { field.value = ""; }
	field.className = "focus";
}

function textBlur (field, val) {
	if (field.value == "") { field.value = val;	}
	field.className = "";
}

$(document).ready(function() {
	$(".com textarea").focus(function () {
		$(this).animate({height:"200px"},'easeOutExpo')
		$(".com .textarea, .com .textarea .bot").animate({height:"220px"},'easeOutExpo')
	});

});