// JavaScript Document



$(document).ready(function(){
	$("#TASTE, #STRET, #ECO, #SPEC, #PRAC, #AWAR, #CON").hide(); 
    $(document).pngFix(); 	

	$("#WHAT").draggable({ revert: true}).touch({
            animate: true,
            sticky: false,
            dragx: true,
            dragy: true,
            rotate: false,
            resort: false,
            scale: false
        });
	
	$('#PHOTO_ORD') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start',
    	pager:  '#PHOTO_ORD_NUMBERS' 
	});	
	
	$('#PHOTO_TASTE') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start', 
    	after:   onAfter, 
    	pager:  '#PHOTO_TASTE_THUMBS',
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#PHOTO_TASTE_THUMBS div:eq(' + idx + ') a'; 
    }
	});	
	function onAfter() { 
    	$('#PROJECT_NAME').html('&nbsp;' + this.alt); 
	}

	$('#PHOTO_STRET') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start',
    	pager:  '#PHOTO_STRET_NUMBERS' 
	});	

	$('#PHOTO_ECO') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start',
    	pager:  '#PHOTO_ECO_NUMBERS' 
	});	

	$('#PHOTO_SPEC') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start',
    	pager:  '#PHOTO_SPEC_NUMBERS' 
	});	

	$('#PHOTO_PRAC') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start',
    	pager:  '#PHOTO_PRAC_NUMBERS' 
	});	
	
	$('#PHOTO_AWAR') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 6000, 
		type: 'random_start',
    	pager:  '#PHOTO_AWAR_NUMBERS' 
	});	

	$('#PHOTO_CON') 
		.before('<div id="nav" class="bg_buttons">') 
		.cycle({ 
    	speed:  1000, 
    	timeout: 4000, 
		type: 'random_start',
    	pager:  '#PHOTO_CON_NUMBERS' 
	});	

	$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');				   
						   
// main nav buttons				   
	$("#nav_ord, #LOGO_HOME").click(function(){
  		$('#ORD').delay(400).fadeIn(400);
  		$('#TASTE, #STRET, #ECO, #SPEC, #PRAC, #AWAR, #CON').fadeOut(400);
		$('#PHOTO_ORD').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');	
	})				   
	$("#nav_taste").click(function(){
  		$('#TASTE').delay(400).fadeIn(400);
  		$('#ORD, #STRET, #ECO, #SPEC, #PRAC, #AWAR, #CON').fadeOut(400);
		$('#PHOTO_TASTE').cycle('resume');
		$('#PHOTO_ORD, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');	
	})			   
	$("#nav_stret").click(function(){
  		$('#STRET').delay(400).fadeIn(400);
  		$('#TASTE, #ORD, #ECO, #SPEC, #PRAC, #AWAR, #CON').fadeOut(400);
		$('#PHOTO_STRET').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_ORD, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');	
	})		   
	$("#nav_eco").click(function(){
  		$('#ECO').delay(400).fadeIn(400);
  		$('#TASTE, #STRET, #ORD, #SPEC, #PRAC, #AWAR, #CON').fadeOut(400);
		$('#PHOTO_ECO').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ORD, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');
	})		   
	$("#nav_spec").click(function(){
  		$('#SPEC').delay(400).fadeIn(400);
  		$('#TASTE, #STRET, #ECO, #ORD, #PRAC, #AWAR, #CON').fadeOut(400);
		$('#PHOTO_SPEC').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_ORD, #PHOTO_PRAC, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');
	})		   
	$("#nav_prac").click(function(){
  		$('#PRAC').delay(400).fadeIn(400);
  		$('#TASTE, #STRET, #ECO, #SPEC, #ORD, #AWAR, #CON').fadeOut(400);
		$('#PHOTO_PRAC').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_ORD, #PHOTO_AWAR, #PHOTO_CON').cycle('pause');
	})		   
	$("#nav_awar").click(function(){
  		$('#AWAR').delay(400).fadeIn(400);
  		$('#TASTE, #STRET, #ECO, #SPEC, #PRAC, #ORD, #CON').fadeOut(400);
		$('#PHOTO_AWAR').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_ORD, #PHOTO_CON').cycle('pause');
	})	   
	$("#nav_con").click(function(){
  		$('#CON').delay(400).fadeIn(400);
  		$('#TASTE, #STRET, #ECO, #SPEC, #PRAC, #AWAR, #ORD').fadeOut(400);
		$('#PHOTO_CON').cycle('resume');
		$('#PHOTO_TASTE, #PHOTO_STRET, #PHOTO_ECO, #PHOTO_SPEC, #PHOTO_PRAC, #PHOTO_ORD').cycle('pause');
	})
})