/* IE6 flicker fix
-------------------------------------------------- */
try { document.execCommand("BackgroundImageCache", false, true); } catch(err){}
jQuery.fn.hasClass = function(c) { return this.is('.'+c) };
function g(r){ return document.getElementById(r); }

/* Init */

$(document).ready(function() {
	if($("#contentSlider")!=null){
		initContentSlider()
	}
		initTooltip()

});



/* Storyblock */
var contentblocks = 0;
var currentBlock = 0;
function initContentSlider(){
	contentblocks = $("#contentSlider .content LI").length-1;
	$("#contentSlider .content LI").each(function(index){
		$("#contentSlider .content LI").css("display","none")		
	});
	$("#nextSlide").click(function(){
		currentBlock++;
		if(currentBlock>contentblocks){
			currentBlock=0;
		}
		displayContentBlock(currentBlock);
	});
	$("#prevSlide").click(function(){
		currentBlock--;
		if(currentBlock<0){
			currentBlock=contentblocks;
		}
		displayContentBlock(currentBlock);
	});
	$("#contentSlider .menu LI").click(function(e){
		index = $("#contentSlider .menu LI").index($(this))
		displayContentBlock(index)
	});
	displayContentBlock(0);
}
function displayContentBlock(index){
	$("#contentSlider .menu LI").removeClass("current")
	$("#contentSlider .menu LI").eq(index).addClass("current")
	if($("#contentSlider .content LI:visible").length>0){
		$("#contentSlider .content LI:visible").fadeOut('slow', function() {
			$("#contentSlider .content LI").eq(index).fadeIn();
			
		 });
	}
	else{
		$("#contentSlider .content LI").eq(index).fadeIn();
	}
}

/* Tooltip */
function initTooltip(){
	tooltip = '<div id="tooltip">'
	tooltip +='	<div class="inner">'
	tooltip +='		<div class="start">'
	tooltip +='			<div class="a"></div>'
	tooltip +='			<div class="c"></div>'
	tooltip +='			<div class="b">&nbsp;</div>'											
	tooltip +='			<div class="d"></div>'											
	tooltip +='		</div>'
	tooltip +='		<div class="middle">'
	tooltip +='			<div class="a"><div class="b"></div></div>'
	tooltip +='		</div>'
	tooltip +='		<div class="end">'
	tooltip +='			<div class="a"></div>'
	tooltip +='			<div class="c"></div>'
	tooltip +='			<div class="b">&nbsp;</div>'											
	tooltip +='			<div class="d"></div>'											
	tooltip +='		</div>'
	tooltip +='	</div>'									
	tooltip +='</div>';
	
	$("body").append(tooltip)
}
function showTooltip(txt,targ){
	$('#tooltip .d').hide()		
	$('#tooltip .middle .b').text(txt)
	var twidth = $('#tooltip').outerWidth();
	var theight = $('#tooltip').outerHeight();
	var left = parseInt($(targ).offset().left) - (twidth/2) + 10
	var top = parseInt($(targ).offset().top) - (theight+10)
	if(top<$(window).scrollTop()){
		var top = parseInt($(targ).offset().top) +30
		$('#tooltip .start .d').show()
	}
	else{
		$('#tooltip .end .d').show()
	}
	if(left<5){
		var left = 5;
		offset = $(targ).offset().left-left
		$('#tooltip .d').css('left',offset-12)
	}
	else if(left<$(window).scrollLeft()){
		var left = $(window).scrollLeft()+5;
		offset = $(targ).offset().left-left
		$('#tooltip .d').css('left',offset-12)
	}
	else { 
		$('#tooltip .d').css('left',twidth/2-10)
	}
	// position tooltip	
	$('#tooltip').css({
			left: left + 'px',
			top: top + 'px'
	})		
	.show();
}function hideTooltip(){
	$('#tooltip').css({
		left: '-1000px',
		top: '-1000px'
	});
}


/* Tabs switcher */

function showTab(ref,set){
	$('#'+set+' > LI > A').each(function(i,a){
		$(a).removeClass('active');
		$($(a).attr('href')).addClass('hidden');
	});
	$(ref).addClass('active');
	$($(ref).attr('href')).fadeIn(500).removeClass('hidden').css({display: ''});
	return false;
}