/// コンテンツ閲覧画面_消しゴム書式オーバーレイ
/// <reference path="../common/js/avweb.js" />

/// <reference path="../common/js/screenLock.js" />

/// <reference path="../common/js/common.js" />

/// <reference path="../common/js/i18n.js" />

/// <reference path="../common/js/jquery-1.8.1.min.js" />

/// <reference path="../common/js/jquery-ui-1.8.23.custom.min.js" />

/// <reference path="../common/js/jquery.toastmessage.js" />

/// <reference path="../common/js/pageViewer.js" />

/// ===============================================================================================
/// Eraser group [start]
/// ===============================================================================================

// Show eraser
function ShowEraser(targetDiv) {   
    $('#dlgGomu').show();
    $('#dlgGomu').draggable();
    Eraser_SetDefaultValue();
    $('#dlgGomu').center();
};

// Set default value for easer.
function Eraser_SetDefaultValue() {
    var typeValue = undefined;
    typeValue = ClientData.erase_size();
    if (typeValue == 5) {
        $("#dlgGomu_rdo1").attr('checked', 'checked');
        $("#dlgGomu_rdo1").focus();
    }
    else if (typeValue == 12.5) {
        $("#dlgGomu_rdo2").attr('checked', 'checked');
        $("#dlgGomu_rdo2").focus();
    }
    else if (typeValue == 25) {
        $("#dlgGomu_rdo3").attr('checked', 'checked');
        $("#dlgGomu_rdo3").focus();
    }
    else if (typeValue == 50) {
        $("#dlgGomu_rdo4").attr('checked', 'checked');
        $("#dlgGomu_rdo4").focus();
    }
    else {
        typeValue = 5;
        $("#dlgGomu_rdo1").attr('checked', 'checked');
        $("#dlgGomu_rdo1").focus();
    }
    dlgGomu_chooseType(typeValue);
};
// Choose type of eraser, and draw to canvas
function dlgGomu_chooseType(typeValue) {

    var canvas = document.getElementById('dlgGomu_cvMain');

    if (canvas.getContext) {
        
        // use getContext to use the canvas for drawing
        var context = canvas.getContext('2d');
 
        //Start : Apply new Css - Editor : Long - Date : 09/06/2013 - Summary : Edit for new gomu panel
        context.clearRect(0, 0, canvas.width, canvas.height);
        var imageObj = new Image();
            imageObj.onload = function() {
                var pattern = context.createPattern(imageObj, 'repeat');
        
                context.rect(0, 0, canvas.width, canvas.height);
                context.fillStyle = pattern;
                context.fill();
                
                context.beginPath();
                     
                context.arc(canvas.width/2, canvas.height/2, typeValue, 0, 2 * Math.PI, true);
                context.stroke();               
            };
         imageObj.src = 'img/viewer/canvas_l.png';
        //End : Apply new Css - Editor : Long - Date : 09/06/2013 - Summary : Edit for new gomu panel

    }
};

function dlgGomu_rdo1_click() {
    dlgGomu_chooseType(5);
};
function dlgGomu_rdo2_click() {
    dlgGomu_chooseType(12.5);
};
function dlgGomu_rdo3_click() {
    dlgGomu_chooseType(25);
};
function dlgGomu_rdo4_click() {
    dlgGomu_chooseType(50);
};

// Event of button OK
function dlgGomu_dspOK_click() {

    // Set selected value to local storage
    var typeValue = undefined;

    if ($("#dlgGomu_rdo1").attr('checked') == 'checked') {
        typeValue = 5;
    }
    else if ($("#dlgGomu_rdo2").attr('checked') == 'checked') {
        typeValue = 12.5;
    }
    else if ($("#dlgGomu_rdo3").attr('checked') == 'checked') {
        typeValue = 25;
    }
    else if ($("#dlgGomu_rdo4").attr('checked') == 'checked') {
        typeValue = 50;
    }

    // Set value to local
    ClientData.erase_size(typeValue);
	eraseSize = typeValue;

    // Close dialog
    //$("#dlgGomu").dialog('close');
	/*$("#dlgGomu").fadeOut('medium', function(){
		//unlockLayout();
	});*/
	$("#dlgGomu").hide();
	
	/*enable button */
	enableButtonMarking();
	ClientData.IsAddingMarking(true);
	isAddingMarking = ClientData.IsAddingMarking();
	
	/* unlock dialog overlay */
	$("#overlay").hide();
	
	$('#dlgMarking_imgEraserOption').removeClass();
	$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
};
// Event of button cancel
function dlgGomu_dspCancel_click() {

    // Close dialog
	$("#dlgGomu").hide();
	
	/*enable button */
	enableButtonMarking();
	ClientData.IsAddingMarking(true);
	isAddingMarking = ClientData.IsAddingMarking();
	
	/* unlock dialog overlay */
	$("#overlay").hide();
	
	$('#dlgMarking_imgEraserOption').removeClass();
	$('#dlgMarking_imgEraserOption').addClass('eraser_option_hover');
};

function dlgGomu_rdo1_text_click(){
	$('#dlgGomu_rdo1').attr('checked','checked');
	$('#dlgGomu_rdo2').removeAttr('checked');
	$('#dlgGomu_rdo3').removeAttr('checked');
	$('#dlgGomu_rdo4').removeAttr('checked');
	dlgGomu_rdo1_click();
};

function dlgGomu_rdo2_text_click(){
	$('#dlgGomu_rdo1').removeAttr('checked');
	$('#dlgGomu_rdo2').attr('checked','checked');
	$('#dlgGomu_rdo3').removeAttr('checked');
	$('#dlgGomu_rdo4').removeAttr('checked');
	dlgGomu_rdo2_click();
};

function dlgGomu_rdo3_text_click(){
	$('#dlgGomu_rdo1').removeAttr('checked');
	$('#dlgGomu_rdo2').removeAttr('checked');
	$('#dlgGomu_rdo3').attr('checked','checked');
	$('#dlgGomu_rdo4').removeAttr('checked');
	dlgGomu_rdo3_click();
};

function dlgGomu_rdo4_text_click(){
	$('#dlgGomu_rdo1').removeAttr('checked');
	$('#dlgGomu_rdo2').removeAttr('checked');
	$('#dlgGomu_rdo3').removeAttr('checked');
	$('#dlgGomu_rdo4').attr('checked','checked');
	dlgGomu_rdo4_click();
};
/*
----------------------------------------------------------------------------
Event groups [start]
----------------------------------------------------------------------------
*/


/*
----------------------------------------------------------------------------
Event groups [ end ]
----------------------------------------------------------------------------
*/


function touchStart_BtnOk_Gomu(e){
	e.preventDefault();
	$('#dlgGomu').draggable("destroy");
	
	dlgGomu_dspOK_click();
	
};

function touchStart_BtnCancel_Gomu(e){
	e.preventDefault();
	$('#dlgGomu').draggable("destroy");
	
	dlgGomu_dspCancel_click();
};

// Setting dialog
$(function () {
    // ---------------------------------
    // Setup for easer [start]
    // ---------------------------------
	if(isTouchDevice() == true){
		document.getElementById('dlgGomu_dspOK').addEventListener('touchstart',touchStart_BtnOk_Gomu,false);
	 	document.getElementById('dlgGomu_dspCancel').addEventListener('touchstart',touchStart_BtnCancel_Gomu,false);
	}
		
    $("#dlgGomu_dspOK").click(dlgGomu_dspOK_click);
    $("#dlgGomu_dspCancel").click(dlgGomu_dspCancel_click);
    
    $("#text_dlgGomu_rdo1").click(dlgGomu_rdo1_text_click);
    $("#text_dlgGomu_rdo2").click(dlgGomu_rdo2_text_click);
    $("#text_dlgGomu_rdo3").click(dlgGomu_rdo3_text_click);
    $("#text_dlgGomu_rdo4").click(dlgGomu_rdo4_text_click);
    
});

/// ===============================================================================================
/// Eraser group [ end ]
/// ===============================================================================================