/***********************************************************************************************************************
DOCUMENT: includes/javascript.js
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 5/29/2009
DESCRIPTION: This document contains general javascript functionality used within the site.  Requires jQuery library
************************************************************************************************************************/

$(document).ready(function() {
			
	/********************************************************************************************************************
	HANDLE PRESENTATION NAVIGATION ROLLVER
	********************************************************************************************************************/	
    $(".presentationButton").mouseover(function(){
		current = $(".presentationButton").index(this);
		if(current != active) {
    		$(".presentationButton:eq(" + current + ")").attr("src","/templates/default/images/button" + current + "_on.png"); 
		}
    }).mouseout(function(){
		if(current != active) {
    		$(".presentationButton:eq(" + current + ")").attr("src","/templates/default/images/button" + current + ".png"); 
		}
    });
	
	/********************************************************************************************************************
	SWITCH SLIDE ON CLICK
	********************************************************************************************************************/	
	$(".presentationButton").click(function() {
		
		//GET THE EQ OF THE BUTTON
		current = $(".presentationButton").index(this);
		
		if(active != current) {
			
			//IF ONE IS ACTIVE TURN IT OFF
			if(active != null) {
				$(".presentationButton:eq(" + active + ")").attr("src","/templates/default/images/button" + active + ".png");
			}
			
			//IF THE CURRENT IS NOT ACTIVE THEN FADE OUT THE CURRENT AND FADE IN THE NEW
			if(current != active) {
				
				//IF A SLIDE IS ACTIVE FADE IT OUT OTHERWISE FADE OUT DEFAULT
				if(active != null) {
					$(".presentationSlide:eq(" + active + ")").fadeOut(900);
				} else {
					$(".presentationSlide:eq(4)").fadeOut(900);
				}
				
				//FADE IN THE NEW SLIDE
				$(".presentationSlide:eq(" + current + ")").fadeIn(3000);
			}
			
			//TURN ON THE SELECTED SLIDE
			$(".presentationButton:eq(" + current + ")").attr("src","/templates/default/images/button" + current + "_on.png");
			active = current;
		
		} 
		
	});	


	/*********************************************************************************************************
	CALL TOOLTIPS
	*********************************************************************************************************/
	function simple_tooltip(name){
		 $('.gallery img').each(function(i){
				
				var current = $('.gallery img').index(this);
			  
				$("body").append("<div class='"+name+"' id='"+name+current+"'>" + $('.show:eq(' + current + ')').html() + "</div>");
				var my_tooltip = $("#"+name+current);
					
				$(this).removeAttr("title").mouseover(function(){
					my_tooltip.css({opacity:1, display:"none"}).show();
				}).mousemove(function(kmouse){
						my_tooltip.css({left:kmouse.pageX-220, top:kmouse.pageY+15});
				}).mouseout(function(){
						my_tooltip.hide();
				});
			});
	}

	 simple_tooltip("tooltip");


	/********************************************************************************************************************
	INDEX / HOME SPECIFIC STYLES
	********************************************************************************************************************/	
	var active = null;
	$(".show").hide();
	$(".presentationSlide").hide();
	$(".presentationSlide:eq(4)").show();
	
});