Cufon.replace('#blog h3, #blog h2', { fontFamily: 'Ziggurat' });
Cufon.replace('#blogHeaderTopAuthor1 div, #blogHeaderTopAuthor2 div, #blog .postAuthor, #sidebar h3', { fontFamily: 'Hoefler Text' });

var sidebarScrollSpeed = 12;
var sidebarHeight;    

	
$(document).ready(function() { init(); } );


function validate(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   return (reg.test(email));
}

function init()
{



	$("#groupiesFormSubmit").click(function()
	{		
		//console.log('t');
		var email = $("#groupiesFormEmail").val();
		
		if (!validate(email))
		{
			$("#groupiesFormError").show();
			setTimeout(function() 
			{
			   $("#groupiesFormError").hide(300);
            }, 2000)
			return;
		}
	
		$.ajax(
		{
			type: "POST",
			url: siteUrl + "/wp-content/plugins/groupies/groupies_add.php",
			dataType: "text",
			data: "groupiesFormEmail="+email,
			success: function(data) 
			{
				//console.log(data);
				$("#groupiesFormEmail").val("");
				$("#groupiesForm").hide();
				$("#groupiesFormThanks").show();
			}
		});
		
		
	})
	
   
//

    //grey rollovers
    $(".greyRollover").fadeTo(1, 0.5);
    $(".greyRollover").hover(function()  { $(this).fadeTo(300, 1); }, function()  { $(this).fadeTo(100, .5); });

    
    //disable links underline on images
    $("a:has(img)").css("border-bottom-width", "0");
        
    
    //blog archives menu
    $("#blogArchivesMenu, #blogTagsMenu").hide();
    $("#blogArchivesMenu, #blogTagsMenu").css("top", $("#blogHeaderBottomDate").offset().top + 22 + "px");
    $("#blogHeaderBottomArchive a").click(function() 
    {
        $("#blogArchivesMenu").slideToggle(100);
        $("#blogHeaderBottomArchive").toggleClass("selected");
    })
    $("#blogHeaderBottomTags a").click(function() 
    {
        $("#blogTagsMenu").slideToggle(100);
        $("#blogHeaderBottomTags").toggleClass("selected");
    })        
    
         
    //front layer
    $("#frontLayer").css("visibility","visible");
    $("#frontLayer").hide();
    $("#frontLayer").height($(document).height()+30);
    
    var n = navigator.appName;
    var nv = navigator.appVersion;
    nv = nv.match(/MSIE \d+\./gi);
    nv = (nv) ? nv[0].match(/(\d)+/)[0] : 7;
    var ie6 = (n == "Microsoft Internet Explorer" && nv < 7);
    
    //landing page+cookie
	var gotoHash = document.location.hash;
	gotoHash = gotoHash.replace("#","");
	
	
	if (gotoHash != "")
	{
		//console.log("we got hash" + gotoHash);
		switch (gotoHash)
		{
			case "about" :
				showFrontLayerPage(false);
				break;
			case "contact" :
				showFrontLayerPage(false);
				break;
			default :
				showFrontLayerPage(true);
				loadFrontLayerPage("http://dollyrogers.nl/" + gotoHash);
				break;				
		}
	}
	
    else if (readCookie("dontShowLandingPage") != "true")
    {
		//console.log("no hash")
        setTimeout(function() 
        {
            if (ie6)
            {
                showFrontLayerPage(false);
                setFrontLayerContent('<div id="frontLayerIE6" class="frontLayerContent frontLayerBorder">PLOP<a href="http://www.getfirefox.com" target="_blank"><img src="'+templateUrl+'/media/ie6_0.gif"/></a><br /><a href="http://www.opera.com" target="_blank"><img src="'+templateUrl+'/media/ie6_1.gif" /></a><a href="http://www.microsoft.com" target="_blank"><img src="'+templateUrl+'/media/ie6_2.gif" /></a> </div>');
            }
            else
            {

            }
            
        }, 1500);
        
        createCookie("dontShowLandingPage","true",30)
    }    
    
    
    //show/hide front layers
    $("a.frontLayerLink").click(function() 
    {
        showFrontLayerPage(true);
		
        if ($(this).hasClass("frontLayerLinkProject"))
        {
            loadFrontLayerPage(this.href);
        }
        else
        {
            if          (this.id == 'frontLayerLinkAbout') 
            {

            }
            else if     (this.id == 'frontLayerLinkContact') 
            {
				
			}

        }
        return false;
    });

    
    
    //close front layer
    $("#frontLayerClose a").click(function()
    {
		document.location.hash = "";
        hideFrontLayerPage(true);
        return false;   
    });
            
    //sidebar scroll
	sidebarHeight =  $("#sidebar").height();
    if (!ie6) moveSidebar().move(); 
   
}


function moveSidebar()
{
   
}
 

    
function showFrontLayerPage(tween )
{
    $(".hasFlash").hide();
    
    $("#frontLayerContentLoader").empty();
    
    var scrollTime = $(window).scrollTop() / 2;
    $('html,body').animate({scrollTop:0}, scrollTime); 

    sidebarScrollSpeed = 1;
    
    
    if (tween) 
    {
        $("#frontLayer").fadeIn(300, function() { sidebarScrollSpeed = 12 } );
    }
    else
    {
        $("#frontLayer").show();
    }
}

function hideFrontLayerPage(tween)
{
    $(".hasFlash").show();
    if (tween) $("#frontLayer").fadeOut(600); else $("#frontLayer").hide();
}

function setFrontLayerContent(htmlContent)
{
    $("#frontLayerContentLoader").html(htmlContent);
    $("#frontLayerClose").css("margin-left", $("#frontLayerContentLoader div").width()/2 - 15 + "px");
    
     
    delayedFrontLayerContentTween(); 
    
    $("a.frontLayerSelfClose").click(function()
    {
        hideFrontLayerPage(true);
        return false;   
    });
}

function delayedFrontLayerContentTween(reverse)
{
    
    $("#frontLayerContentLoader > div > div").hide();

    if (reverse) 
    {
        $("#frontLayerContentLoader > div > div").reverse().delay(450).each(function(i) {
            //$(this).delay(i*550).fadeIn(250);
            $(this).delay(i*400).slideDown(250);
        });
    }
    else
    {
        $("#frontLayerContentLoader > div > div").delay(450).each(function(i) {
            $(this).delay(i*400).slideDown(250);
        });
    }
    


}



function showAboutLayer()
{
	document.location.hash = "about";
	var frontLayerContent = '<img src="http://dollyrogers.nl/wp-content/themes/dollyrogers/media/newtext2.gif" alt="Dolly Rogers is a creative agency that produces commercial work with heart and soul.We are creative strategists, concept developers, art directors, visual and interactive designers. We are next generation storytellers, inspired by the very things that make us human; our senses, our emotions and power to imagine beyond what we know."/>';
	setFrontLayerContent(frontLayerContent);
	onPageLoaded(true);
}

function showContactLayer()
{
	document.location.hash = "contact";
	var frontLayerContent = 
                    '<div id="frontLayerAbout" class="frontLayerContent"><div><img src="'+templateUrl+'/media/about0.png" /></div><div style="float:left" class="frontLayerBorder"><a target="_blank" href="http://maps.google.nl/maps?f=q&source=s_q&hl=en&geocode=&q=Nieuwe+Prinsengracht+33+1018EG+Amsterdam&sll=52.401412,4.89436&sspn=0.007161,0.019312&gl=nl&ie=UTF8&z=16&iwloc=A" class="nodot nodotHover"><img src="'+templateUrl+'/media/hq.png" /></a></div><div style="float:left;width:255px" class="frontLayerBorder"><img src="'+templateUrl+'/media/about1.png" /><a href="callto:jennetteski" class="nodot nodotHover"><img src="'+templateUrl+'/media/about1skype.png" /></a><a href="mailto:jennette@dollyrogers.com" class="nodot nodotHover"><img src="'+templateUrl+'/media/about1mail.png" /></a></div><div style="float:left;width:248px" class="frontLayerBorder"><img src="'+templateUrl+'/media/about2.png" /><a href="callto:chriscostuna" class="nodot nodotHover"><img src="'+templateUrl+'/media/about2skype.png" /></a><a href="mailto:chris@dollyrogers.com" class="nodot nodotHover"><img src="'+templateUrl+'/media/about2mail.png" /></a></div><div style="float:left;width:194px" class="frontLayerBorder"><img src="'+templateUrl+'/media/about3.png" /><a href="callto:paul.dollyrogers" class="nodot nodotHover"><img src="'+templateUrl+'/media/about3skype.png" /></a><a href="mailto:paul@dollyrogers.com" class="nodot nodotHover"><img src="'+templateUrl+'/media/about3mail.png" /></a></div></div>';	
	setFrontLayerContent(frontLayerContent);				
}

function loadFrontLayerPage(url)
{
	var urlSpl = url.split("/");
	document.location.hash = urlSpl[urlSpl.length-2];
    $("#frontLayerContentLoader").load(url + " #frontLayerProject", "", function() { onPageLoaded() });
    $("#frontLayerClose").css("margin-left", 730/2 - 15 + "px");
}

function onPageLoaded(frontLayerIntro)
{
    var pageId = (frontLayerIntro) ? "frontLayerIntro" : "frontLayerProject";
    //$("#frontLayerContentLoader").fadeIn(400);
    delayedFrontLayerContentTween(true);
    
    Cufon.replace('#frontLayerProject h3', { fontFamily: 'Ziggurat' });
    Cufon.replace('#frontLayerProject h4', { fontFamily: 'Hoefler Text' });

    var items = $("#" + pageId + " .items > div");
    var itemsLink =  $("#" + pageId + " .itemsLink a");
    var numItems = items.length;
    var currentItem = 0;
    items.hide();
    switchFrontLayersItems(items.eq(0));
    
    itemsLink.click(function() {
          
        var linkText = $(this).text();
        var nextItem;
        if ($(this).hasClass("imagesLinkPrev")) 
        {
            nextItem = (currentItem == 0) ? numItems-1 : currentItem-1;
        }
        else if ($(this).hasClass("imagesLinkNext")) 
        {
            nextItem = (currentItem == numItems-1) ? 0 : currentItem+1;
        }
        else
        {
            nextItem = parseInt(linkText) - 1;
        }
        
        if (nextItem == currentItem) return;
        
       switchFrontLayersItems(items.eq(nextItem), items.eq(currentItem));
        //itemsLink.eq(currentItem+2).removeClass("currentLink");
        //itemsLink.eq(currentItem+2).addClass("currentLink");
        currentItem = nextItem;
    });
 
}

function switchFrontLayersItems(next, current)
{
    if (current) { current.fadeOut(100, function() { next.fadeIn(500); }) }
    else {  next.fadeIn(200); }
}


function trim(str, chars) {
	return ltrim(rtrim(str, chars), chars);
}
 
function ltrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}
 
function rtrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}


//http://www.quirksmode.org/js/cookies.html
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}


//------------jQuery-------------
$.fn.delay = function(time, callback){
    // Empty function:
    jQuery.fx.step.delay = function(){};
    // Return meaningless animation, (will be added to queue)
    return this.animate({delay:1}, time, callback);
}


$.fn.reverse = [].reverse;