var projectOpen = false;
var projectNew;
var projectCurrent;
var currentHighlight;
var workHeight;

var widgetsOn = false;
var traineeOn = false;
var iplayerOn = false;
var gobbleOn = false;
var itvOn = false;
var radio1On = false;

var pauseTime = 4000;

$(function() {	
	$("#project-container .project").fadeOut(0);
	
	/*
$("header").fadeOut(0).delay(800).fadeIn(600);
	$("footer").fadeOut(0).delay(800).fadeIn(600);
*/
	
	$("#closebtn").click(closeProject);
	$("#project-nav li").click(function () {
		projectSelected($(this))
	});
	
	var project = location.hash.replace("\#","");
    if (!project == "") {
		$("#work-"+project).trigger("click");
    }
});

function closeProject(evt){
	$("#project-container .project").fadeOut(500);
	$("#work-container").animate({height:'0px'}, 500, "swing");
	$("#work-container").css("border", "none");
	$("#point").css("visibility", "hidden");
	projectOpen = false;
	scrollToTop();
}

function projectSelected(evt) {

	if($(evt).attr("id") == "work-widgets") {
		workHeight = '695px';
	} else if($(evt).attr("id") == "work-iplayer") {
		workHeight = '695px';
	} else if ($(evt).attr("id") == "work-gobble") {
		workHeight = '695px';
	}else if ($(evt).attr("id") == "work-itv") {
		workHeight = '695px';
	} else if ($(evt).attr("id") == "work-radio1") {
		workHeight = '695px';
	} else if ($(evt).attr("id") == "work-onebbc") {
		workHeight = '695px';
	}

	if(!projectOpen){
		$("#work-container").animate({height:workHeight}, 500, "swing");
		$("#work-container").css("border-top", "1px solid #ccc");
		$("#work-container").css("border-bottom", "1px solid #ccc");
		$("#about-container").fadeOut(500);
		if(projectCurrent == undefined) {
			projectNew = "#project-" + $(evt).attr("id");
			$(projectNew).fadeIn(500);
			projectCurrent = projectNew;
		} else {
			$(projectCurrent).fadeOut(500);
			projectNew = "#project-" + $(evt).attr("id");
			$(projectNew).fadeIn(500);
			projectCurrent = projectNew;	
		}
		projectOpen = true;
	} else {
		$("#about-container").fadeOut(500);
		$(projectCurrent).fadeOut(500);
		$("#work-container").animate({height:workHeight}, 500, "swing");
		projectNew = "#project-" + $(evt).attr("id");
		$(projectNew).fadeIn(500);
		projectCurrent = projectNew;	
	}
	
	scrollToProject();
	setImages(evt);
}

function setImages(evt) {
	
	if($(evt).attr("id") == "work-widgets") {
		$("#point").css("left", "80px");
		if(!widgetsOn) {
			$("#project-work-widgets .sliderImages ul li:eq(1) img").attr("src", "images/work-widgets/widgets-02.jpg");
			$("#project-work-widgets .sliderImages ul li:eq(2) img").attr("src", "images/work-widgets/widgets-03.jpg");
			$("#project-work-widgets .sliderImages ul li:eq(3) img").attr("src", "images/work-widgets/widgets-04.jpg");
			setUpWidgetSlider(evt);
			widgetsOn = true;
		}
	} else if ($(evt).attr("id") == "work-iplayer") {
		$("#point").css("left", "384px");
		
		if(!iplayerOn) {
			$("#project-work-iplayer .sliderImages ul li:eq(1) img").attr("src", "images/work-iplayer/iplayer-02.jpg");
			$("#project-work-iplayer .sliderImages ul li:eq(2) img").attr("src", "images/work-iplayer/iplayer-03.jpg");
			setUpIplayerSlider(evt);
			iplayerOn = true;
		}
	} else if ($(evt).attr("id") == "work-gobble") {
		$("#point").css("left", "536px");
		
		if(!gobbleOn) {
			$("#project-work-gobble .sliderImages ul li:eq(1) img").attr("src", "images/work-gobble/gobble-02.jpg");
			$("#project-work-gobble .sliderImages ul li:eq(2) img").attr("src", "images/work-gobble/gobble-03.jpg");
			setUpGobbleSlider(evt);
			gobbleOn = true;
		}
	} else if ($(evt).attr("id") == "work-itv") {
		$("#point").css("left", "688px");
		
		if(!itvOn) {
			$("#project-work-itv .sliderImages ul li:eq(1) img").attr("src", "images/work-itv/itv-02.jpg");
			$("#project-work-itv .sliderImages ul li:eq(2) img").attr("src", "images/work-itv/itv-03.jpg");
			$("#project-work-itv .sliderImages ul li:eq(3) img").attr("src", "images/work-itv/itv-04.jpg");
			setUpITVSlider(evt);
			itvOn = true;
		}
		
	} else if ($(evt).attr("id") == "work-radio1") {
		$("#point").css("left", "840px");
		
		if(!radio1On) {
			$("#project-work-radio1 .sliderImages ul li:eq(1) img").attr("src", "images/work-radio1/radio1-02.jpg");
			setUpRadio1Slider(evt);
			radio1On = true;
		}
	}
}



/*--------------------------------------------------------
 = SET UP SLIDE SHOWS
--------------------------------------------------------*/

function setUpWidgetSlider(evt) {
	var projectSlideShow = "#project-" + $(evt).attr("id");
	$(projectSlideShow + " .sliderImages").easySlider({
		auto: true,
		pause: pauseTime,
		continuous: true,
		prevText: "",
		nextText: "",
		nextId: "nextBtn",
		prevId: "prevBtn"
	});
}

function setUpIplayerSlider(evt) {
	var projectSlideShow = "#project-" + $(evt).attr("id");
	$(projectSlideShow + " .sliderImages").easySlider({
		auto: true,
		pause: pauseTime,
		continuous: true,
		prevText: "",
		nextText: "",
		nextId: "nextBtn2",
		prevId: "prevBtn2"
	});
}

function setUpGobbleSlider(evt) {
	var projectSlideShow = "#project-" + $(evt).attr("id");
	$(projectSlideShow + " .sliderImages").easySlider({
		auto: true,
		pause: pauseTime, 
		continuous: true,
		prevText: "",
		nextText: "",
		nextId: "nextBtn3",
		prevId: "prevBtn3"
	});
}

function setUpRadio1Slider(evt) {
	var projectSlideShow = "#project-" + $(evt).attr("id");
	$(projectSlideShow + " .sliderImages").easySlider({
		auto: true,
		pause: pauseTime,
		continuous: true,
		prevText: "",
		nextText: "",
		nextId: "nextBtn4",
		prevId: "prevBtn4"
	});
}

function setUpITVSlider(evt) {
	var projectSlideShow = "#project-" + $(evt).attr("id");
	$(projectSlideShow + " .sliderImages").easySlider({
		auto: true,
		pause: pauseTime,
		continuous: true,
		prevText: "",
		nextText: "",
		nextId: "nextBtn5",
		prevId: "prevBtn5"
	});
}

/*--------------------------------------------------------
 = SCROLL PAGE
--------------------------------------------------------*/
		
function scrollToProject(){
     	$('html,body').animate({scrollTop: $("#work-container").offset().top},500);
}

function scrollToTop(){
     	$('html,body').animate({scrollTop: $("body").offset().top},500);
}