$(document).ready(function() {

	$("#details ul li").click(function(){
		//Set Variables
		
		var currLi = $(this);
		var imgAlt = currLi.find('img').attr("alt"); //Get Alt Tag of Image
		var imgLink = currLi.find('a');
		var imgTitle = imgLink.attr("href"); //Get Main Image URL
		var imgWidth = imgLink.attr("rel");
		var nextLi = GetNextSibling(currLi);
		//console.log(nextLi.html());
		
		
	
		if ($(this).is(".selected")) {  //If the list item is active/selected, then...
			return false; 
		} else { //If not active then...
		
			
			
			//Animate the Description
			$("#display").animate({ opacity: 0}, 1  , function() {			
				$(this).find('img')
					//.hover(function() {console.log("IMAGE: \n" + $(this).attr("src") + "\n nextli: " + nextLi.html() + "\nEND");})
					.attr({ src: imgTitle , alt: imgAlt, width: imgWidth})
					.unbind('click')
					.click( function() {
						//console.log(nextLi.html());
						nextLi.trigger('click');
						return false;
					})
					/*.hover(function() {
						$(this).css('cursor','pointer');
					}, function() {
						$(this).css('cursor','auto');
					})*/
					.end()
					.find('p').css( 'width', imgWidth + "px")
					.find("span").html(imgAlt);
				//console.log("inside: " + nextLi.html() + "\n");
				$("#details ul li").removeClass("selected");
				currLi.addClass("selected");
				$(this).animate({ opacity: 1}, 400 );
				return false;
			});
			
		}
		return false;
	
	}) .hover(function(){ //Hover effects on list-item
		$(this).addClass('hover'); //Add class "hover" on hover
		}, function() {
		$(this).removeClass('hover'); //Remove class "hover" on hover out
		
	}) .find('a').slice(1).each ( function(iterator) {
		var imgsArray = new Array();
		imgsArray[iterator] = new Image();
		imgsArray[iterator].src=$(this).attr("href");
	});
	
	var firstNextLi = $("#details li:eq(1)")
	$("#display img").click( function() {
		//console.log(nextLi.html());
		firstNextLi.trigger('click');
		return false;
	})
	.hover(function() {
		$(this).css('cursor','pointer');
	}, function() {
		$(this).css('cursor','auto');
	});
	
	$("#more a").hover(function(){ //Hover effects on list-item
		$(this).addClass('hover'); //Add class "hover" on hover
		}, function() {
		$(this).removeClass('hover'); //Remove class "hover" on hover out
		
	});
	
	var config = {    
     sensitivity: 7, // number = sensitivity threshold (must be 1 or higher)    
     interval: 80, // number = milliseconds for onMouseOver polling interval    
     over: PicHover, // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: DoNothing // function = onMouseOut callback (REQUIRED)    
	};		
		
	$("#submenu > li > a > img").hoverIntent( config ).parent().attr("title","");

});

function GetNextSibling(currLi) {
			
	if (currLi.next().html() != null) {
		return currLi.next();
	} else {
		return currLi.parent().children(":first");
	}
}

function PicHover (e) {

		var theParent = $(this).parent();
			
		if (!theParent.hasClass("selected")) {	
			var theText = $(this).attr("alt");
			var theImg = $(this).attr("src");
			var theHref = theParent.attr("href");
			var currLeft = ($(this).offset().left - $("#submenu").offset().left - 24) + "px";
			
			$("#desc").text(theText);
			$("#link").css("backgroundImage", 'url(' + theImg +')');
			$("#menuInfo")
				.css({
					 opacity:0,
					 display:"block",
					 top:-17,
					 "margin-left": currLeft
					 
				})
				.children().attr("href",theHref).parent()
				.fadeIn("fast")
				.animate({ 
					opacity: 1/*, 
					top: "-20px"*/
				  }, 150 )
				.bind('mouseleave', function () {
					$(this).css({ display:"none" });
				});
		}
				
}
		
		function DoNothing() {}

/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>
*/
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);
//cyclelite plugin http://www.malsup.com/jquery/cycle/lite/
(function(D){var A="Lite-1.0";D.fn.cycle=function(E){return this.each(function(){E=E||{};if(this.cycleTimeout){clearTimeout(this.cycleTimeout)}this.cycleTimeout=0;this.cyclePause=0;var I=D(this);var J=E.slideExpr?D(E.slideExpr,this):I.children();var G=J.get();if(G.length<2){if(window.console&&window.console.log){window.console.log("terminating; too few slides: "+G.length)}return }var H=D.extend({},D.fn.cycle.defaults,E||{},D.metadata?I.metadata():D.meta?I.data():{});H.before=H.before?[H.before]:[];H.after=H.after?[H.after]:[];H.after.unshift(function(){H.busy=0});var F=this.className;H.width=parseInt((F.match(/w:(\d+)/)||[])[1])||H.width;H.height=parseInt((F.match(/h:(\d+)/)||[])[1])||H.height;H.timeout=parseInt((F.match(/t:(\d+)/)||[])[1])||H.timeout;if(I.css("position")=="static"){I.css("position","relative")}if(H.width){I.width(H.width)}if(H.height&&H.height!="auto"){I.height(H.height)}var K=0;J.css({position:"absolute",top:0,left:0}).hide().each(function(M){D(this).css("z-index",G.length-M)});D(G[K]).css("opacity",1).show();if(D.browser.msie){G[K].style.removeAttribute("filter")}if(H.fit&&H.width){J.width(H.width)}if(H.fit&&H.height&&H.height!="auto"){J.height(H.height)}if(H.pause){I.hover(function(){this.cyclePause=1},function(){this.cyclePause=0})}D.fn.cycle.transitions.fade(I,J,H);J.each(function(){var M=D(this);this.cycleH=(H.fit&&H.height)?H.height:M.height();this.cycleW=(H.fit&&H.width)?H.width:M.width()});J.not(":eq("+K+")").css({opacity:0});if(H.cssFirst){D(J[K]).css(H.cssFirst)}if(H.timeout){if(H.speed.constructor==String){H.speed={slow:600,fast:200}[H.speed]||400}if(!H.sync){H.speed=H.speed/2}while((H.timeout-H.speed)<250){H.timeout+=H.speed}}H.speedIn=H.speed;H.speedOut=H.speed;H.slideCount=G.length;H.currSlide=K;H.nextSlide=1;var L=J[K];if(H.before.length){H.before[0].apply(L,[L,L,H,true])}if(H.after.length>1){H.after[1].apply(L,[L,L,H,true])}if(H.click&&!H.next){H.next=H.click}if(H.next){D(H.next).bind("click",function(){return C(G,H,H.rev?-1:1)})}if(H.prev){D(H.prev).bind("click",function(){return C(G,H,H.rev?1:-1)})}if(H.timeout){this.cycleTimeout=setTimeout(function(){B(G,H,0,!H.rev)},H.timeout+(H.delay||0))}})};function B(J,E,I,K){if(E.busy){return }var H=J[0].parentNode,M=J[E.currSlide],L=J[E.nextSlide];if(H.cycleTimeout===0&&!I){return }if(I||!H.cyclePause){if(E.before.length){D.each(E.before,function(N,O){O.apply(L,[M,L,E,K])})}var F=function(){if(D.browser.msie){this.style.removeAttribute("filter")}D.each(E.after,function(N,O){O.apply(L,[M,L,E,K])})};if(E.nextSlide!=E.currSlide){E.busy=1;D.fn.cycle.custom(M,L,E,F)}var G=(E.nextSlide+1)==J.length;E.nextSlide=G?0:E.nextSlide+1;E.currSlide=G?J.length-1:E.nextSlide-1}if(E.timeout){H.cycleTimeout=setTimeout(function(){B(J,E,0,!E.rev)},E.timeout)}}function C(E,F,I){var H=E[0].parentNode,G=H.cycleTimeout;if(G){clearTimeout(G);H.cycleTimeout=0}F.nextSlide=F.currSlide+I;if(F.nextSlide<0){F.nextSlide=E.length-1}else{if(F.nextSlide>=E.length){F.nextSlide=0}}B(E,F,1,I>=0);return false}D.fn.cycle.custom=function(K,H,I,E){var J=D(K),G=D(H);G.css({opacity:0});var F=function(){G.animate({opacity:1},I.speedIn,I.easeIn,E)};J.animate({opacity:0},I.speedOut,I.easeOut,function(){J.css({display:"none"});if(!I.sync){F()}});if(I.sync){F()}};D.fn.cycle.transitions={fade:function(F,G,E){G.not(":eq(0)").css("opacity",0);E.before.push(function(){D(this).show()})}};D.fn.cycle.ver=function(){return A};D.fn.cycle.defaults={timeout:4000,speed:1000,next:null,prev:null,before:null,after:null,height:"auto",sync:1,fit:0,pause:0,delay:0,slideExpr:null}})(jQuery)