/*
	Theme Name: PageOne Portfolio
	Description: PageOne Portfolio for ThemeForest
	Author: Innovatics GmbH
	Author URI: http://www.innovatics.de/
	Version: 1.0
*/

document.write('<script type="text/javascript" src="js/jquery.tools.min.js"></script>');
document.write('<script type="text/javascript" src="js/cufon-yui.js"></script>');
document.write('<script type="text/javascript" src="js/titilliummaps.font.js"></script>');
document.write('<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>');
document.write('<script type="text/javascript" src="js/jquery.validate.min.js"></script>');
document.write('<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>');

$(document).ready(function() {
	// Cufon
	Cufon.replace('.titillium');


	// slider one - based on jquery tools scrollable
	if($('#teaser_image').is('div'))
	{
		$('#teaser_navi #point1').addClass('active');

		$("#teaser_image").scrollable({ circular: true }).navigator({
			navi: "#teaser_navi",
			naviItem: 'a',
			activeClass: 'active',
			history: true
		}).autoscroll({ autoplay: true, interval: 10000 });
	}


	// opens a link in a new tab
	$('a[href^=http]').click( function() {
		window.open(this.href);
 		return false;
	});


	// scroll effects
	$('a[href^=#]').click(function() {
        var parts        = this.href.split('#');
        if(parts[1] != '') {
        	var scrolltarget = '#' + (parts[1] == '' ? 'header' : parts[1]);
        	$.scrollTo(scrolltarget, 800, { axis: 'y' });
        }
    });


    // form input and textarea onfocus/onblur effect
	$('form input[type=text], form textarea').live('focus', function() {
		$('label.overlay[for=' + $(this).attr('id') + ']').hide();
	});

	$('form input[type=text], form textarea').live('blur', function() {
		if($(this).val() == '')
			$('label.overlay[for=' + $(this).attr('id') + ']').show();
	});


	// form validation
	$("#form-contact").validate({
		messages: {
			name:    'Please enter your full name.',
			email:   'Please enter your email address.',
			subject: 'Please enter a subject.',
			message: 'Please enter your message.'
		}
	});


	// button hover and click
	$('.button').hover(function() {
		$(this).find('.button_left').addClass('button_left_hover');
		$(this).find('.button_left_hover').removeClass('button_left');

		$(this).find('.button_center').addClass('button_center_hover');
		$(this).find('.button_center_hover').removeClass('button_center');

		$(this).find('.button_right').addClass('button_right_hover');
		$(this).find('.button_right_hover').removeClass('button_right');

	}, function() {
		$(this).find('.button_left_hover').addClass('button_left');
		$(this).find('.button_left').removeClass('button_left_hover');

		$(this).find('.button_center_hover').addClass('button_center');
		$(this).find('.button_center').removeClass('button_center_hover');

		$(this).find('.button_right_hover').addClass('button_right');
		$(this).find('.button_right').removeClass('button_right_hover');
	});


	// image sort function
	$('ul.reference-links a').click(function() {
		$('ul.reference-links .current').removeClass('current');
		$(this).parent().addClass('current');

		var filterVal = $(this).text().toLowerCase().replace(' ','-');

		if(filterVal == 'all')
		{
	 		$('ul.reference-images li.hidden').fadeIn('slow').removeClass('hidden');
		}
		else
		{
			$('ul.reference-images li').each(function() {
			    if(!$(this).hasClass(filterVal))
			        $(this).fadeOut('normal').addClass('hidden');
			    else
			        $(this).fadeIn('slow').removeClass('hidden');
			});
		}

		return false;
	});


	// fade effect
	$('ul.reference-images .port-images').hover(function() {
		$(this).find('.layer').addClass('layer-pos');
	}, function() {
		$(this).find('.layer').removeClass('layer-pos');
	});


	//color box
	$('ul.reference-images .port-images').click(function(){
		if($(this).find('img').hasClass('fullsize'))
		{
			url = $(this).find('.fullsize').attr('src');
				$(this).colorbox({
				href:url,
				maxWidth:"95%",
				maxHeight:"95%",
	  			next:"",
				previous:"",
				close:"close"
				});
		}
		else
		{
			url = ''
			alert('no fullsize image path');
		}
	});


});
