// Jquery ready function ...
jQuery(function($) {		
	$("a", $("#ddtabs ul li")).each(function(i) {											
		//$(this).bind("click", {idx: i, tot_idx: $("#content ol li").length}, my_function);
		$(this).bind("click", {idx: i}, my_function);	//alert(i);				
	});
	$("a", $("#ddtabs ul li").eq(displayTabIndex)).trigger('click');
	$("a", $("#ddtabs ul li").eq(displayTabIndex)).addClass('current');
	$("#indexLastFadeBlock").val(displayTabIndex);

});

function my_function(event) {

	callAjax = false;
	lastIndex = $("#indexLastFadeBlock").val();		

	var querystring = window.location.hash;
	if(querystring=="#order" && event.data.idx==0) {
	
		displayTabIndex=3;
		curIndex=2;
	}
	else {

		$("#tabcontentcontainer div.idx_2").hide();			
		curIndex = event.data.idx;
	}
	curIndex = event.data.idx;
	if ($("#tabcontentcontainer div").is('.tabcontent')) {
		if ($("#tabcontentcontainer div").is('.idx_' + curIndex)) {			
			// hide last one
			$("#tabcontentcontainer div.idx_" + lastIndex).hide();			
			// bind click event to last li				
			$("a", $("#ddtabs ul li").eq(parseInt(lastIndex))).bind("click", {idx: parseInt(lastIndex)}, my_function);							
			// setting last fade index value
			$("#indexLastFadeBlock").val(parseInt(curIndex));
			// displaying current clicked div
			$("#tabcontentcontainer div.idx_" + curIndex).fadeIn(800);	
			$("a", $("#ddtabs ul li").eq(parseInt(curIndex))).unbind('click');
			// setting / removing li's classes : actiove
			$("a", $("#ddtabs ul li").eq(parseInt(lastIndex))).removeClass('current');
			$("a", $("#ddtabs ul li").eq(parseInt(curIndex))).addClass('current');
			return true;
		} else {
			callAjax = true;
		}		
	} else {
		callAjax = true;
	}
	
	// If call ajax is true
	if (callAjax) {
		$.ajax({
			type: "GET",
			url: 'GetHTML.php',
			timeout: 40000,
			data: 'idx='+curIndex,
			beforeSend: function(msg)
			{
				$("#indexLastFadeBlock").val(curIndex);
				
				$("a", $("#ddtabs ul li")).unbind('click');										
				$("a", $("#ddtabs ul li")).removeClass('current');
				$("a", $("#ddtabs ul li").eq(parseInt(curIndex))).addClass('current');
					
				$("#tabcontentcontainer div.idx_" + lastIndex).hide();
				$("<span id='loader'><img src='check/images/icons/loading.gif' style='float:left;' /><span style='float:left;padding:6px 0 0 5px;'> Loading information ... please wait!</span></span>").appendTo("#tabcontentcontainer");					
			},
			success: function(msg)
			{	
				msg = $.trim(msg);					
				
				$(msg).appendTo("#tabcontentcontainer");
				$("#tabcontentcontainer div.idx_" + curIndex).hide('fast', function() { 
					$("#tabcontentcontainer span").remove("#loader");
					$("#tabcontentcontainer div.idx_" + curIndex).fadeIn(800, function() {});
					if (displayTabIndex == 2) {
						showArea('2');	
					}
				});
				
				// Calling function to initialize grey box images
				decoGreyboxLinks();			
				// Initlizing jtip for tool tip
				JT_init();
			},
			complete: function()
			{				
				$("a", $("#ddtabs ul li")).each(function(i) {																 
					if (curIndex != i) {
						$(this).bind("click", {idx: parseInt(i)}, my_function);
					}
				});					
			}
		});
		
	} // end of call ajax check
}
					

function showArea(areaID) {
	if (areaID == 1) {
		$("#div_2").fadeOut('slow', function(){
			$("#div_1").fadeIn('slow');															 
		});
		if ($("#OrderForm2").attr('src').indexOf("_inactive") == -1) {
			$("#OrderForm2").attr({src: $("#OrderForm2").attr('src').replace(/(\.[a-z0-9]+)$/i,'_inactive$1')});
		}
		$("#OrderForm1").attr({src: $("#OrderForm1").attr('src').replace(/_inactive(\.[a-z0-9]+)$/i,'$1')});
		
	} else if (areaID == 2) {		
		$("#div_1").fadeOut('slow', function(){
			$("#div_2").fadeIn('slow');															 
		});
		if ($("#OrderForm1").attr('src').indexOf("_inactive") == -1) {
			$("#OrderForm1").attr({src: $("#OrderForm1").attr('src').replace(/(\.[a-z0-9]+)$/i,'_inactive$1')});
		}
		$("#OrderForm2").attr({src: $("#OrderForm2").attr('src').replace(/_inactive(\.[a-z0-9]+)$/i,'$1')});		
	
	} 
}