/* Author smarru */

$(document)
.ready(function() {

	$('.page-2').hide();
	$('.page-3').hide();



	// Filter by type
	$('#contentcolumn-inner-portfolio #bredcrumbs a')
	.click(function() {

		// show all pages
		$('.page-2').fadeIn('normal');
		$('.page-3').fadeIn('normal');
		$('.page-1').fadeIn('normal');

		// set the bredcrumb as selected to seleted type
		$('#bredcrumbs .selected').removeClass(
		'selected');
		$(this).addClass('selected');

		var filterVal = $(this).text().toLowerCase()
		.replace(' ', '-');
		filterVal = filterVal.replace('/', '-');

		if (filterVal == 'all-work') {

			$('ul#portfolio li.hidden').fadeIn('slow')
			.removeClass('hidden');
			$('h1 .cur-selected').html(
					filterVal.replace('-', ' '));

			// show view all option
			$('#contentcolumn-controls').show();

			// show only first page
			$('.page-2, .page-3').fadeOut('normal');
			$('.page-1').fadeIn('normal');

			// show pagination
			$('#pagination').show();

			// set the pagination as selected for
			// selected pages
			$('.page2, .page3').removeClass('selected');
			$('.page1').addClass('selected');

			

		} else {

			// Add view all option
			$('a.control-link1-hide').addClass(
			'control-link1');
			$('a.control-link1').removeClass(
			'control-link1-hide');
			$('a.control-link1')
			.html(
			"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");

			// remove pagination
			$('#pagination').hide();

			$('ul#portfolio li').each(
					function() {
						if (!$(this)
								.hasClass(filterVal)) {
							$(this).toggle().addClass(
									'hidden');
						} else {
							$(this).fadeIn('slow')
							.removeClass(
							'hidden');
						}
					});

			$('h1 .cur-selected').html(filterVal.replace('-', ' '));

			
		}

		return false;
	});

	// Filter by individual work type
	$('#bredcrumbs_indi a').click(function() {

		// set the bredcrumb as selected to seleted type
		$('#bredcrumbs_indi  .selected')
		.removeClass('selected');
		$(this).addClass('selected');

		var filterVal = $(this).text().toLowerCase().replace(
				' ', '-');
		filterVal = filterVal.replace('/', '-');

		// individual work page filter
		$('ul#ind_portfolio>li').each(function() {

			if (!$(this).hasClass(filterVal)) {
				$(this).fadeOut('normal').addClass('hidden');
			} else {
				$(this).fadeIn('normal').removeClass('hidden');
			}
		});

		// Call the easy slider
		$('#prevBtn').remove();
		$('#nextBtn').remove();
		$("." + filterVal + " #slideshow").easySlider( {
			numeric : true,
			continuous : true
		});

		$('#prevBtn a').html('');
		$('#nextBtn a').html('');

	});

	// View all
	$('.control-link1')
	.live(
			'click',
			function() {
				$('ul#portfolio li.hidden').fadeIn('slow')
				.removeClass('hidden');
				// $('.page-2').css("display","block");
				$('.page-2').fadeIn('normal');
				$('.page-3').fadeIn('normal');
				$('.page-1').fadeIn('normal');
				$('a.control-link1').addClass(
				'control-link1-hide');
				$('a.control-link1')
				.html(
				"<img src='/img/PORTFOLIO/btn_portfolio_viewless.png'>");
				$(document).pngFix();
				$('a.control-link1').removeClass(
				'control-link1');

				// add pagination
				$('#pagination').show();

				// set the bredcrumb as selected to seleted
				// type
				$('#bredcrumbs .selected').removeClass(
				'selected');
				$('.all-work').addClass('selected');

				// remove the pagination as selected for all
				// pages
				$('.page2').removeClass('selected');
				$('.page3').removeClass('selected');
				$('.page1').removeClass('selected');
			});

	// View less
	$('.control-link1-hide')
	.live(
			'click',
			function() {

				// $('.page-2').css("display","block");
				$('.page-2').fadeOut('normal');
				$('.page-3').fadeOut('normal');
				$('.page-1').fadeIn('normal');
				$('a.control-link1-hide').addClass(
				'control-link1');
				$('a.control-link1').removeClass(
				'control-link1-hide');
				$('a.control-link1')
				.html(
				"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
				$(document).pngFix();

				// set the pagination as selected for
				// selected pages
				$('.page2').removeClass('selected');
				$('.page3').removeClass('selected');
				$('.page1').addClass('selected');
			});

	$('.control-link1 img')
	.live(
			'mouseover',
			function() {
				$('.control-link1 img')
				.attr('src',
				'/img/PORTFOLIO/btn_portfolio_viewall_over.png');
			});
	$('.control-link1 img')
	.live(
			'mouseout',
			function() {
				$('.control-link1 img')
				.attr('src',
				'/img/PORTFOLIO/btn_portfolio_viewall_off.png');
			});
	
		/*$('ul#portfolio li').hover(function() {
						$('ul#portfolio li').children('.highlight').hide();
						$('ul#portfolio li').children('.highlight-inner').hide();
						$(this).find('.highlight').show('fast');
		},function() {
			      $(this).find('.highlight').hide();
		});*/
	
		// On mouseover effect
		$('ul#portfolio li').hover(function() {
			// on mouseOver animate
			var highlight = $(this).find('div.highlight');
			var highlight_inner = highlight
			.find('div.highlight-inner');
			highlight_inner.hide();
			highlight.show();
			highlight_inner.css( {
				'top' : '-10px',
				'height' : 0
			});
			// on hover portfolio item, shutter speed 1sec and
			// delay(to close) 2 sec
			highlight_inner.animate( {
				top : '-40px',
				height : '40px'
			}, 'slow', function() {
				$(this).delay(10000).animate( {
					top : '-10px',
					height : 0
				}, 'slow')
			});
			
	}, function() {
		// on mouseOut reset
		var highlight = $(this).find('div.highlight');
		var highlight_inner = highlight
		.find('div.highlight-inner');
		highlight_inner.stop();
		highlight.hide();
		highlight_inner.hide();
		highlight_inner.css( {
			'top' : '-10px',
			'height' : 0
		});
	}); 

	// Pagination

	$('.page1')
	.click(function() {
		$('.page-2').hide();
		$('.page-3').hide();
		$('.page-1').fadeIn('normal');
		$('.page2').removeClass('selected');
		$('.page3').removeClass('selected');
		$(this).addClass('selected');

		// show view all
		$('a.control-link1-hide').addClass(
		'control-link1');
		$('a.control-link1').removeClass(
		'control-link1-hide');
		$('a.control-link1')
		.html(
		"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
		$(document).pngFix();

	
	});
	$('.page2')
	.click(function() {
		// $('.page-1').hide();
		$('.page-1').hide();
		$('.page-3').hide();
		$('.page-2').fadeIn('normal');
		$('.page1').removeClass('selected');
		$('.page3').removeClass('selected');
		$(this).addClass('selected');

		// show view all
		$('a.control-link1-hide').addClass(
		'control-link1');
		$('a.control-link1').removeClass(
		'control-link1-hide');
		$('a.control-link1')
		.html(
		"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
		$(document).pngFix();

		
	});
	$('.page3')
	.click(function() {
		$('.page-1').hide();
		$('.page-2').hide();
		$('.page-3').fadeIn('normal');
		$('.page1').removeClass('selected');
		$('.page2').removeClass('selected');
		$(this).addClass('selected');

		// show view all
		$('a.control-link1-hide').addClass(
		'control-link1');
		$('a.control-link1').removeClass(
		'control-link1-hide');
		$('a.control-link1')
		.html(
		"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
		$(document).pngFix();

		

	});

	$('.navprev')
	.click(function() {
		if ($("#pagination a.selected").html() == "20-21") {
			$('.page-1').hide();
			$('.page-3').hide();
			$('.page-2').fadeIn('normal');
			$('.page1').removeClass('selected');
			$('.page3').removeClass('selected');
			$('.page2').addClass('selected');

			// show view all
			$('a.control-link1-hide').addClass(
			'control-link1');
			$('a.control-link1').removeClass(
			'control-link1-hide');
			$('a.control-link1')
			.html(
			"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
		} else if ($("#pagination a.selected").html() == "10-19") {
			$('.page-2').hide();
			$('.page-3').hide();
			$('.page-1').fadeIn('normal');
			$('.page2').removeClass('selected');
			$('.page3').removeClass('selected');
			$('.page1').addClass('selected');

			// show view all
			$('a.control-link1-hide').addClass(
			'control-link1');
			$('a.control-link1').removeClass(
			'control-link1-hide');
			$('a.control-link1')
			.html(
			"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
		} else if ($("#pagination a.selected").html() == "1-9") {

		}

	

	});

	$('.navnxt')
	.click(
			function() {
				if ($("#pagination a.selected").html() == "20-21") {

				} else if ($("#pagination a.selected")
						.html() == "10-19") {
					$('.page-2').hide();
					$('.page-1').hide();
					$('.page-3').fadeIn('normal');
					$('.page2').removeClass('selected');
					$('.page1').removeClass('selected');
					$('.page3').addClass('selected');

					// show view all
					$('a.control-link1-hide').addClass(
					'control-link1');
					$('a.control-link1').removeClass(
					'control-link1-hide');
					$('a.control-link1')
					.html(
					"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
				} else if ($("#pagination a.selected")
						.html() == "1-9") {
					$('.page-1').hide();
					$('.page-3').hide();
					$('.page-2').fadeIn('normal');
					$('.page1').removeClass('selected');
					$('.page3').removeClass('selected');
					$('.page2').addClass('selected');

					// show view all
					$('a.control-link1-hide').addClass(
					'control-link1');
					$('a.control-link1').removeClass(
					'control-link1-hide');
					$('a.control-link1')
					.html(
					"<img src='/img/PORTFOLIO/btn_portfolio_viewall_off.png'>");
				}

			
			});

	// Call the easy slider
	var selected_profolioindi = $('div#bredcrumbs_indi a.selected');
	var filterVal = $(selected_profolioindi).text().toLowerCase()
	.replace(' ', '-');
	filterVal = filterVal.replace('/', '-');
	var num_images = $("." + filterVal + " #slideshow ul li").length;
	if (num_images > 1) { // show slideshow if num_images is >1
		$('#prevBtn').remove();
		$('#nextBtn').remove();
		$("." + filterVal + " #slideshow").easySlider( {
			numeric : true,
			continuous : true
		});
		$('#prevBtn a').html('');
		$('#nextBtn a').html('');
	}

});