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

$(document).ready(function() {

	/********************************************************************************************************************
	TOGGLES THE HOMEPAGE BOXES
	********************************************************************************************************************/	
	$('.tabs').click(function() {
	
		var path = "system/templates/images/";
	
		//GET THE EQ OF THE CURRENT TAB
		var current = $('.tabs').index(this);

		//SET STARTING NUMBER FOR OUR LOOP
		var n;
		
		//GET RID OF THE OLD BOX
		$('.index_box').hide();
		
		//LOOP THROUGH ITEMS AND MODIFY ACCORDINGLY
		for(n=0; n<=3; n++) {
						
			//THIS IS THE ITEM TO UPDATE
			if(current == n) {
				$('.tabs:eq(' + n + ')').attr('src',path + 'tabs' + n + '_on.jpg');
				$('.index_box:eq(' + n + ')').show();
			} else {
				$('.tabs:eq(' + n + ')').attr('src',path + 'tabs' + n + '_off.jpg');
			}	
		}	
			
	});
		

	/********************************************************************************************************************
	EXECUTE ON LOAD
	********************************************************************************************************************/	
	$(".index_box").hide();
	$(".tabs:eq(0)").trigger('click');

});