// JavaScript Document
jQuery(document).ready(function(){
	
	// setup ul.tabs to work as tabs for each div directly under div.panes.
	//This script has new versions, but had issues in IE, so reverted.
	/*Markup: Use hrefs so tabs can be opened from links anywhere in page, or from custom forward/next navigation. The tab ids are for using the history plugin (included in script), wherewith you can use the browser's back button to navigate between tabs.
		<!-- tabs -->
		<ul class="tabs">
			<li><a id="t1" href="#account_information">Account Information</a></li>
			<li><a id="t2" href="#claim_details">Claim Details</a></li>
			<li><a id="t3" href="#fulfillment_information">Fulfillment Information</a></li>
			<li><a id="t4" href="#notes">Notes</a></li>
		</ul>
		<!-- tab "panes" -->
		<div class="panes">
			<div>Tab 1 content</div>
			<div>Tab 2 content</div>
			<div>Tab 3 content</div>
			<div>Tab 4 content</div>
		</div>
	*/
	jQuery(function() { 
	    jQuery("ul.tabs").tabs("div.panes > div").history(); 
	});
	
	jQuery(function() { 
	    jQuery("ul.results_tabs").tabs("div.results_panes > div").history(); 
	});
	
	//Sliding panes script
	jQuery("a.click_bar").click(function () {
		jQuery("div.view_panel").not(jQuery(this).nextAll("div.view_panel:first")).slideUp();
		jQuery(this).nextAll("div.view_panel:first").slideToggle("normal");
	});
	//Clearfield script. Clears the field data on pageload, or an action such as a click or submit.
	jQuery('input, select').addClass('clearField');
	
	//jQuery('.clearField').clearField();

	//Autocomplete function
	/*var autodata = "gmail.com hotmail.com yahoo.com comcast.com charter.net aol.com msn.com sbcglobal.net bellsouth.net verizon.net earthlink.net cox.net rediffmail.com ".split(" ");
	jQuery('#emaildomain').autocomplete(autodata);*/

	//Script for forward and next arrows--to be used with jQuery tabs
	jQuery('.nav_arrow').click(function () {
		var nextPage = jQuery(this).attr('rel');
		jQuery(nextPage).click();
		return false;
	});
	
	//Event for calling fancybox
	/*jQuery(".popup").fancybox({
        'hideOnContentClick': false,
        'zoomOpacity': true,
        'zoomSpeedIn': 500,
        'zoomSpeedOut': 500,
        'overlayShow': false
    });*/
	
	//Instantiates datepicker. Parameters keep user from selecting date previous to current.
	//jQuery('#datepicker input').datepicker({ maxDate: '+0d' });
	
	//Total (addition) calculation
	jQuery('#deductible').blur(function(){
		var source = jQuery('#total'), targets = jQuery('#total').attr('rel').split(" ");
		var sum = 0;
		for (var t in targets) {
			sum += (jQuery('#'+targets[t]).val()/1 || jQuery('#'+targets[t]).html()/1);
		}
		(source.attr('tagName') == 'INPUT' || source.attr('tagName') == 'SELECT') ? source.val(sum) : source.html(sum);
	});
	
	//Textarea maxlength delimiter -- Need to be able to set custom tags
	/***********************************************
	* Textarea Maxlength script- � Dynamic Drive (www.dynamicdrive.com)
	* This notice must stay intact for legal use.
	* Visit http://www.dynamicdrive.com/ for full source code
	***********************************************/
	
	function ismaxlength(obj){
		var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
		if (obj.getAttribute && obj.value.length>mlength)
		obj.value=obj.value.substring(0,mlength)
	}
	
	//Trigger for activating Tooltips
	/*jQuery('input[title]').tooltip();
	jQuery('select[title]').tooltip({
		events: {
			widget:"focus,blur"
		}
	});*/

	//Correcting script for IE6 select z-index=infinity problem
	/*jQuery('.tooltip').livequery(function() {
		jQuery(this).each(function() {
			jQuery(this).bgiframe();
		});
	});*/

	//Script for toggleing between Expanded/Scroll views
	/*jQuery('.scrollToggle').click(function() {
		jQuery('.scrollToggle').removeClass('active');					    
		jQuery(this).addClass('active');
		var linkID = jQuery(this).attr('id');
		if (linkID == 'expanded_link') {
			jQuery('#phone_features').removeClass('scroll');
		} else {
			jQuery('#phone_features').addClass('scroll');
		}
	});*/

	//Zebra-striping for tables
	jQuery('.stripe_even tr:even').addClass('alt'); 
	jQuery('.stripe_odd tr:odd').addClass('alt');

	jQuery('.highlightRow tr').hover(
		function() {
			jQuery(this).addClass('row_over');
		},
		function() {
			jQuery(this).removeClass('row_over');
		}
	);
	  var offsetX = 20;
	  var offsetY = 10;
	  jQuery('a.portfolio').hover(function (e) {
		var href = jQuery(this).attr('href');
		jQuery('<img id="largeImage" src="' + href + '" alt="Large image" />')
		.css('top', e.pageY + offsetY).css('left', e.pageX + offsetX)
		.appendTo('body');
		
		}, function () {
			jQuery('#largeImage').remove();
	 
		});
		jQuery('a.portfolio').mousemove(function (e) {
			jQuery('#largeImage').css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);					
									
		});
	jQuery("ul.hidden").hide();
	jQuery("a.toggleLink").click(function () {
		jQuery("ul.hidden").not(jQuery(this).next("ul:first")).slideUp();
		jQuery(this).next("ul:first").slideToggle("normal");
		return false;
	});
	
	jQuery("div.hidden").hide();
	jQuery("a.toggler").click(function () {
		jQuery("div.hidden").not(jQuery(this).next("div:first")).slideUp();
		jQuery(this).next("div:first").slideToggle("normal");
	});

	//Function for highlighting active section
	jQuery(function() {
		var url = location.pathname;
		if(url.indexOf('web-design') > -1) {
			jQuery("#web_design").addClass("active");
		}
		if(url.indexOf('french') > -1) {
			jQuery("#french").addClass("active");
		}
		if(url.indexOf('my-take') > -1) {
			jQuery("#my_take").addClass("active");
		}
		if(url.indexOf('portfolio') > -1) {
			jQuery("#portfolio").addClass("active");
		}
	});
	
	//This highlights homepage tab when on homepage
	if (jQuery(location).attr('href') == 'http://www.moonkatcreations.com/') {
	 jQuery('#home').addClass('active');
	}	
	//This function makes all the tags small so they fit in the given space
	jQuery('a[class*=tag-link]').css('font-size', '12px');
	
	  var offsetX = 20;
	  var offsetY = 10;
	  jQuery('a.portfolio').hover(function (e) {
		var href = jQuery(this).attr('href');
		jQuery('<img id="largeImage" src="' + href + '" alt="Large image" />')
		/*.css('top', e.pageY + offsetY).css('left', e.pageX + offsetX)*/
		.appendTo('body');
		
		}, function () {
			jQuery('#largeImage').remove();
	 
		});
	  		
		jQuery('a.portfolio').mousemove(function (e) {
			jQuery('#largeImage').css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);					
									
		});

});