// JavaScript Document


$(document).ready(function() {
	
var winpos = $(window).scrollTop();	
//alert($("#project1").offset().top - winpos);
	
//	$.localScroll({offset: -170});


var scrollTime = 500;
var lp1Pos = 0;
var lp2Pos = 4811;
var lp3Pos = 6072;
var lp4Pos = 9619;
var lp5Pos = 10712;
var lp6Pos = 12610;
var lp7Pos = 15040;
var lp8Pos = 15755;
var lp9Pos = 17430;



$("#lp1 a").click(function() {$.scrollTo(lp1Pos, scrollTime); $("#lp1 a").css("color","#0000F5");});
$("#lp2 a").click(function() {$.scrollTo(lp2Pos, scrollTime); $("#lp2 a").css("color","#0000F5");});
$("#lp3 a").click(function() {$.scrollTo(lp3Pos, scrollTime); $("#lp3 a").css("color","#0000F5");});
$("#lp4 a").click(function() {$.scrollTo(lp4Pos, scrollTime); $("#lp4 a").css("color","#0000F5");});
$("#lp5 a").click(function() {$.scrollTo(lp5Pos, scrollTime); $("#lp5 a").css("color","#0000F5");});
$("#lp6 a").click(function() {$.scrollTo(lp6Pos, scrollTime); $("#lp6 a").css("color","#0000F5");});
$("#lp7 a").click(function() {$.scrollTo(lp7Pos, scrollTime); $("#lp7 a").css("color","#0000F5");});
$("#lp8 a").click(function() {$.scrollTo(lp8Pos, scrollTime); $("#lp8 a").css("color","#0000F5");});
$("#lp9 a").click(function() {$.scrollTo(lp9Pos, scrollTime); $("#lp9 a").css("color","#0000F5");});


$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").mouseover(function() { $(this).css("color","#0000F5"); });
$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").mouseout(function() {
	
	
	if (($(window).scrollTop() >lp1Pos-5)&&($(window).scrollTop() < lp2Pos-15)) {
		$("#lp1 a").css("color","#0000F5");
		$("#lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000");
	} else if (($(window).scrollTop() >= lp2Pos-15)&&($(window).scrollTop() <lp3Pos-15)){	
	$("#lp1 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp2 a").css("color","#0000F5");
	} else if (($(window).scrollTop() >lp3Pos-15)&&($(window).scrollTop() < lp4Pos-15)){	
	$("#lp1 a, #lp2 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp3 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp4Pos-15)&&($(window).scrollTop() < lp5Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp4 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp5Pos-15)&&($(window).scrollTop() < lp6Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp5 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp6Pos-15)&&($(window).scrollTop() < lp7Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp6 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp7Pos-15)&&($(window).scrollTop() < lp8Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp7 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp8Pos-15)&&($(window).scrollTop() < lp9Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp9 a").css("color","#000")	;
	$("#lp8 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp9Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a").css("color","#000")	;
	$("#lp9 a").css("color","#0000F5");
	}
	

	 
	 
	 
	 });
 
	var pos = $("#project2").offset().top - winpos;
	//alert($("#project1").offset().top - winpos);
	

	
	
	
	//alert($(window).scrollTop())
	$("#lp1 a").css("color","#0000F5");
	$(window).scroll(function(){	
	
	if (($(window).scrollTop() >lp1Pos-5)&&($(window).scrollTop() < lp2Pos-15)) {
		$("#lp1 a").css("color","#0000F5");
		$("#lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000");
	} else if (($(window).scrollTop() >= lp2Pos-15)&&($(window).scrollTop() <lp3Pos-15)){	
	$("#lp1 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp2 a").css("color","#0000F5");
	} else if (($(window).scrollTop() >lp3Pos-15)&&($(window).scrollTop() < lp4Pos-15)){	
	$("#lp1 a, #lp2 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp3 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp4Pos-15)&&($(window).scrollTop() < lp5Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp4 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp5Pos-15)&&($(window).scrollTop() < lp6Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp6 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp5 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp6Pos-15)&&($(window).scrollTop() < lp7Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp7 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp6 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp7Pos-15)&&($(window).scrollTop() < lp8Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp8 a, #lp9 a").css("color","#000")	;
	$("#lp7 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp8Pos-15)&&($(window).scrollTop() < lp9Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp9 a").css("color","#000")	;
	$("#lp8 a").css("color","#0000F5");
	}else if (($(window).scrollTop() >lp9Pos-15)){	
	$("#lp1 a, #lp2 a, #lp3 a, #lp4 a, #lp5 a, #lp6 a, #lp7 a, #lp8 a").css("color","#000")	;
	$("#lp9 a").css("color","#0000F5");
	}
	
		
 
 });
  });
 //accordion
 
$(document).ready(function() {
	
	$(".accordionContent").hide();
	//$(".menuHead:first").addClass("active").next().show();
	
	$(".menuHead").click(function() {
		
		if ($(this).hasClass("active") ==true){
		
		//$(".menuHead").removeClass("active").next().slideUp();
		$(this).toggleClass("active").next().slideToggle();
		} else {
			
		$(".menuHead").removeClass("active").next().slideUp();	
		$(this).toggleClass("active").next().slideToggle();	
			
		}
		
		
			
		
		return false;
		
	
	 });
 });
 
 
 

//image rotate  

function theRotator() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',2000);
	
}
function rotate() {	
	//Get the first image
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 0);

	//Hide the current image
	current.animate({opacity: 0.0}, 0)
	.removeClass('show');
	
};



//image rotate  2

function theRotator2() {
	//Set the opacity of all images to 0
	$('div#rotator2 ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator2 ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate2()',2000);
	
}
function rotate2() {	
	//Get the first image
	var current = ($('div#rotator2 ul li.show')?  $('div#rotator2 ul li.show') : $('div#rotator2 ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator2 ul li:first') :current.next()) : $('div#rotator2 ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 0);

	//Hide the current image
	current.animate({opacity: 0.0}, 0)
	.removeClass('show');
	
};


//image rotate  2

function theRotator3() {
	//Set the opacity of all images to 0
	$('div#rotator3 ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator3 ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate3()',2000);
	
}
function rotate3() {	
	//Get the first image
	var current = ($('div#rotator3 ul li.show')?  $('div#rotator3 ul li.show') : $('div#rotator3 ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator3 ul li:first') :current.next()) : $('div#rotator3 ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 0);

	//Hide the current image
	current.animate({opacity: 0.0}, 0)
	.removeClass('show');
	
};




$(document).ready(function() {
	//Load the slideshow
	theRotator();
	theRotator2();
	theRotator3();
	 });