//Jane Lackey dot com
//Copyright 2008
$(document).ready(function (){
	setActive();
	preLoad();
	testingRollover();	
	try{
		hideDescriptions();
		$("ul.jqGalScroll").jqGalScroll({height:354,width:737,ease:'easeInOutCubic',speed:1500}).show();
		var jqscroll = $("div.jqGSPagination");
		$("#viewLeft", jqscroll).click(function(){
			var cur_select = $(".selected");
			var cur_num = cur_select.attr("href").replace(/^#/, '');
			if (cur_num != 0){
				var prev_href = cur_select.parent().prev().children("a").trigger('click');
			}		
			return false;
		});
		$("#viewRight", jqscroll).click(function(){
			var cur_select = $(".selected");
			var cur_num = cur_select.attr("href").replace(/^#/, '');
			var next_href = cur_select.parent().next().children("a").attr("href");
			if (next_href != "javascript:void(0)"){
				cur_select.parent().next().children("a").trigger('click');
			}
			return false;
		});
	}
	catch(er)
	{;}
	try{
		scroller();
		slideImage();
	}
	catch(er)
	{;}
});


function setActive(){
	var bodyid = $("body").attr("id");
	if(bodyid == "work")
	{
		$("div #work_nav").removeClass("rollover").addClass("active");
		var src = "/media/images/works-active.png#active";
		$("div #work_nav").attr("src",src);
		$("#projects_nav_ul").show();
		return false;
	}
	else{
		$("#"+bodyid+"_nav").removeClass("rollover").addClass("active");
		changeActiveImage();
	}
}

function preLoad(){
	jQuery.preloadImages = function()
	{
	  for(var i = 0; i<arguments.length; i++)
	  {
	    jQuery("<img>").attr("src", arguments[i]);
	  }
	}

	$.preloadImages("/media/images/artist-active.png", "/media/images/works-active.png", "/media/images/events-active.png", "/media/images/links-active.png", "/media/images/contacts-active.png");	
}

function rollovers(){
	$(".rollover").mouseover(
		function(){
			if($(this).attr("src").indexOf("-active") == -1) {
				var newSrc = $(this).attr("src").replace(".png","-active.png#hover");
				$(this).attr("src",newSrc);
			}
		});
	$(".rollover").mouseout(
		function(){
			if($(this).attr("src").indexOf("-active.png#hover") != -1) {
				var oldSrc = $(this).attr("src").replace("-active.png#hover",".png");
				$(this).attr("src",oldSrc);
			}
		}
	);	
}

function changeActiveImage(){
	try
	{
		var src = $(".active").attr("src").replace(".png","-active.png#active");
		$(".active").attr("src",src);
		try{
			$(".h2s:first").css({
				borderTop:"0",
				margin:"0", 
				padding:"0" 
			 });
		}
		catch(er){;}
		//var rollsrc = $(".rollover").attr("src").replace("-active.png", ".png");
		//$(".rollover").attr("src", rollsrc);
	}
	catch (err){
	}
}

function worksClick(){
	//$(this).stop();
	var t = $("div #work_nav").attr("src").indexOf("#active");
	if (t == -1){
		$("div #work_nav").removeClass("rollover").addClass("active");
		var src = "/media/images/works-active.png#active";
		$("div #work_nav").attr("src",src);
		$("#projects_nav_ul").slideDown({
			duration: "slow",
			easing: "easeOutBounce"
		});
		return false;
	}
	else{
		$("div #work_nav").removeClass("active").addClass("rollover");
		var newsrc = "/media/images/works.png";
		$("div #work_nav").attr("src", newsrc);
		$("#projects_nav_ul").slideUp({
			duration: 800,
			easing: "easeOutQuart"
			});
		rollovers();
		return false;
	}
	
}

function worksClick2(){
	var t = $("div #work_nav").attr("src").indexOf("#active");
	if (t == -1){
		$("div #work_nav").removeClass("rollover").addClass("active");
		var src = "/media/images/works-arrow.png#active";
		$("div #work_nav").attr("src",src);
		$("#projects_nav_ul").slideDown({
			duration: "slow",
			easing: "easeOutBounce"
		});
		$("div #work_nav").unbind("mouseout");
		return false;
	}
	else{
		$("div #work_nav").removeClass("active").addClass("rollover");
		var newsrc = "/media/images/works.png";
		$("div #work_nav").attr("src", newsrc);
		$("#projects_nav_ul").slideUp({
			duration: 800,
			easing: "easeOutQuart"
			});
		$("div #work_nav").attr("src","/media/images/works.png");
		$("div #work_nav").mouseout(function(){
			$(this).attr("src","/media/images/works.png");
		});
		return false;
	}
}

function toggleStatement(){
	$("#statement").slideToggle({
		duration: 500,
		easing: "easeOutQuart"
	});
	imgsrc = $("#artistArrow").attr("src");
	matches = imgsrc.match(/-active/);
	if (!matches){
		imgsrcON = imgsrc.replace(/.png$/ig,"-active.png");
		$("#artistArrow").attr("src", imgsrcON);
	}
	else{
		imgsrcOFF = imgsrc.replace(/-active.png$/ig,".png");
		$("#artistArrow").attr("src", imgsrcOFF);
	}
	//change the image in the togglestatement div to be active
}

function hideDescriptions(){
	$("#description div").hide();
	$("#description div#1").show();
}

function testingRollover(){
	$(".rollover").mouseover(function(){
		imgsrc = $(this).attr("src");
		matches = imgsrc.match(/-active/);
		if (!matches){
			imgsrcON = imgsrc.replace(/.png$/ig,"-active.png");
			$(this).attr("src", imgsrcON);
		}
	});
	$(".rollover").mouseout(function(){
		$(this).attr("src",imgsrc);
	});
	
	$(".rollover").each(function() {
		rollsrc = $(this).attr("src");
		rollON = rollsrc.replace(/.png$/ig,"-active.png");
		$("<img>").attr("src", rollON);
	});
}

function scroller(){
	var container = $("div#slider");
	var scroller = $("div#scroller", container)
	var scroll_img = $("img", scroller);
	var itemsWidth = scroll_img.innerWidth() - scroller.innerWidth();
	
	$("#example").slider({
                minValue: 0,
                maxValue: itemsWidth,
                handle: '.ui-slider-handle',
                axis: 'horizontal',
                stop: function (event, ui) {
                	scroll_img.stop();
                    scroll_img.animate(
                    	{'left' : ui.value * -1},2000);
                },
                slide: function (event, ui) {
                    scroll_img.css('left', ui.value * -1);
                }
            });
}
function slideImage(){
	var arrows = $("#arrows");
	var scroller = $("div#scroller");
	var scroll_img = $("img", scroller);
	var handle = $('.ui-slider-handle');
	var itemsWidth = scroll_img.innerWidth() - scroller.innerWidth();
	
	$("#slider").bind("mouseenter", function(){
		arrows.fadeIn("slow");
		$("#example").fadeIn("slow");
	});
	$("#slider").bind("mouseleave", function(){
		arrows.fadeOut("slow");
		$("#example").fadeOut("slow");
	});
	$("#leftarrow").hover(function(){
			scroll_img.animate({'left' : 0},6000, "easeInOutQuad");
			handle.animate({'left': 0},6000, "easeInOutQuad");
		}, 
		function(){
			scroll_img.stop();
			handle.stop();
		});
	$("#rightarrow").hover(function(){
			scroll_img.animate({'left' : itemsWidth * -1},6000, "easeInOutQuad");
			handle.animate({'left': 712},6000, "easeInOutQuad");
		}, 
		function(){
			scroll_img.stop();
			handle.stop();
		});
}