function setJobStyle(job, index) {
    if( index % 2 == 0 ) {
        $(job).css('background-color', '#1F530C');
    }
    else {
        $(job).css('background-color', '#808080');
    }
}

var serve_header_left       = 0;
var serve_header_top        = 25;
var serve_hands_left        = 5;
var serve_hands_top         = 90;
var serve_heart_left        = 10;//315;
var serve_heart_top         = 90;
var serve_instruction_left  = 5;
var serve_instruction_top   = 409;
var serve_auxilary_left     = 324;
var serve_auxilary_top      = 412;
var serve_quote_left        = 118;
var serve_quote_top         = 360;

function setPosition(elem, left, top) {
    $(elem).css('left', left);
    $(elem).css('top', top);
}

function setupService() {
    $('#serve').children().css('position', 'absolute');
    
    var jobs;
    
    jobs = $('#jobs > a');    
    
    var job_spans = $('#jobs span');
    $(jobs).each(function() {
        var index = $(jobs).index(this);
        setJobStyle(this, index);
        $(this).click(function(e) {
            $(job_spans).text("LEARN MORE");
            $(job_spans.get(index)).text("");
        });
    });
    
    setPosition($('#header'), serve_header_left, serve_header_top);
    setPosition($('#hands'), serve_hands_left, serve_hands_top);
    setPosition($('#heart'), serve_heart_left, serve_heart_top);
    setPosition($('#instruction'), serve_instruction_left, serve_instruction_top);
    $('#auxilary').hide();
    //setPosition($('#serve_media'), serve_auxilary_left, serve_auxilary_top);    
    setPosition($('#quote'), serve_quote_left, serve_quote_top);
    //$('#serve #heart #article').css('
    //setPosition($('#serve #heart #article'), 250, 5);
    
    jobs = $('#jobs div');

    $(jobs).each(function() {
        var index = $(jobs).index(this);
        setJobStyle(this, index);
    });
    
    $('#serve #control h3').css('padding-left', 2);
    
    $('#serve #control div img').css('position', 'relative');
    $('#serve #control div p').css('position', 'relative');
    $('#serve #control div p').css('font-size', '0.65em');

    var opps = $('#serve #control div');
    $(opps).each(function() {
        var index = $(opps).index(this);
        $(this).css('top', (75+index*60));
        $(this).css('left', 10);
    });

//    $('.pp_pic_holder').remove();
//    $('.pp_overlay').remove();
//    $('.ppt').remove();

//    if($(".clearfix a[rel^='prettyPhoto']").length > 0)
//    {
//        $(".clearfix a[rel^='prettyPhoto']").prettyPhoto();
//    }
//    
    $('#serve #prep').css('position', 'absolute');
    $('#serve #jobs').css('position', 'absolute');
    $('#serve #jobs').css('top', 118);
    
//    $('#serve_media').css('position', 'absolute');
//    $('#serve_media').css('left', parseInt($('#serve_media').css('left'))-15);
//    $('#serve_media').css('top', serve_instruction_top - 4);
//    $('#serve_media h2').css('top', 0).css('left', 0);
//    $('#serve_media_content > div').css('width', 500).css('height', 175).css('padding', 0).css('margin', 0);

//    var media_content = $('#serve_media_content > div');
    
//    $(media_content).each(function() {
//        var index = $(media_content).index(this);
//        setJobStyle(this, index);
//    });
//    
//    media_content = $('#serve_media_content > a');
//    var spans = $('#serve_media_content > a span');
//    
//    $(media_content).each(function() {
//        $(this).css('width', 500);
//        var index = $(media_content).index(this);
//        setJobStyle(this, index);
//        
//        $(this).click(function(e) {
//            $(spans).text("Click to Expand");
//            $(spans.get(index)).text("");
//        });
//    });
//    
//    $(spans.get(0)).text("");
//    var serve_labels;
//    var serve_media;
//    
//    serve_labels = $('#serve_videos h4');
//    $(serve_labels).each(function() {
//        $(this).css('position', 'absolute').css('top', 55);
//        var ind = $(serve_labels).index(this);
//        $(this).css('left', 15 + 5 * (ind + 1) + ind * 160);
//    });
//    serve_media  = $('#serve_videos img');
//    $(serve_media).each(function() {
//        $(this).css('position', 'absolute').css('top', 45);
//        var ind = $(serve_media).index(this);
//        $(this).css('left', 15 + 5 * (ind + 1) + ind * 160);
//    });
//    
//    serve_labels = $('#serve_galleries h4');
//    $(serve_labels).each(function() {
//        $(this).css('position', 'absolute').css('top', 55);
//        $(this).css('background-color', '#808080');
//        var ind = $(serve_labels).index(this);
//        $(this).css('left', 15 + 5 * (ind + 1) + ind * 160);
//    });
//    serve_media  = $('#serve_galleries img');
//    $(serve_media).each(function() {
//        $(this).css('position', 'absolute').css('top', 45);
//        var ind = $(serve_media).index(this);
//        $(this).css('left', 15 + 5 * (ind + 1) + ind * 160);
//    });
//    
//    $('#serve_videos').css('height', 175);
//    $('#serve_galleries').css('height', 175);
	$('#instruction').css('border', '1px solid black');
}

function showService()
{
    setCookie('current_control', 'serve', 1);
    $('#content').show('slow');
    $('#serve').show('slow');
    $('#jobs').accordion({header: 'a', active: true, collapsible: true});
    $('#serve_media_content').accordion({active: 0, clearStyle: true, collapsible: false, animated: false});
    $('#serve_videos > a').css('display', 'block');
    $('#serve_videos > h4').css('display', 'inline-block').css('height', 15);
    $('#serve_galleries > a').css('display', 'block');
    $('#serve_galleries > h4').css('display', 'inline-block').css('height', 15);
}

function hideService(callback)
{
   $('#jobs').accordion('destroy');
   $('#serve_media_content').accordion('destroy');
   $('#serve').stop(true, true).hide('slow', callback);
}