// JavaScript Document
$(document).ready(function() {
	//Function to mark current page on Nav
	
	$(function(){
	   //var path = location.pathname.substring(1);
	   var path = location.pathname.substring(3);
	   if ( path )
		 $('#nav li a[href$="' + path + '"]').attr('class', 'selected');
	 });
	 
	//$(function(){
//		if($('#nav li ul li').hasClass(selected)){
//			alert('lolz');
//		}
//	});
	
	$('#downBtn').click(function(){
		$("#portfolio").scrollTop($("#portfolio").scrollTop() + 100);
		//alert("hmm");
	});

	$('#upBtn').click(function(){
		$("#portfolio").scrollTop($("#portfolio").scrollTop() - 100);
	});
	
	$("div#slideShowItems div").mouseenter(function(e) {
		$(this).children('img').eq(1).fadeTo(500, 1);
    });
	
	$("div#slideShowItems div").mouseleave(function(e) {
        $(this).children('img').eq(1).fadeTo(500, 0);
    });
	
	//setup  gallerys
	$(function(){	
		$("#portfolio ul li").each(function(index){
		
				$("#portfolio ul li div#portDiv a").eq(index).attr('id', 'gal' + index);
				
				$("#portfolio ul li div#gal").eq(index).children().attr('rel', 'gal' + index);
				
				/*
				$("#portfolio ul li div#gal a").eq(index).fancybox({
				'transitionIn'          : 'none',
    			'transitionOut'         : 'none',
    			'titlePosition'         : 'over'
    			});
    			*/
    			
    			$("#portfolio ul li div#gal a").fancybox({
    				'overlayColor'	:	'#000'
    			});
    			
    			$("a#gal"+index).click(function(){
    				$("div#gal a[rel=gal"+index+"]").eq(0).trigger('click');
    			});

/*    			$("a#gal0").click(function(){
				$("div#gal a[rel=gal0]").eq(0).trigger('click');
				});
				
				$("a#gal1").click(function(){
				$("div#gal a[rel=gal1]").eq(0).trigger('click');
				});				*/
		});
	});
	
	//setup  gallerys
	$(function(){	
		$("#portfolio1 ul li").each(function(index){
		
				$("#portfolio1 ul li div#portDiv1 a").eq(index).attr('id', 'gal1' + index);
				
				$("#portfolio1 ul li div#gal1").eq(index).children().attr('rel', 'gal1');
    			
    			$("#portfolio1 ul li div#gal1 a").fancybox({
    				'overlayColor'	:	'#000'
    			});
    			
    			$("a#gal1"+index).click(function(){
    				//alert('work');
    				$("div#gal1 a[rel=gal1]").eq(0).trigger('click');
    			});
		});
		
		$("a.photoGroup").fancybox();
	});
	
	$("#galLeft").click(function(){
		$.fancybox.prev();
	});
	
	$("#galRight").click(function(){
		alert("rightClicked");
		$.fancybox.next();
	});
	
	//Slides
	$(function(){
		$('#slideShowItems div.slideData').hide().css({});

		var currentSlide = -1; //keeps track of current slide
		var prevSlide = null; //keeps track of last selected slide.
		var slides = $('#slideShowItems div.slideData'); // all the slides
		var interval = null; //For setInerval
		//var FADE_SPEED = 500;  //How long it takes to transition.
		var FADE_SPEED = 1000;  //How long it takes to transition.
		//var DELAY_SPEED = 3000; //How long each slide stays up.
		//var DELAY_SPEED = 8000; //How long each slide stays up.
		//var DELAY_SPEED = $('#slideShow').attr('class'); //How long each slide stays up.
		var DELAY_SPEED = $('#slideShow').attr('class') * 1000;
		

		var html = '<ul id="slideShowCount" class="">';  //Creates a ul list for tabs

			//Create a tab for each slide.
			for( i = 0; i <slides.length; i++ ){
			    <!--html += '<li id="slide'+ i+'" class="slide"><span>'+(i+1)+'</span></li>' ;-->
				html += '<li id="slide'+ i+'" class="slide"><div id="imgCont"><img src="images/Dot.png" alt="navDot" /></div></li>' ;
			}
		html += '</ul>';

		//Put tabs after slideshow warpper.
		$('#slideShow').after(html);


		//Set the click event for each tab.
		for (var i = slides.length - 1;i >= 0 ; i--){
		    $('#slide'+i).bind("click",{index:i},function(event){
       
	        //Sets the current slide to the one clicked.
    	    currentSlide = event.data.index;
       
	        //Go to the slide.
    	    gotoSlide(event.data.index);
		    });
		};

		//If there is 1 or less slides then hide the tabs.
		if (slides.length <= 1){
		    $('.slide').hide();
		}

		//get things started.
		nextSlide();

		//Goes to the next slide.
		function nextSlide (){

		    //if the current slide is at the end, loop to the first slide.
		    if (currentSlide >= slides.length -1){
		        currentSlide = 0;
		    }else{
		        currentSlide++
		    }
   
	    	//Go to the slide.
		    gotoSlide(currentSlide);
		}

		//Go to the slide specified in the argument.
		function gotoSlide(slideNum){

		    //If the slide they're trying to access isn't
		    //the currently selected slide...
		    if (slideNum != prevSlide){

		        //The very first slide the prevSlide will be null.
		        //No point in trying to hide the slide when it doesn't
		        //exist yet.
		        if (prevSlide != null){
		            //Hide previoius slide and deselect old tab.
					//$(slides[prevSlide]).stop().fadeOut(FADE_SPEED).delay(1000);
					//$(slides[prevSlide]).fadeOut(FADE_SPEED);
					
					if ( $.browser.msie )
						{
							$(slides[prevSlide]).hide(); 
						}
					else 
						{
							$(slides[prevSlide]).fadeOut(FADE_SPEED);
						}
					
		            $('#slide'+prevSlide).removeClass('selectedTab');
		        }
       
		        //Select new tab.
		        $('#slide'+slideNum).addClass('selectedTab');

		        //Display new slide.
				//$(slides[slideNum]).stop().fadeIn(FADE_SPEED);
				//$(slides[slideNum]).fadeIn(FADE_SPEED);
				
				if ( $.browser.msie )
						{
							$(slides[slideNum]).show(); 
						}
					else 
						{
							$(slides[slideNum]).fadeIn(FADE_SPEED);
						}
       
		        //Make the currentSlide the old slide for next transition.
		        prevSlide = currentSlide;

		        //if the auto slide advance is set, stop it, then start again.
		        if (interval != null){
		            clearInterval(interval);
		        }
		        
		        //Goes to next slide every couple of seconds.
		        interval = setInterval(nextSlide, DELAY_SPEED);
				//interval1 = setTimeout(nextSlide, DELAY_SPEED);
			}
			
		}
	});
	
});