// JavaScript Document
 $(document).ready(function(){

		var superfish = 
		{
			init:function(){
				
				$('ul.sf-menu').superfish({
				   	delay:       300,                            
            		animation:   {opacity:'show',height:'show'},  
            		speed:       'fast'						  
				 });			
			}
		}

		var rollOver = 
		{
			init:function(div)
			{
				$(div).hover(rollOver.fadeIn, rollOver.fadeOut);

			}, fadeIn:function(){
					var fade = $('> div', this);
					// if the element is currently being animated (to fadeOut)...
					if (fade.is(':animated')) {
						// ...stop the current animation, and fade it to 1 from current position
						fade.stop().fadeTo(400,1);
					} else {
						fade.fadeTo(400,1);
					}					
				
				
			}, fadeOut:function(){
				
				var fade = $('> div', this);
				if (fade.is(':animated')) {
					fade.stop().fadeTo(400, 0.01);
						
				} else {
						fade.fadeTo(400, 0.01);
				}					
			}
		}
		
		var hover = 
		{
			init:function(div, image){
			
				$(div).hover(function(){
					$(div).addClass(image);
					}, function(){
						$(div).removeClass(image);									
					}
				);										
			}
		}

		var slideshowNo1 = 
		{
			init:function(){
				$('#slideshow1').jqFancyTransitions({ 
					effect: 'curtain',
					width: 270, 
					height: 195,
					direction: 'alternate',
					delay: 5000,
					position: 'right',
					links: 'true'
					
				});
			}
		}
		
		var slideshowNo2 = 
		{
			init:function(){
				$('#slideshow2').jqFancyTransitions({ 
					effect: 'curtain',
					width: 270, 
					height: 195,
					direction: 'alternate',
					delay: 5000,
					position: 'left',
					links: 'true'					
				});
			}
		}		
		
		var slideshowNo3 = 
		{
			init:function(){
				$('#slideshow3').jqFancyTransitions({ 
					effect: 'curtain',
					width: 270, 
					height: 195,
					direction: 'alternate',
					delay: 5000,
					position: 'left',
					links: 'true'					
				});
			}
		}	
		
		var slideshowNo4 = 
		{
			init:function(){
				$('#featureSlideshow').jqFancyTransitions({ 
					effect: 'curtain',
					width: 430, 
					height: 285,
					direction: 'alternate',
					delay: 5000,
					position: 'left',
					strips:15
					
				});
			}
		}			
		
		var index = 
		{
			init:function(){
			
				$(function() {
					var zIndexNumber = 1000;
					$('div').each(function() {
						$(this).css('zIndex', zIndexNumber);
						zIndexNumber -= 10;
					});
				});			
			}
		}
		
		var accordion = 
		{
			init:function(){
			$('#accordion').accordion({ 
				autoHeight: false 
				});
			}
				
		}

		var modalSelect = 
		{
			init:function()
			{
				var $dialog = $('<div></div>')
				.load('selection-chart.php')
				.dialog({
					autoOpen: false,
					title: 'Linmast Induction Heater Selection Chart',
					modal: 'true',
					width: 700,
					height: 550
				});
	
			$('#productSelected').click(function() {
				$dialog.dialog('open');
				// prevent the default action, e.g., following a link
				return false;
			});
			}
		}		
		
		var contactHover = 
		{
			init:function(map, div, html){
			
				$(map).hover(function(){
					$(div).load('contact/'+ html + '.html');
					$('#companyContactLink').css('display', 'block');
					}, function(){
								
					}
				);										
			}
		}

		var modalContact = 
		{
			init:function()
			{
				var $dialog = $('<div></div>')
				.load('contact-modal.html')
				.dialog({
					autoOpen: false,
					title: 'Contact Linmast',
					modal: 'true',
					width: 700,
					height: 650
				});
	
			$('.mapped').click(function() {
				$dialog.dialog('open');
				// prevent the default action, e.g., following a link
				return false;
			});
			}
		}
		
		
		var featureClick = 
		{
			init:function(id, div, html){
			
				$(id).bind('click',function(){
					$(div).load('features/'+ html + '.php');
					}
				);										
			}
		}
		
		var openFlash = 
		{
			init:function()
			{
				var $dialog = $('<div></div>')
				.load('howitworks/induction.html')
				.dialog({
					autoOpen: false,
					title: 'How Linmast induction heaters work',
					modal: 'true',
					width: 760,
					height: 620,
					buttons:{
					'close': function() {
				     $(this).html('<div></div');
				     $(this).load('howitworks/induction.html');
				     $(this).dialog('close');
				        }

				    }

				});
	
			$('#flashLink').click(function() {
				$dialog.dialog('open');
				// prevent the default action, e.g., following a link
				return false;
			});
			}
		}
		
		var openWorks = 
		{
			init:function()
			{
				var $dialog = $('<div></div>')
				.load('howitworks/workingHeater.html')
				.dialog({
					autoOpen: false,
					title: 'Working a Linmast Induction Heater',
					modal: 'true',
					width: 860,
					height: 500,
					buttons:{
						'close': function() {
					     $(this).html('<div></div');
					     $(this).load('howitworks/workingHeater.html');
					     $(this).dialog('close');
					        }	
				}
				});
	
			$('#flashHeater').click(function() {
				$dialog.dialog('open');
				// prevent the default action, e.g., following a link
				return false;
			});
			}
		}		

		var adminLogin = 
		{
			init:function()
			{
				var $dialog = $('<div></div>')
				.load('includes/login.php?purpose=admin')
				.dialog({
					autoOpen: false,
					title: 'Login',
					modal: 'true',
					width: 400,
					height: 200
	
				
				});
	
			$('#footerLogin').click(function() {
				$dialog.dialog('open');
				// prevent the default action, e.g., following a link
				return false;
			});
			}
		}			
		
		var dealerLogin = 
		{
			init:function()
			{
				var $dialog = $('<div></div>')
				.load('includes/login.php?purpose=dealer')
				.dialog({
					autoOpen: false,
					title: 'Login',
					modal: 'true',
					width: 400,
					height: 200
	
				
				});
	
			$('#dealerLogin').click(function() {
				$dialog.dialog('open');
				// prevent the default action, e.g., following a link
				return false;
			});
			}
		}		
		

		var spanFish = 
		{
			init:function(){
			$('#spanfish a').css("font-size", 11);
			
			}	
		}
		
	superfish.init();
	hover.init('#LBH45','imageOver');
	hover.init('#LBH70','imageOver');
	hover.init('#LBH90','imageOver');
	hover.init('#LBH100','imageOver');
	hover.init('#LBH120','imageOver');
	hover.init('#LBH160','imageOver');
	hover.init('#slideshow1','lowerNavOver');
	hover.init('#slideshow2','lowerNavOver');
	hover.init('#slideshow3','lowerNavOver');	
	hover.init('#silicon','featureItemOver');
	hover.init('#lcd','featureItemOver');
	hover.init('#magnetic','featureItemOver');
	hover.init('#hinge','featureItemOver');
	hover.init('#swing','featureItemOver');
	hover.init('#crossbar','featureItemOver');
	hover.init('#bars','featureItemOver');	
	hover.init('#gloves','featureItemOver');
	hover.init('#induction','inductionOver');	
	hover.init('#howWorks','inductionOver');		
	slideshowNo1.init()
	slideshowNo2.init()
	slideshowNo3.init()
	slideshowNo4.init()
	accordion.init()
	modalSelect.init()
	contactHover.init('#aus', '#companyContact', 'aus')
	contactHover.init('#nz', '#companyContact', 'nz')
	contactHover.init('#sa', '#companyContact', 'sa')
	contactHover.init('#ind', '#companyContact', 'ind')
	contactHover.init('#vt', '#companyContact', 'vt')
	contactHover.init('#sk', '#companyContact', 'sk')
	contactHover.init('#ch', '#companyContact', 'ch')
	contactHover.init('#sg', '#companyContact', 'sg')	
	contactHover.init('#in', '#companyContact', 'in')	
	contactHover.init('#me', '#companyContact', 'me')
	contactHover.init('#mex', '#companyContact', 'mex')
	contactHover.init('#us', '#companyContact', 'us')
	modalContact.init()
	featureClick.init('#lcd', '#featureMain', 'lcd')
	featureClick.init('#hinge', '#featureMain', 'hingearm')
	featureClick.init('#swing', '#featureMain', 'swingarm')
	featureClick.init('#crossbar', '#featureMain', 'crossbar')
	featureClick.init('#gloves', '#featureMain', 'gloves')
	featureClick.init('#magnetic', '#featureMain', 'magnetic')
	featureClick.init('#bars', '#featureMain', 'bars')
	featureClick.init('#silicon', '#featureMain', 'siliconMat')	
	openFlash.init()
	openWorks.init()
	adminLogin.init()
	dealerLogin.init()
	spanFish.init()
	});