var friendsAgendaPoint;
var fromSouthPoint;
var fromNorthPoint;

var j$ = jQuery.noConflict();

j$(document).ready(function() {
    initMasonry();
    bindFormEvents();
    ieFixBlockQuote();
});
function initMasonry() {
    var contentHolder = j$('#content-start');
    if (contentHolder == null) {
        return;
    }
    j$('#content-start').masonry({ columnWidth: 80 });
}


function bindFormEvents() {
    var personalHolder = j$('#personalize');
    if (personalHolder == null) {
        return;
    }
    j$('#personalize').click(function() {

        j$('#message').slideToggle('fast', function() {});
    });


    var inputs = j$("#contact-form input, #contact-form textarea");
    inputs.focus(function() { fieldClick(this); });
    inputs.focusout(function() { fieldout(this); });

    var button = j$("#contact-form button");
    button.click(function() { return validateForm(); });

}

function fieldClick(obj) {
    if (obj.type == "submit")
        return;

    var initvalue = obj.value;
    obj.value = "";
    j$(obj).attr("temp", initvalue);
}

function fieldout(obj) {
    if (obj.type == "submit")
        return;


    if (obj.value == "") {
        obj.value = j$(obj).attr("temp");
        j$(obj).attr("isset", "false");
    }
    else {
    		j$(obj).css("background-color", "#ffffff");
        j$(obj).unbind("focus");
        j$(obj).attr("isset", "true");
    }
}

function validateForm() {
    var message = "";
    var errorCounter = 0;
    
    if (!validateField("first-name", "Please write your first name so we know who you are.")){
    	errorCounter++;
    	message = "Please write your first name so we know who you are.";
    }
    
    if (!validateField("subject", "Please write a subject so we know what to talk to you about.")){
    	errorCounter++;
    	message = "Please write a subject so we know what to talk to you about.";
    }
    
    if (!validateField("email", "Please write your email address so we can reach you.")){
    	errorCounter++;
    	message = "Please write your email address so we can reach you.";
    }
    
    if (errorCounter>1){
    
    	message = "Please fill in all the yellow fields.";
    
    }
    
    if (errorCounter == 0){
    	return true;
    	}

    j$("#validation").html(message);
    return false; 
}

function validateField(fieldid, message) {
    var field = j$("#" + fieldid);
    if (!field.attr("isset") || field.attr("isset") == "false"){
        
        field.css("background-color", "#fffab2");
        return false;
        
        
        }
    return true;
    
    

}


function fixYellowCorner() {
    
}

function ieFixBlockQuote() {

    j$("#content blockquote").each(function() { fixBlockQuote(this); });
}

function fixBlockQuote(bq) {
    var html = j$(bq).html();    
    j$(bq).html("");
    
    
    


    //    alert(html);


    var divAppend = '<div class="upper-left">';
    divAppend += '<div class="upper-right">';
    divAppend += '<div class="bottom-right">';
    divAppend += '<div class="bottom-left">';
    
    divAppend += html + '</div></div></div></div>';
    j$(bq).html(divAppend);
}


function showMapDirection(themap, directionsPanelId, from) {


    
    directionsPanel = document.getElementById(directionsPanelId);
    
    var directions = new GDirections(themap, directionsPanel);
    
    var arrLocation = new Array(2);
    if (from == "south") {
        arrLocation[0] = fromSouthPoint;  //new GLatLng(59.321062, 18.073296);
    }
    if (from == "north") {
        arrLocation[0] = fromNorthPoint;   //new GLatLng(59.351596, 18.055013);
    }
    arrLocation[1] = friendsAgendaPoint;

    var url = "http://maps.google.com/maps?f=d&source=s_d&";
    url += "saddr=" + arrLocation[0].y + "," + arrLocation[0].x;
    url += "&daddr=" + arrLocation[1].y + "," + arrLocation[1].x;
    url += "&hl=sv&mra=ls"
    url += "&sll=" + arrLocation[1].y + "," + arrLocation[1].x; ;
    url += "&sspn=0.123623,0.31929&ie=UTF8&z=14";

    window.open(url);
    return;
    themap.setCenter(arrLocation[1]);
    
    
    directions.loadFromWaypoints(arrLocation);

}