function initScroll(){
    jQuery('.scroll-pane-arrows').jScrollPane({
        verticalDragMinHeight: 20,
        verticalDragMaxHeight: 20,
        horizontalDragMinWidth: 20,
        horizontalDragMaxWidth: 20
    });
}

function initialize(){
    initEditor();
    jQuery('.dropdown').each(function () {
        jQuery(this).parent().eq(0).hover(function () {
            jQuery('.dropdown:eq(0)', this).slideDown(250, "easeOutExpo");
        }, function () {
            jQuery('.dropdown:eq(0)', this).slideUp(250, "easeInExpo", function(){
                jQuery('.dropdown:eq(0)', this).hide();
            });
        });
    });    
    
    hideAllInput();
    
    jQuery("#datefield").attr("value","dd/mm/yy");    
    jQuery("#datefield_0").attr("value","dd/mm/yy");
                 
    jQuery("#datefield").click(function (){
        jQuery("#datefield").attr("value","");
        $('datefield-trigger').simulate('click');    
        if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 8) {
            jQuery('.datePicker').each(function(idx,el){
                el.style.left='-80px';
                el.style.top='22px';
            });
        }
    });
    
    jQuery("#datefield_0").click(function (){
        jQuery("#datefield_0").attr("value","");
        $('datefield_0-trigger').simulate('click');     
        if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 8) {
            jQuery('.datePicker').each(function(idx,el){
                el.style.left='-80px';
                el.style.top='22px';
            });
        }
    });
    
    positionPopups();
    position();
}

function init(){
    jQuery('.dropdown').each(function () {
        jQuery(this).parent().eq(0).hover(function () {
            jQuery('.dropdown:eq(0)', this).slideDown(250, "easeOutExpo");
        }, function () {
            jQuery('.dropdown:eq(0)', this).slideUp(250, "easeInExpo", function(){
                jQuery('.dropdown:eq(0)', this).hide();
            });
        });
    });    
    
    hideAllInput();
    
    jQuery("#datefield").attr("value","dd/mm/yy");    
    jQuery("#datefield_0").attr("value","dd/mm/yy");
                 
    jQuery("#datefield").click(function (){
        jQuery("#datefield").attr("value","");
        $('datefield-trigger').simulate('click');    
        if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 8) {
            jQuery('.datePicker').each(function(idx,el){
                el.style.left='-80px';
                el.style.top='22px';
            });
        }
    });
    
    jQuery("#datefield_0").click(function (){
        jQuery("#datefield_0").attr("value","");
        $('datefield_0-trigger').simulate('click');     
        if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 8) {
            jQuery('.datePicker').each(function(idx,el){
                el.style.left='-80px';
                el.style.top='22px';
            });
        }
    });
    
    positionPopups();
    position();
}

function showInput(id){
    hideAllInput();
    jQuery('#input' + id).show();
    jQuery('#normal' + id).hide();
    
    initScroll();
}
         
function hideAllInput(){
    for (i = 1; i <= count; i++) {    
        jQuery('#input' + i).hide();
        jQuery('#normal' + i).show();
    }
    initScroll();
}

function positionPopups(){
    for(i=1;i<7;i++){
        jQuery('#popup'+i).css({
            'top':25
        });
    }
}
	
function showPopup(id){
    jQuery('#popup'+id).show();
}
	
function hidePopup(id){
    jQuery('#popup'+id).hide();
}
function position(){
    var browserWidth = jQuery(window).width();
    if(browserWidth < 1200){
        jQuery('.page').css({
            'margin-left' : '0%' , 
            'left' : '0px'
        });
        jQuery('.verticalLineLeft').css({
            'margin-left' : '0%' , 
            'left' : '0px'
        });
        jQuery('.verticalLineRight').css({
            'margin-left' : '0%' , 
            'left' : '1200px'
        });
    } else {
        jQuery('.page').css({
            'margin-left' : '50%' , 
            'left' : '-600px'
        });
        jQuery('.verticalLineRight').css({
            'margin-left' : '50%' , 
            'left' : '600px'
        });
        jQuery('.verticalLineLeft').css({
            'margin-left' : '50%' , 
            'left' : '-600px'
        });
    }
}
function initEditor(){
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        relative_urls : false,
        remove_script_host : false,
        plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",

        // Theme options
        theme_advanced_buttons1 : "styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "bold,italic,underline|,justifyleft,justifycenter,justifyright,justifyfull,|bullist,numlist,|,outdent,indent|,link,unlink,image|,preview,|,forecolor,backcolor, image",
        theme_advanced_buttons3 : "tablecontrols,|,nonbreaking,hr,removeformat,advhr,|,fullscreen",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)
        content_css : "css/content.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Style formats
        style_formats : [
        {
            title : 'Bold text', 
            inline : 'b'
        },

        {
            title : 'Red text', 
            inline : 'span', 
            styles : {
                color : '#ff0000'
            }
        },

        {
            title : 'Red header', 
            block : 'h1', 
            styles : {
                color : '#ff0000'
            }
        },

        {
            title : 'Example 1', 
            inline : 'span', 
            classes : 'example1'
        },

        {
            title : 'Example 2', 
            inline : 'span', 
            classes : 'example2'
        },

        {
            title : 'Table styles'
        },

        {
            title : 'Table row 1', 
            selector : 'tr', 
            classes : 'tablerow1'
        }
        ],

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    });
}