// JavaScript Document

var currentMenu = 0;
var ajaxContent = false;


function initSolutionBox(){
	$('.panel').hide();
	$('#panel_'+currentMenu).show();
	
	$('#solution_box .content.selected').prev().addClass('noBg');
	
	// @todo : delete .home to allow hover on all pages
	$('.home #solution_box .solution-menu .content').unbind('click').mouseenter(function(event){
		debug("SolutionTab.mouseenter; ajaxContent="+ajaxContent);
		
		switchSolutionTab($(this));
		
		if( ajaxContent ){
				$.ajax({ url: $(this).attr('href'), context: $(this), 
				success: function(data){ ajaxSuccess(data, this); },
				error: function(){ $('body', this).removeClass('loading');  }
			});
		}
	});
	
	// PNG Transparency for IE in animation
	// var i;
	// for (i in document.images) {
	// 	if (document.images[i].src) {
	// 		var imgSrc = document.images[i].src;
	// 		if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG') {
	// 			document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
	// 		}
	// 	}
	// }	
}

function switchSolutionTab(el){
	
	if(window.console && console.groupCollapsed && debugMode ){ 
		console.groupCollapsed("function switchSolutionTab(el.val = "+$(el).attr('val')+")"); 
	}
	
	var oldMenu = currentMenu;
	currentMenu = $(el).attr('val');
	
	debug("oldMenu = "+oldMenu);
	debug("currentMenu = "+currentMenu);
	
	if(oldMenu != currentMenu){		
		
		debug("$(el).siblings(): "+$(el).siblings().length);
				
		$(el).siblings().removeClass('selected on'); 
		$(el).addClass('selected on');
		  
		$("#solution_box .content").removeClass('noBg');
		$(el).prev().addClass('noBg');// noBg to delete border
		
		/* 
		// @todo: use this if selector animation is necessary
		
		var position = $(this).position();
		var leftPos = (position.left-20);
		if(typeof debug == 'function'){ debug(leftPos); }
		$('#solution_box #selector #selected').css('left', leftPos );
		*/
		
		// $('#solution_box #selector #selected').appendTo($(this));
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
			$('.panel').hide();
			$('.subPanelBody').hide();
			for(i = 0; i < 3; i++){
				var timeDelay = 200 * i;
				$('#panel_'+currentMenu + ' .subPanel:eq('+i+') .subPanelBody').stop().delay(timeDelay).show().css('display','block');
			}
			$('#panel_'+currentMenu).stop().show(); //test for MSIE x.x;
		}else{
			$('.panel').fadeTo(0,0).hide();
			$('.subPanelBody').fadeOut(0).hide();
			for(i = 0; i < 3; i++){
				var timeDelay = 200 * i;
				$('#panel_'+currentMenu + ' .subPanel:eq('+i+') .subPanelBody').stop().delay(timeDelay).show().fadeTo(250, 1);
			}
			$('#panel_'+currentMenu).stop().fadeTo(250, 1);
		}

	}
	
	// CLOSE debug group
	if(window.console && console.groupEnd && debugMode ){ console.groupEnd(); }
}