$(document).ready(function(){
	$('#likeFB').bt({
				showTip: function(box){
					$(box).fadeIn(250);					
				},
				hideTip: function(box, callback){
					$(box).animate({opacity: 0}, 250, callback);
				},
				shrinkToFit: true,
				hoverIntentOpts: {
					interval: 0,
					timeout: 1800
				},
				fill: 'rgba(0, 0, 0, .75)',
				strokeStyle: '#4b4b4b',
				spikeLength: 10,
				spikeGirth: 10,
				padding: 8,
				cornerRadius: 0, 
				cssStyles: {
					width:'75px'
				},
				positions: ['top'],			
				contentSelector: "$('#fbcar').html()", /*get text of inner content of hidden div*/
				overlap: '-10px'
			});
			$('#likeFBsn').bt({
				showTip: function(box){
					$(box).fadeIn(250);					
				},
				hideTip: function(box, callback){
					$(box).animate({opacity: 0}, 250, callback);
				},
				shrinkToFit: true,
				hoverIntentOpts: {
					interval: 0,
					timeout: 1800
				},
				fill: 'rgba(0, 0, 0, .75)',
				strokeStyle: '#4b4b4b',
				spikeLength: 10,
				spikeGirth: 10,
				padding: 8,
				cornerRadius: 0, 
				cssStyles: {
					width:'75px'
				},
				positions: ['top'],			
				contentSelector: "$('#fbcarsn').html()", /*get text of inner content of hidden div*/
				overlap: '-10px'
			});
			
			$('#moreclips').bt({
				showTip: function(box){
					$(box).fadeIn(250);					
				},
				hideTip: function(box, callback){
					$(box).animate({opacity: 0}, 250, callback);
				},
				shrinkToFit: true,
				hoverIntentOpts: {
					interval: 0,
					timeout: 1800
				},
				fill: 'rgba(0, 0, 0, .75)',				
				spikeLength: 8,
				spikeGirth: 10,
				padding: 6,
				cornerRadius: 0, 
				strokeStyle: '#dcdcdc',
				cssStyles: {
					color: '#dcdcdc',
					fontSize: '11px'
				},
				positions: ['top'],
				overlap: '-10px'			
			});
			
			$('#verselectm').bt({
				shrinkToFit: true,
				fill: 'rgba(0, 0, 0, .75)',				
				spikeLength: 8,
				spikeGirth: 10,
				padding: 6,
				cornerRadius: 0, 
				strokeStyle: '#dcdcdc',
				cssStyles: {
					color: '#dcdcdc',
					fontSize: '11px',
					width: '280px'
				},
				positions: ['bottom'],
				overlap: '-10px'			
			});
			
			$('#verselects').bt({				
				shrinkToFit: true,
				fill: 'rgba(0, 0, 0, .75)',				
				spikeLength: 8,
				spikeGirth: 10,
				padding: 6,
				cornerRadius: 0, 
				strokeStyle: '#dcdcdc',
				cssStyles: {
					color: '#dcdcdc',
					fontSize: '11px',
					width: '210px'
				},
				positions: ['bottom'],
				overlap: '-10px'			
			});
			
			$('#verselecth').bt({
				shrinkToFit: true,
				fill: 'rgba(0, 0, 0, .75)',				
				spikeLength: 8,
				spikeGirth: 10,
				padding: 6,
				cornerRadius: 0, 
				strokeStyle: '#dcdcdc',
				cssStyles: {
					color: '#dcdcdc',
					fontSize: '11px',
					width: '235px'
				},
				positions: ['bottom'],
				overlap: '-10px'			
			});
			
			$('#clipAmtBt').bt({
				showTip: function(box){
					$(box).fadeIn(250);					
				},
				hideTip: function(box, callback){
					$(box).animate({opacity: 0}, 250, callback);
				},
				shrinkToFit: true,
				hoverIntentOpts: {
					interval: 0,
					timeout: 1800
				},
				fill: 'rgba(0, 0, 0, .75)',
				strokeStyle: '#4b4b4b',
				spikeLength: 10,
				spikeGirth: 10,
				padding: 8,
				cornerRadius: 0, 
				cssStyles: {
					width:'75px'
				},
				positions: ['top'],			
				contentSelector: "$('#clippagect').html()", /*get text of inner content of hidden div*/
				overlap: '-10px'
			});
   
	// more toggle
	
	$(".hidden").hide();
	$(".show").html("<img src='grafx/arrow_more.png'><a> more</a>");
	$(".show").click(function() {
		if (this.className.indexOf('clicked') != -1 ) {
			$(this).prev().slideUp(500);
			$(this).removeClass('clicked')
			$(this).html("<img src='grafx/arrow_more.png'><a> more</a>");
		}
		else {
			$(this).addClass('clicked')
			$(this).prev().slideDown(500);
			$(this).html("<br><img src='grafx/arrow_less.png'><a> less</a>");
		}
	});

	$('div.toggler').toggleElements( );
	
	// slider clips
	
	$('#coda-slider-1').codaSlider({
		autoHeight: true,
		dynamicTabs: false, 
		dynamicArrows: false,
		slideEaseDuration: 400
	});
	
	// hover clips

	$(".latest_img").css("opacity","0.4");		
	// ON MOUSE OVER
	$(".latest_img").hover(function () {
		// SET OPACITY TO 100%
		$(this).stop().animate({
			opacity: 1.0
		}, 10);
	},
	// ON MOUSE OUT
	function () {
		// SET OPACITY BACK TO 50%
		$(this).stop().animate({
			opacity: 0.4
		}, "slow");
	});
	
	// overlay

	$('#firstGallery').ImageOverlay({		
		always_show_overlay : false,
		animate : true,
		border_color : '#000',
		overlay_color: '#000',
		overlay_origin: 'top',
		overlay_speed: 'fast',
		overlay_speed_out: 'slow',
		overlay_text_color : '#FFF'
	});

	// News Slider
	
	$('#coda-slider-2').codaSlider({
		crossLinking: false,
		autoHeight: true,
		dynamicTabs: false, 
		dynamicArrows: false,
		slideEaseDuration: 400
	});
			
});
function goToByScroll(id){
	$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

function clipSeiteNext(){
	var clipSeitenMax = Number(document.getElementById('maxClip').innerHTML);
	if(Number(document.getElementById('seiteClip').innerHTML) == clipSeitenMax){
		document.getElementById('seiteClip').innerHTML = 1;
	}
	else {
		document.getElementById('seiteClip').innerHTML = Number(document.getElementById('seiteClip').innerHTML) + 1;
	}
}

function clipSeitePrev(){
	var clipSeitenMax = Number(document.getElementById('maxClip').innerHTML);
	if(Number(document.getElementById('seiteClip').innerHTML) == 1){
		document.getElementById('seiteClip').innerHTML = clipSeitenMax;
	}
	else {
		document.getElementById('seiteClip').innerHTML = Number(document.getElementById('seiteClip').innerHTML) - 1;
	}
}

function newsSeiteNext(){
	var newsSeitenMax = Number(document.getElementById('maxNews').innerHTML);
	if(Number(document.getElementById('seiteNews').innerHTML) == newsSeitenMax){
		document.getElementById('seiteNews').innerHTML = 1;
	}
	else {
		document.getElementById('seiteNews').innerHTML = Number(document.getElementById('seiteNews').innerHTML) + 1;
	}
}

function newsSeitePrev(){
	var newsSeitenMax = Number(document.getElementById('maxNews').innerHTML);
	if(Number(document.getElementById('seiteNews').innerHTML) == 1){
		document.getElementById('seiteNews').innerHTML = newsSeitenMax;
	}
	else {
		document.getElementById('seiteNews').innerHTML = Number(document.getElementById('seiteNews').innerHTML) - 1;
	}
}