/***********************************************************************************************************************
DOCUMENT: includes/javascript.js
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 3/26/2009
UPDATED: 3/25/2010
DESCRIPTION: This is the JavaScript required to create the accordion style menu.  Requires jQuery library
NOTE: Because of a bug in jQuery with IE8 we had to add an IE stylesheet hack to get the system to work in all browsers. I hate hacks but had no choice :(.
************************************************************************************************************************/
$(document).ready(function() {	                
    //Top navigation hover
    function megaHoverOver(){
        $(this).find(".links").stop().fadeTo('fast', 0.95).show();            
    }
    
    function megaHoverOut(){ 
      $(this).find(".links").stop().fadeTo('fast', 0, function() {
          $(this).hide(); 
      });
    }

    //Grey div box
    function greyBoxOut(){ 
       var docHeight = $(document).height();

       $("body").append("<div id='overlay'></div>");

       $("#overlay")
          .height(docHeight)
          .css({
             'opacity' : 0.4,
             'position': 'absolute',
             'top': 0,
             'left': 0,
             'background-color': 'black',
             'width': '100%',
             'z-index': 5000
          });
    }    
    

    var config = {    
         sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
         interval: 1, // number = milliseconds for onMouseOver polling interval    
         over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
         timeout: 100, // number = milliseconds delay before onMouseOut    
         out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
    };

    $("ul#topnav li .links").css({'opacity':'0'});
    $("ul#topnav li").hoverIntent(config); 

    //Quick search initialization
    $('input#search_mcu').quicksearch('.mcu_row');        
    
    $("area").hover(function() {                
        $('#selector div').removeClass('selected').css('display', 'none');
        
        var boardDesc = '.'+$(this).attr('id')+'-desc';
        $(boardDesc).addClass('selected').css('display', 'block');
    });  

    //Init scrollable
    $("#chained").scrollable({circular: true, mousewheel: true}).navigator().autoscroll({
        interval: 7000    
    });		    			
	
    //$('<div id="effect_overlay"></div>').appendTo('body');            	
	$('a.lightbox').lightBox(); // Select all links with lightbox class
	
	//Accessory Boards loader	
	if ($("#acc_boards").length > 0) {
		$.ajax({
			url: '/eng/categories/get_boards/',
			success: function(data) {
				var parsedData = jQuery.parseJSON(data);
				$('#acc_boards').html(parsedData.content);						
			},
			error: function(xhr,textStatus,error) {
				alert('Error: '+xhr.statusText);
			}			
		});	
	}	
	
    $(".cart_buy").click(function() {                
        var pos = $(this).offset(); 
        var width = $(this).width(); 
        $('.tooltip').css({ 'left': (pos.left + 2) + 'px', 'top':(pos.top - 50) + 'px' }).fadeIn().delay(500).fadeOut('slow');	
		
        /*var left = e.pageX;
        var top = e.pageY;
        $('.tooltip').css({ 'left': (left) + 'px', 'top':(top) + 'px' }).fadeIn().delay(500).fadeOut('slow');*/
    });  		    
});