$(document).ready(function(){
    var p = $('#ind').parent().position();
    var maxfontsize = 200;
    var minfontsize = 10;
    var min = 0;
    var max = 135;
    var move = 0;
    var amount = 0;
    var allow_sample = 0;

    adjust_slider();

	if ($.browser.msie) {
        $('#ind').css('left','-119px');
    }

    //drag bar
    $('#ind').bind('drag',function(e){
        allow_sample = 1;
        move = (e.pageX-p.left)-14;
        if (move > max) move = max;
        if (move < min) move = min;  
        amount = move * (maxfontsize / max);
        if (amount > maxfontsize) amount = maxfontsize;
        if (amount < minfontsize) amount = minfontsize;
        amount = Math.round(amount);
        $('#size').val(amount);
        $('#amount').html(amount);

        if (amount > 10) {
            if ($.browser.msie) move = move - 135;
            $(this).css('left',move+'px');
        }
    }); 

    //get sample after mouseup
    $('#ind, #samplebg').bind('mouseup',function(){if (allow_sample == 1) { sample_req(1); allow_sample = 0; }});

    //decrase size
    $('#minus').click(function(){
        size_change('d');
        adjust_slider();
    });

    //incrase size
    $('#plus').click(function(){
        size_change('u');
        adjust_slider();
    });

    //reset the slider and the size display
    $('#reset_sample').click(function(){$('#ind').css('left','33.75px');$('#amount').html('50');});

    //hide the loader
    //$('#picture_mainprev').load(function(){$('#sloader').hide();});

    function adjust_slider() {
        var size = $('#size').val();
        var mv = size / (maxfontsize / max);
        if ($.browser.msie) mv = mv - 135;
        $('#amount').html(size);
        $('#ind').css('left',mv+'px');
    }

    function show_sloader() {
        $('#sloader').show();
    }

    function hide_sloader() {
        $('#sloader').hide();
    }
    
});