$(document).ready(function(){
	
	$('.fade').innerFade({
		animationType: 'fade',
		speed: 750,
		timeout: 6000,
		type: 'sequence',
	});
	
	$('.fastFade').innerFade({
		animationType: 'fade',
		speed: 750,
		timeout: 3000,
		type: 'sequence',
		containerHeight: 'auto'
	});

	$('.fade img').load(function(){
		if ($(this).height() == 0){
			if ($(this).parent().hasClass('image') && $(this).parent().parent().hasClass('home-page-set')){
				$heightCalc = 343;
			}
			else{
				if (!$(this).parent().hasClass('logo')){
					$heightCalc = 354;
				}
			}
		}
		else{
			$heightCalc = $(this).height();
		}
		if ($(this).parent().hasClass('image')){
			$(this).parent().css('height', $heightCalc);
		}
		if ($(this).parent().hasClass('full-image')){
			$(this).parent().css('height', $heightCalc);
		}
	});
	
	$('#main-menu #en-menu-item-0 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-63px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-1 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-125px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-2 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-78px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-3 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-115px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-4 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-106px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-5 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-74px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-6 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-77px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	$('#main-menu #en-menu-item-7 a').hover(
		function(){
			$(this).parent().children('.img').css('marginLeft', '-75px');
		},
		function(){
			$(this).parent().children('.img').css('marginLeft', '0');
		}
	);
	
	
	$('#searchInput').focus(
		function() {  
			$(this).addClass("active");
			if (this.value == this.defaultValue){  
				this.value = '';  
			}
		}
	);
	
	$('#searchInput').blur(
		function() {  
			$(this).removeClass("active");
			if ($.trim(this.value) == ''){
				this.value = (this.defaultValue ? this.defaultValue : '');  
			}
		}
	);
	
	

	
	
	Cufon.replace('.neo-sans-title', {fontFamily: 'NeoSansTR'});
	Cufon.replace('.tagline', {fontFamily: 'NeoSansTR'});
	
	
	
	
	$('#cycle-12').after('<div class="nav" id="nav-12"><a class="prev" id="prev-12" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-12">1 of ' + $('#cycle-12 > img').size() + '</div><div class="numbers" id="numbers-12"></div><div class="zoom" targetid="12"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-12" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-12').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-12',
		next:   '#next-12', 
		prev:   '#prev-12',
		timeout: 	0,
		onPrevNextEvent: prevNext12
	});
	
	$('#big-cycle-0').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-0',
		next:   '#next-0', 
		prev:   '#prev-0',
		timeout: 	0,
		onPrevNextEvent: prevNext0
	});
	
	$('#cycle-0').after('<div class="nav" id="nav-0"><a class="prev" id="prev-0" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-0">1 of ' + $('#cycle-0 > img').size() + '</div><div class="numbers" id="numbers-0"></div><div class="zoom" targetid="0"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-0" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-0').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-0',
		next:   '#next-0', 
		prev:   '#prev-0',
		timeout: 	0,
		onPrevNextEvent: prevNext0
	});
	
	$('#big-cycle-0').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-0',
		next:   '#next-0', 
		prev:   '#prev-0',
		timeout: 	0,
		onPrevNextEvent: prevNext0
	});
	
	$('#cycle-1').after('<div class="nav" id="nav-1"><a class="prev" id="prev-1" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-1" style="margin-left:30px;">1 of ' + $('#cycle-1 > img').size() + '</div><div class="numbers" id="numbers-1"></div><a class="next" id="next-1" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-1').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-1',
		next:   '#next-1', 
		prev:   '#prev-1',
		timeout: 	0,
		onPrevNextEvent: prevNext1
	});
	
	$('#big-cycle-1').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-1',
		next:   '#next-1', 
		prev:   '#prev-1',
		timeout: 	0,
		onPrevNextEvent: prevNext1
	});

	$('#cycle-2').after('<div class="nav" id="nav-2"><a class="prev" id="prev-2" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-2" style="margin-left:30px;">1 of ' + $('#cycle-2 > img').size() + '</div><div class="numbers" id="numbers-2"></div><a class="next" id="next-2" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-2').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-2',
		next:   '#next-2', 
		prev:   '#prev-2',
		timeout: 	0,
		onPrevNextEvent: prevNext2
	});
	
	$('#big-cycle-2').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-2',
		next:   '#next-2', 
		prev:   '#prev-2',
		timeout: 	0,
		onPrevNextEvent: prevNext2
	});
	
	$('#cycle-5').after('<div class="nav" id="nav-5"><a class="prev" id="prev-5" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-5">1 of ' + $('#cycle-5 > img').size() + '</div><div class="numbers" id="numbers-5"></div><div class="zoom" targetid="5"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-5" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-5').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-5',
		next:   '#next-5', 
		prev:   '#prev-5',
		timeout: 	0,
		onPrevNextEvent: prevNext5
	});
	
	$('#big-cycle-5').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-5',
		next:   '#next-5', 
		prev:   '#prev-5',
		timeout: 	0,
		onPrevNextEvent: prevNext5
	});
	
	$('#cycle-6').after('<div class="nav" id="nav-6"><a class="prev" id="prev-6" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-6">1 of ' + $('#cycle-6 > img').size() + '</div><div class="numbers" id="numbers-6"></div><div class="zoom" targetid="6"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-6" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-6').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-6',
		next:   '#next-6', 
		prev:   '#prev-6',
		timeout: 	0,
		onPrevNextEvent: prevNext6
	});
	
	$('#big-cycle-6').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-6',
		next:   '#next-6', 
		prev:   '#prev-6',
		timeout: 	0,
		onPrevNextEvent: prevNext6
	});
	
	
	$('#cycle-7').after('<div class="nav" id="nav-7"><div class="prev" id="prev-7">&nbsp;</div><div class="current" id="current-7">1 of ' + $('#cycle-7 > img').size() + '</div><div class="numbers" id="numbers-7"></div><div class="zoom" targetid="7"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-7" href="#"></a><div class="clear"></div></div>');
	$('#cycle-7').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-7',
		next:   '#next-7', 
		prev:   '#prev-7',
		timeout: 	0,
		onPrevNextEvent: prevNext7
	});
	
	$('#big-cycle-7').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-7',
		next:   '#next-7', 
		prev:   '#prev-7',
		timeout: 	0,
		onPrevNextEvent: prevNext7
	});
	
	$('#cycle-8').after('<div class="nav" id="nav-8"><div class="prev" id="prev-8">&nbsp;</div><div class="current" id="current-8">1 of ' + $('#cycle-8 > img').size() + '</div><div class="numbers" id="numbers-8"></div><div class="zoom" targetid="8"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-8" href="#"></a><div class="clear"></div></div>');
	$('#cycle-8').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-8',
		next:   '#next-8', 
		prev:   '#prev-8',
		timeout: 	0,
		onPrevNextEvent: prevNext8
	});
	
	$('#big-cycle-8').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-8',
		next:   '#next-8', 
		prev:   '#prev-8',
		timeout: 	0,
		onPrevNextEvent: prevNext8
	});
	
	
	
	$('#cycle-9').after('<div class="nav" id="nav-9"><a class="prev" id="prev-9" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-9">1 of ' + $('#cycle-9 > img').size() + '</div><div class="numbers" id="numbers-9"></div><div class="zoom" targetid="9"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-9" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-9').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-9',
		next:   '#next-9', 
		prev:   '#prev-9',
		timeout: 	0,
		onPrevNextEvent: prevNext9
	});
	
	$('#big-cycle-9').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-9',
		next:   '#next-9', 
		prev:   '#prev-9',
		timeout: 	0,
		onPrevNextEvent: prevNext9
	});
	
	
	$('#cycle-10').after('<div class="nav" id="nav-10"><a class="prev" id="prev-10" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-10">1 of ' + $('#cycle-10 > img').size() + '</div><div class="numbers" id="numbers-10"></div><div class="zoom" targetid="10"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-10" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-10').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-10',
		next:   '#next-10', 
		prev:   '#prev-10',
		timeout: 	0,
		onPrevNextEvent: prevNext10
	});
	
	$('#big-cycle-10').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-10',
		next:   '#next-10', 
		prev:   '#prev-10',
		timeout: 	0,
		onPrevNextEvent: prevNext10
	});
	
	
	
	$('#cycle-11').after('<div class="nav" id="nav-11"><a class="prev" id="prev-11" href="#"><span class="arrow"><</span> previous image</a><div class="current" id="current-11">1 of ' + $('#cycle-11 > img').size() + '</div><div class="numbers" id="numbers-11"></div><div class="zoom" targetid="11"><div class="zoom-icon"><img src="/images/layout/zoom-in-out.jpg"></div><div class="zoom-text"><a class="zoom-in-out" href="#">View Larger</a></div></div><a class="next" id="next-11" href="#">next image <span class="arrow">></span></a><div class="clear"></div></div>');
	$('#cycle-11').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-11',
		next:   '#next-11', 
		prev:   '#prev-11',
		timeout: 	0,
		onPrevNextEvent: prevNext11
	});
	
	$('#big-cycle-11').cycle({
		fx: 		'fade',
		speed:		500,  
		pager:  	'#numbers-11',
		next:   '#next-11', 
		prev:   '#prev-11',
		timeout: 	0,
		onPrevNextEvent: prevNext11
	});
	
	
	
	
	//$('#relateds-0').pajinate();
	$('#relateds-0').pajinate({
		items_per_page : 7,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	
	$('#relateds-1').pajinate({
		items_per_page : 6,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	
	$('#relateds-2').pajinate({
		items_per_page : 6,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-4').pajinate({
		items_per_page : 3,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-5').pajinate({
		items_per_page : 6,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-6').pajinate({
		items_per_page : 6,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-9').pajinate({
		items_per_page : 5,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-10').pajinate({
		items_per_page : 7,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-11').pajinate({
		items_per_page : 5,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	$('#relateds-12').pajinate({
		items_per_page : 6,
		nav_label_first : '',
		nav_label_last : '',
		nav_label_prev : '<span class="arrow"><</span> previous',
		nav_label_next : 'next <span class="arrow">></span>',
		num_page_links_to_display : 0
	});
	
	$('#relateds-0 .content').css('height', 517);
	$('#relateds-1 .content').css('height', 469);
	$('#relateds-2 .content').css('height', 469);
	$('#relateds-4 .content').css('height', 216);
	$('#relateds-5 .content').css('height', 453);
	$('#relateds-6 .content').css('height', 405);
	$('#relateds-9 .content').css('height', 373);
	$('#relateds-10 .content').css('height', 501);
	$('#relateds-11 .content').css('height', 421);
	$('#relateds-12 .content').css('height', 501);
	
	
	$('.zoom-in-out').click(function(e){
		e.preventDefault();
		$id = $(this).parent().parent().attr('targetid');
		if ($('#nav-' + $id).css('width') == "428px"){
			$('#big-cycle-' + $id).show();
			$('#cycle-' + $id).hide();
			$('#relateds-' + $id).hide();
			$('#content-' + $id).hide();

			$('#nav-' + $id).css('width', '668px');
			$('#prev-' + $id).css('width', '277px');
			$('#nav-' + $id + ' .zoom .zoom-text .zoom-in-out').html('View Smaller');
			$('#nav-' + $id + ' .zoom .zoom-icon img').css('marginLeft', '-25px');
		}
		else{
			$('#big-cycle-' + $id).hide();
			$('#cycle-' + $id).show();
			$('#relateds-' + $id).show();
			$('#content-' + $id).show();

			$('#nav-' + $id).css('width', '428px');
			$('#prev-' + $id).css('width', '166px');
			$('#nav-' + $id + ' .zoom .zoom-text .zoom-in-out').html('View Larger');
			$('#nav-' + $id + ' .zoom .zoom-icon img').css('marginLeft', '0px');
		}
		windowResized();

	});
	
	
	function windowResized(){
		//fix height for short pages
		$('#container').css('height', $('#container .inner').height() + 45 + 'px');
		var contentHeight = $('#header').height() + $('#container').height() + $('#footer').height();
		var diff = $(window).height() - contentHeight - 37;
		
		if (diff > 0){
			var newContainerHeight = $('#container').height() + diff;
			$('#container').css('height',newContainerHeight + 'px');
		}	
	}
	
	$(window).resize(function() {
		windowResized();
	});
	
	windowResized();
	
	
	setTimeout("windowResized2()",500);
	
	
	setInterval("windowResized2()",1000);
});

function windowResized2(){
	$('#container').css('height', $('#container .inner').height() + 45 + 'px');
	var contentHeight = $('#header').height() + $('#container').height() + $('#footer').height();
	var diff = $(window).height() - contentHeight - 37;
	
	if (diff > 0){
		var newContainerHeight = $('#container').height() + diff;
		$('#container').css('height',newContainerHeight + 'px');
	}
}

function prevNext0(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-0').html(zeroBasedSlideIndex + ' of ' + $('#cycle-0 > img').size());
}

function prevNext1(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-1').html(zeroBasedSlideIndex + ' of ' + $('#cycle-1 > img').size());
}

function prevNext2(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-2').html(zeroBasedSlideIndex + ' of ' + $('#cycle-2 > img').size());
}

function prevNext3(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-3').html(zeroBasedSlideIndex + ' of ' + $('#cycle-3 > img').size());
}

function prevNext4(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-4').html(zeroBasedSlideIndex + ' of ' + $('#cycle-4 > img').size());
}

function prevNext5(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-5').html(zeroBasedSlideIndex + ' of ' + $('#cycle-5 > img').size());
}

function prevNext6(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-6').html(zeroBasedSlideIndex + ' of ' + $('#cycle-6 > img').size());
}

function prevNext7(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-7').html(zeroBasedSlideIndex + ' of ' + $('#cycle-7 > img').size());
}

function prevNext8(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-8').html(zeroBasedSlideIndex + ' of ' + $('#cycle-8 > img').size());
}

function prevNext9(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-9').html(zeroBasedSlideIndex + ' of ' + $('#cycle-9 > img').size());
}

function prevNext10(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-10').html(zeroBasedSlideIndex + ' of ' + $('#cycle-10 > img').size());
}

function prevNext11(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-11').html(zeroBasedSlideIndex + ' of ' + $('#cycle-11 > img').size());
}

function prevNext12(isNext, zeroBasedSlideIndex, slideElement){
	zeroBasedSlideIndex ++;
	$('#current-12').html(zeroBasedSlideIndex + ' of ' + $('#cycle-12 > img').size());
}