/* 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); }



$.fn.tagName = function(){

	if(1 === this.length){

		return this[0].tagName.toLowerCase();

	} else{

		var tagNames = [];

		this.each(function(i, el){

			tagNames[i] = el.tagName.toLowerCase();

		});

		return tagNames;

	}

};





/* Init */



$(document).ready(function() {

	if($('#contentslider').length>0){

		theRotator()

	}

	if($('#content').length>0){

		loadcontent('about.html')

	}

});



function loadcontent(val){

	$("#content").fadeOut('slow',function(){

		$("#content").load(val,function() {

		  $("#content").fadeIn('slow',function(){

			  $("#content").parent().css('height',$("#content").outerHeight()+50);

		  });

		});

	});

	

	return false;

}



/* Rotate image */

var rotateInterval;

var mouseWithin=false;

function theRotator() {

	//Set the opacity of all images to 0

	$('#contentslider ul.slides li').css({opacity: 0.0});

	$('#contentslider').mouseover(function(){

		clearInterval(rotateInterval);

		mouseWithin = true;

	})

	.mouseout(function(){

		clearInterval(rotateInterval);

		rotateInterval = setInterval('rotate(-1)',100);

		mouseWithin = false;

	})

	var imagecount = $('#contentslider ul.slides li').length;

	var i = 1;

	$('#contentslider ul.slides li').each(function(){

		$(this).css("z-index",i*10);

		i++;

	});

	//Get the first image and display it (gets set to full opacity)

	$('#contentslider ul.slides li:first').css({opacity: 1.0});

	$('#contentslider ul.bullets').empty()

	for(var i=0;i<imagecount;i++){

		$('#contentslider ul.bullets').append('<li><a href="#"></a></li>');

	}

	$('#contentslider ul.bullets li:first').addClass("active");

	$('#contentslider ul.bullets li a').click(function(){

		$('#contentslider ul.bullets li').removeClass("active");

		$(this).parent().addClass("active");

		var pos = $('#contentslider ul.bullets li').index($(this).parent());		

		clearInterval(rotateInterval);

		rotate(pos);	

		rotateInterval = setInterval('rotate(-1)',6000);

		$('#contentslider').mouseover()

	});

	$('#contentslider .btnLeft').click(function(){

		clearInterval(rotateInterval);

		var current = ($('#contentslider ul.slides li.show')?  $('#contentslider ul.slides li.show') : $('#contentslider ul.slides li:first'));

		if ( current.length == 0 ) current = $('#contentslider ul.slides li:first');

		var pos = $('#contentslider ul.slides li').index(current);

		if(pos>0){

			rotate(pos-1)

		}

		else{

			rotate($('#contentslider ul.slides li').length-1)

		}

		$('#contentslider').mouseover()

		return false;

	})

	$('#contentslider .btnRight').click(function(){

		clearInterval(rotateInterval);

		var current = ($('#contentslider ul.slides li.show')?  $('#contentslider ul.slides li.show') : $('#contentslider ul.slides li:first'));

		if ( current.length == 0 ) current = $('#contentslider ul.slides li:first');

		var pos = $('#contentslider ul.slides li').index(current);

		if(pos<$('#contentslider ul.slides li').length-1){

			rotate(pos+1)

		}

		else{

			rotate(0)

		}

		$('#contentslider').mouseover()

		return false;

	})

	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds

	

	rotateInterval = setInterval('rotate(-1)',6000);

	

}



function rotate(pos) {

	

	clearInterval(rotateInterval);			

	//Get the first image

	var current = ($('#contentslider ul.slides li.show')?  $('#contentslider ul.slides li.show') : $('#contentslider ul.slides li:first'));

	var currentdot = ($('#contentslider ul.bullets li.active')?  $('#contentslider ul.bullets li.active') : $('#contentslider ul.bullets li:first'));

	

    if ( current.length == 0 ) current = $('#contentslider ul.slides li:first');

	if ( currentdot.length == 0 ) currentdot = $('#contentslider ul.bullets li:first');



	//Get next image, when it reaches the end, rotate it back to the first image

	if(pos>=0){

		var next = $('#contentslider ul.slides li').eq(pos);

		var nextdot = $('#contentslider ul.bullets li').eq(pos);

	}

	else{

		var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#contentslider ul.slides li:first') :current.next()) : $('#contentslider ul.slides li:first'));

		var nextdot = ((currentdot.next().length) ? ((currentdot.next().hasClass('active')) ? $('#contentslider ul.bullets li:first') :currentdot.next()) : $('#contentslider ul.bullets li:first'));

	}

	

	//Set the fade in effect for the next image, the show class has higher z-index

	next.css({opacity: 0.0})

	.addClass('show')

	.animate({opacity: 1.0}, 1000);



	//Hide the current image

	current.animate({opacity: 0.0}, 1000)

	.removeClass('show');

	

	currentdot.removeClass("active");

	nextdot.addClass("active");

	if(mouseWithin==false){rotateInterval = setInterval('rotate(-1)',6000)};

	return false;

};



/* Tooltip */

function initTooltip(){

	tooltip = '<div id="tooltip">'

	tooltip +='			<div class="a"></div>'

	tooltip +='			<div class="b"><p></p></div>'											

	tooltip +='			<div class="c"></div>'

	tooltip +='</div>';

	

	$("body").append(tooltip)

}

function showTooltip(targ,txt){

	$('#tooltip .b P').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)

	

	// 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;

}