// JavaScript Document

$().ready(function() {
		var h = screen.availHeight;
		var w = screen.availWidth;
		$( 'html, body' ).animate( { scrollTop: 0 }, 0 );
		//$('a.control').hide();
		$('#accordion').accordion({
					header: "div.foliohead",
					collapsible: true,
					autoHeight:false,
					change: function () {
					
					type = $(this).find('.ui-state-active').attr('id');
					i = $(this).find('.ui-state-active').parent().index();
					i = i +1;
					
					if(i == 3 ) {
					idx = 1;
					loadFolio(i,type,idx);
					
					} else {
					idx = '';
					loadFolio(i,type,idx);
					
					}
				}
								   });
		
		if(h <= 600) {
			$('.decor').hide();
			$('html,body').css('background','#c03');
			$('#accordion').accordion ({active:false});
			$.scrollTo('div#page','slow');
		}
	
		if(h < 950 && h > 600)	 {
			$.preloadCssImages();
			$.scrollTo('div#page',0,'slow');
	
	
	$('#accordion').accordion ({active:false});
	
	}
	
				
	if( h > 950 ) {
		$.preloadCssImages();
		loadFolio(1,'web');
			   
}
	
	$('a').removeClass('active');
		
	$('#a1').click(function(){			
				loadFolio(3,'email',1);
		});
	 
	 
		
	$('#a2').click(function(){
				loadFolio (3,'icon', 2);
			});
				
		
	$('#a3').click(function(){
				loadFolio (3,'digimg',3);
				
		});
				

	$('a.control, #a1, #a2, #a3').hover(function() {
		$( "#accordion" ).accordion( "option", "disabled", true );
								  },
		function() {
		$( "#accordion" ).accordion( "option", "disabled", false );
		
								  });		
	
   $('ul li:last-child').css('border','none');
							
  function loadFolio(i, type,idx)  {
		var el = '#s' + i;
			function onBefore () { 
				$('a.active').removeClass('active');
				$('#a'+idx).addClass("active");
		
				}
			function onAfter () { 
				// $(el + ' a.control').show();
		
				}
			
		$(el).load('_getData.php','type='+type , function() {
				$(this).find('a.control').show();
				$(el).cycle({
					 fx:     'scrollHorz',
					 prev:   '#prev' + i, 
    				 next:   '#next' + i,
    				 timeout: 0,
					 before: onBefore
					 
				});						
																				
			}); 
		
	 }  				
   
   });