// JavaScript Document

// ---	portfolio (category.php) functions
var itemkey;
var modelkey;
var navpgcurr;
var navtnperpg;
var navpgwidth;
var navpgtotal;
function cnf_tnclick ( obj ) {
	//alert ( 'cnf_thumbclick ( obj:' + obj + ' )' );
	var newkey 	= obj.id.substring ( obj.id.indexOf ( '-' ) +1 );
	cnf_set_portfolio ( newkey );
}

function cnf_navclick ( incr ) {
	//alert ( 'cnf_navclick ( incr:' + incr + ' )' );
	var nextpg 	= ( navpgcurr *1 ) + ( incr *1 );
	if ( nextpg < 1 || nextpg > navpgtotal ) 	return;
	navpgcurr 	= nextpg;
	cnf_set_navpg ();
}
function cnf_set_navpg () {
	var newx 	= ( navpgwidth * ( navpgcurr -1 ) ) * -1;
	$( '#pfnav-thumbs-slide' ).stop ();
	$( '#pfnav-thumbs-slide' ).animate ( {
		left: newx +'px'
	}, 1000, 'swing' );
	cnf_set_navbtns ();
}
function cnf_set_portfolio ( key ) {
	//alert ( 'cnf_set_portfolio ( key:' + key + ' )' );
	// ---	remove 'here' state from all the thumbs
	for ( t = 1;  t <= itemtotal;  t++ ) {
		$( '#pftn-' +t ).attr ( { 'class': 	'pfnav-thumb' } );
	}
	$( '#pftn-' +key ).attr ( { 'class': 	'pfnav-thumbon' } );
	
	// ---	set the model by slug
	var modelslug 	= oitems[ key ].model.slug;
	for ( m in omodels ) {
		if ( omodels[ m ].slug 	== modelslug && m != modelkey ) {
			function cnf_modelin () {
				$( '#model-img' ).attr ( { 'src': 	omodels[ m ].img.url } );
				$( '#model-img' ).load ( function () {
					$( '#model-img' ).fadeIn ( 1000 );
				} );
			}
			$( '#model-img' ).fadeOut ( 200, cnf_modelin );
			modelkey 	= m;
			break;
		}
	}
	
	// ---	set the main image and caption
	function cnf_itemin () {
		$( '#main-img' ).attr ( { 'src': 	oitems[ key ].mainimg.url } );
		$( '#caption-info' ).html ( urldecode ( oitems[ key ].content ) );
		$( '#main-img' ).load ( function () {
			$( '#main-img' ).fadeIn ( 1000 );
			$( '#caption-info' ).fadeIn ( 1000 );
		} );
	}
	$( '#main-img' ).fadeOut ( 200, cnf_itemin );
	$( '#caption-info' ).fadeOut ( 200 );
	
	cnf_set_navbtns ();
	itemkey 	= key;
}
function cnf_set_navbtns () {
	// ---	set the thumbnail buttons
	if ( navpgcurr <= 1 ) {
		$( '#pfnav-prev' ).fadeTo ( 100, 0.3 );
		$( '#pfnav-prev' ).css ( 'cursor', 'default' );
	} else if ( navpgtotal > 1 ) {
		$( '#pfnav-prev' ).fadeTo ( 100, 1.0 );
		$( '#pfnav-prev' ).css ( 'cursor', 'pointer' );
	}
	
	if ( navpgcurr >= navpgtotal ) {
		$( '#pfnav-next' ).fadeTo ( 100, 0.3 );
		$( '#pfnav-next' ).css ( 'cursor', 'default' );
	} else if ( navpgtotal > 1 ) {
		$( '#pfnav-next' ).fadeTo ( 100, 1.0 );
		$( '#pfnav-next' ).css ( 'cursor', 'pointer' );
	}
}
function cnf_callback_fadein ( obj ) {
	//alert ( 'cnf_callback_fadein ( obj:' + obj + ' )' );
	//alert ( obj.className );
	$( '.' +obj.className ).fadeIn ( 500 );
}

function cnf_catinit () {
	if ( omodels && oitems ) {
		// ---	set vars
		itemkey 	= 1;
		navpgcurr 	= 1;
		navtnperpg 	= 5;
		navpgwidth 	= ( 77 +20 ) * navtnperpg;
		navpgtotal 	= Math.ceil ( itemtotal / navtnperpg );
		// ---	set actions/events
		$( '.pfnav-thumb' ).click ( function () { cnf_tnclick ( this ); } );
		$( '.pfnav-thumbon' ).click ( function () { cnf_tnclick ( this ); } );
		$( '#pfnav-prev' ).click ( function () { cnf_navclick ( -1 ); } );
		$( '#pfnav-next' ).click ( function () { cnf_navclick ( +1 ); } );
		// ---	set fade in 	visibility: hidden;
		$( '#model-img' ).css ( 'display', 'none' );
		$( '#main-img' ).css ( 'display', 'none' );
		$( '#caption-info' ).css ( 'display', 'none' );
		$( '.pfnav-thumbimg' ).load ( function () { cnf_callback_fadein ( this ); } );
		
		cnf_set_portfolio ( itemkey );
	}
}

$( document ).ready ( cnf_catinit );