var minThumbs = 3;
var maxThumbs = 4;
var totalMargin = 20;
var thumbWidth = 270;
var thumbHeight = 170;
var thumbMarginMax = 20;
var thumbMarginMin = 10;
var thumbMarginDif = thumbMarginMax-thumbMarginMin;
var thumbAnimationDuration = "fast";
var introStarted=false;

var slideArray = new Array();
var galleryArray = new Array();

var ie6Message = '<div id="ie6Message">Please upgrade your Browser!<br /><br />Internet Explorer 6 was released in 2001 and is getting almost 10 years old now! To have an idea, is like watching HD content on a B/W TV...<br /><br /> Try <a href="http://www.mozilla.com/en-US/firefox/">Firefox</a>, is really great!</div>'; 

$('html').addClass('jsActive');
 
$(document).ready(function(){
	initIntro();
	initMenu();
	initLogo();
	initThumbs();
	initResizeEvent();
	initCycle();
	initLinks();
	loadContactBox();
	initBoxes();
	initContact();
	initLinks();
	checkIE6();
});
 
 function initLinks(){
	addFadeEffect('.fadeLink','color','#ff000c');
 }
 
 
 function initIntro(){
	
	$('#introLogo').fadeIn(1500);
	$('#introLogo').click(function(){
		fadeIntro();
	});
	setTimeout(fadeIntro,2000);
 }
 
 function fadeIntro(){
	if(!introStarted){
		introStarted=true;
		$('#introLayer').fadeOut(1500);
	}
 }
 
 function initLogo(){
 	if(!$.browser.msie){
		addFadeOver($('#logoBox a'));
	}
 }
 

 
 
 function initMenu(){
	addFadeEffect('#topMenu li','background-color','#ff000c');
	addFadeEffect('#backLink','background-color','#ff000c');
	addFadeEffect('#externalLinks a#vimeoLink','background-color','#4EBAFF');
	addFadeEffect('#externalLinks a#facebookLink','background-color','#3B5998');
	addFadeEffect('#languageBar li a','color','#ff000c');
	
	//Cufon.replace('#topMenu li');
	//Cufon.replace('#backLink');
 }
 
 function initBoxes(){
	addFadeEffect('#contentBox','background-color','#ffffff');
	if(!$('#page_home').length){
		addFadeEffect('#galleryBox','background-color','#ffffff');
	}
 }
 

 function initContact(){
 	addFadeEffect('#sendBtn','color','#ff000c');	
	addInputHelper('#contactName');
	addInputHelper('#contactEmail');
	addInputHelper('#contactMessage');
 }
 
 function addInputHelper(elName){
 	var curParent = $(elName).parent();
	var curLabel = curParent.children('label');
	var curText = curLabel.text();
	var curColor = $(elName).css('color');
	var curBackColor = $(elName).css('background-color');
	$(elName).val(curText);
	
	$(elName).focus(function(){
		if($(elName).val()==curText){
			$(elName).animate({color: curBackColor },"fast",function(){
				$(elName).val("");
				$(elName).css('color',curColor);
			});
		}
	});
	$(elName).blur(function(){
		if($(elName).val()==""){
			$(elName).val(curText);
			$(elName).css('color',curBackColor);
			$(elName).animate({color: curColor },"fast");
		}
	});
 }
 
 function addFadeEffect(name,cssproperty,activeColor){
	var inactiveColor = $(name+":not(.active)").css(cssproperty);
	


 	$(name).each(function(i,o){	
		if(!$(o).hasClass('active')){
			$(o).mouseenter(function(){
				$(o).stop();
				if(cssproperty=="color"){
					$(o).animate({color:activeColor});
				} else {
					$(o).animate({backgroundColor:activeColor});
				}
			});	
			$(o).mouseleave(function(){
				$(o).stop();
				if(cssproperty=="color"){
					$(o).animate({color:inactiveColor});
				} else {
					$(o).animate({backgroundColor:inactiveColor});
				}
			});
		}
		
	});
 }
 
 function initLinks(){
 	addFadeEffect('a.fadeLink','color','#ff000c');
 }
 
 function initResizeEvent(){
 	if($('.thumbList').length){
	 	$(window).resize(function(){
			updateWidth();
		});
		updateWidth();
 	}
 }
 
 function updateWidth(){
	var thumbMargin = ($('.thumbItem').width()+10);
	var numThumbs = Math.floor(($('body').width() - totalMargin)/thumbMargin);
	if(numThumbs<minThumbs){
		numThumbs = minThumbs;
	}
	if($('#page_home').length && numThumbs>maxThumbs){
		numThumbs=maxThumbs;
	}
	var width = numThumbs*thumbMargin;
	$('#container').width(width);
 }
 
 
 function initCycle(){
	 $('#galleryBoxHolder').cycle({
        fx:      'fade',
        timeout:  4000,
        pager:	 '#galleryNav'
    });
    
    $("a#showVideoLink").fancybox({
    	'onStart': stopGallery,
    	'onClosed': playGallery,
    	'width': 720,
    	'height': 405,
    	'padding': 0
    });

 }

 function stopGallery(){
 	$('#galleryBoxHolder').cycle('pause');
 } 
 function playGallery(){
 	$('#galleryBoxHolder').cycle('resume');
 } 
 
 function checkIE6(){
 	if($.browser.msie && $.browser.version=="6.0"){
		$('body').append(ie6Message);
		$('#ie6Message').click(function(){
			$('#ie6Message').fadeOut();
		});
	}
 }
 function addFadeOver(o){
 	addFadeOverTo(o,0.5);
 }
 
 function addFadeOverTo(o,minOp){
 	$(o).bind('mouseenter',function(){
		$(o).stop();
		$(o).fadeTo("slow",minOp);
	});
	$(o).bind('mouseleave',function(){
		$(o).stop();
		$(o).fadeTo("slow",1);
	});
 }

 
 function initThumbs(){
	
 	$('.thumbItemBox').each(function(i,o){
		var p = $(o).parent();
		var pp = p.parent();
 		var labelText = $(o).find('.thumbItemLabel');
 		var titleText = labelText.find('em');
		var activeColor = '#ED3232';
		var activeLabelColor = '#ffffff';
		var activeTitleColor = '#ffffff';
		var inactiveColor = pp.css('background-color');
		var inactiveLabelColor = labelText.css('color');
		var inactiveTitleColor = titleText.css('color');
		var curHidden = p.children('.thumbItemContent');
		var curImg = $(o).children('.thumbItemImg');
 		var name = $(o).attr('rel');
		var isInit = false;
		var animationSpeed = 500;
		galleryArray[name] = false;
		
		var isPhoto = ($(o).hasClass('photoLink')) ? true : false;
		var isVideo = ($(o).hasClass('inlineLink')) ? true : false;
			
		var playBtn;
		if(isVideo){
			playBtn = $(o).children('.thumbItemPlayBtn');
			playBtn.css({display: 'block',opacity:0});
		}
		pp.mouseenter(function(){
			pp.stop();
			labelText.stop();
			titleText.stop();
			pp.animate({backgroundColor:activeColor},animationSpeed);
			labelText.animate({color:activeLabelColor},animationSpeed);
			titleText.animate({color:activeTitleColor},animationSpeed);
			if(isVideo){
				playBtn.stop();
				playBtn.animate({opacity:1});
			}
		});	
		pp.mouseleave(function(){
			pp.stop();
			labelText.stop();
			titleText.stop();
			pp.animate({backgroundColor:inactiveColor},animationSpeed);
			labelText.animate({color:inactiveLabelColor},animationSpeed);
			titleText.animate({color:inactiveTitleColor},animationSpeed);
			if(isVideo){
				playBtn.stop();
				playBtn.animate({opacity:0});
			}
		});

		if(isVideo){
			$(o).fancybox({
				'frameWidth'  : curHidden.width(),
				'frameHeight' : curHidden.height(),
				'hideOnContentClick' : false
			});
		} else if(isPhoto) { 
		
			$(o).bind('mouseenter',function(){
					startSlideShow(name);
					curImg.fadeOut("slow");
			});
			$(o).bind('mouseleave',function(){
					stopSlideShow(name);
					curImg.fadeIn("slow");
			});
			
			
			$('#thumb'+name+' a.group').fancybox({
				'hideOnContentClick' : false
			});
			initSlideShow(name,curImg.width(),curImg.height());
		}
	});
	
	//initShadow();
 }
 
 
 function initShadow(){
 	$(window).scroll(function(e){
 		var bH = $(window).height()/2;
 		var offY = window.scrollY+bH;
 		
	 	$('.thumbItem').each(function(i,o){
	 		//$(o).text($(o).offset().top + $(o).height()/2 - offY);
	 		
	 		var tY = $(o).offset().top + $(o).height()/2 - offY;
	 		var elY = Math.floor(tY/30);
			if(tY>-bH && tY<bH){
	 			$(o).css({'box-shadow': '0 '+elY+'px 10px #666'});
	 			$(o).css({'-webkit-box-shadow': '0 '+elY+'px 10px #666'});
	 		}
	 	});
 	});
 }
 
 
 function enlargeThumb(o){
 	$(o).stop();
	$(o).animate({width:(thumbWidth+thumbMarginDif*2),height:(thumbHeight+thumbMarginDif*2),top:-thumbMarginDif,left:-thumbMarginDif},thumbAnimationDuration);
 }
  function reduceThumb(o){
 	$(o).stop();
	$(o).animate({width:thumbWidth,height:thumbHeight,top:0,left:0},thumbAnimationDuration);
 }
 
 function showSendMessage(){
 	$('#messageSent').css({opacity:0,visibility:'visible'});
 	$('#messageSent').animate({opacity:1});

 }
 
 function loadContactBox(){
 	$('input#contactEmailConfirm').val('noSpamPlease');
	
	
	$('#contactForm').ajaxForm(function() { 
		showSendMessage();
    });
    
 }
 
 
 
 function initSlideShow(name,w,h){
	if(slideArray[name].length){
		galleryArray[name]=new simpleGallery({
			wrapperid: "thumbItemSlide"+name,
			dimensions: [w,h],
			imagearray: slideArray[name],
			autoplay: [false, 1000, 100], 
			persist: false,
			fadeduration: 500
		});
		
	} 
		
 }
 
 function startSlideShow(name){
 	if(galleryArray[name]!=false){
	 	var gal = galleryArray[name];
		gal.navigate("play");
	}
 }
  function stopSlideShow(name){
  	if(galleryArray[name]!=false){
	 	var gal = galleryArray[name];
		gal.navigate("pause");
	}
 }