jQuery().ready(function(){
		// simple accordion
		jQuery('#list1a').accordion();
	
		$('#_slide0').cycle({ 
			fx:     'fade', 
			speed:  'normal', 
			timeout: 0,
			before: onBefore
		});
	
		$("#list1a").activate(_showTab);
		$("#icon"+_showTab).removeClass("arrow-plus");
		$("#icon"+_showTab).addClass("arrow-minus");
		
		for(var i = 2; i<21; ++i)
		{
			opts1.addSlide('<img src="images/spacer.gif" id="' + i + '" alt="" width="640" height="391" />');
		}

		showTab(_showTab);
	});

	var supress = false;
	
	function hoverDivClick(left)
	{
		if(supress)
		{
			supress = false;
			return;
		}
		
		if(!opts1||!opts1.elements) return;

		if(!left){
			if(opts1.currSlide==4)
			{
				$.fn.cycle.nextStep(opts1, -4);
			}
			else if(opts1.currSlide==11)
			{
				$.fn.cycle.nextStep(opts1, -6);
			}
			else if(opts1.currSlide==15)
			{
				$.fn.cycle.nextStep(opts1, -3);
			}
			else if(opts1.currSlide==20)
			{
				$.fn.cycle.nextStep(opts1, -4);
			}
			else
			{
				$.fn.cycle.next(opts1);
			}
		}
		else
		{
			if(opts1.currSlide==0)
			{
				$.fn.cycle.nextStep(opts1, 4);
			}
			else if(opts1.currSlide==5)
			{
				$.fn.cycle.nextStep(opts1, 6);
			}
			else if(opts1.currSlide==12)
			{
				$.fn.cycle.nextStep(opts1, 3);
			}
			else if(opts1.currSlide==16)
			{
				$.fn.cycle.nextStep(opts1, 4);
			}
			else
			{
				$.fn.cycle.prev(opts1);
			}
		}
	}
	
	function showNav(num)
	{
		for(var i = 0; i<4; ++i)
		{
			if(num==i)
			{
				document.getElementById("nav"+i).style.display = "inline";
				$("#icon"+i).removeClass("arrow-plus");
				$("#icon"+i).addClass("arrow-minus");
			}
			else
			{
				document.getElementById("nav"+i).style.display = "none";
				$("#icon"+i).addClass("arrow-plus");
				$("#icon"+i).removeClass("arrow-minus");
			}
		}
	}

	function showTab(num)
	{
		showNav(num);
		
		var i;
		
		if(num==0)
		{
			$.fn.cycle.nextStep(opts1, -opts1.currSlide);
			i = 0;
		}
		else if(num==1)
		{
			$.fn.cycle.nextStep(opts1, 5-opts1.currSlide);
			i = 5;
		}
		else if(num==2)
		{
			$.fn.cycle.nextStep(opts1, 12-opts1.currSlide);
			i  = 12;
		}
		else if(num==3)
		{
			$.fn.cycle.nextStep(opts1, 16-opts1.currSlide);
			i = 16;
		}
			
			
		
		if(opts1.elements[i].src == "/images/spacer.gif")
		{
			if(i>15)
			{
				project = "thentic";
				currentImageNum = i - 16;
			}
			else if(i>11)
			{
				project = "souvenir";
				currentImageNum = i - 12;
			}
			else if(i>4)
			{
				project = "corel";
				currentImageNum = i - 5;
			}
			else
			{
				project = "fuse";
				currentImageNum = i;
			}
	
			//console.info("project=%s k=%s", project, currentImageNum);
	
			opts1.elements[i].src = "/images/portfolio/" + 
			project + (currentImageNum+1) + ".jpg";
		}
		else
		{
			//console.info("%s", opts.elements[i].src);
		}

	}
	
	function showSlide(num)
	{
		$.fn.cycle.nextStep(opts1, num-opts1.currSlide);
		supress = true;
	}

    function onBefore(curr, next, opts) { 
	
		
		if(!opts||!opts.elements) return;
		
		var project, currentImageNum, i, j;

		i = parseInt(next.id);
		
		if(opts.elements[i].src.indexOf("/images/spacer.gif")>0)
		{
			if(i>15)
			{
				project = "thentic";
				currentImageNum = i - 16;
			}
			else if(i>11)
			{
				project = "souvenir";
				currentImageNum = i - 12;
			}
			else if(i>4)
			{
				project = "corel";
				currentImageNum = i - 5;
			}
			else
			{
				project = "fuse";
				currentImageNum = i;
			}
	
			//console.info("project=%s k=%s", project, currentImageNum+1);
	
			opts.elements[i].src = "/images/portfolio/" + project + (currentImageNum+1) + ".jpg";
		}
		else
		{
			//console.info("%s", opts.elements[i].src);
		}
				   			 
    };