var IE = document.all?true:false;
var posx;
var posy;
function getMouse(event){
    posx=0;
    posy=0;
     
}

function view_thumb(event, imgsrc){
    document.getElementById("thumb_viewer").style.top = (event.clientY - 150) + "px";
    document.getElementById("thumb_viewer").style.left = (event.clientX  + 50)  + "px";
    document.getElementById("thumb_image").src=imgsrc;
    document.getElementById("thumb_viewer").style.visibility='visible';
        
}

function hide_thumb()
{
    document.getElementById("thumb_viewer").style.top = 0;
    document.getElementById("thumb_viewer").style.left = 0;
    document.getElementById("thumb_image").src="";
    document.getElementById("thumb_viewer").style.visibility='hidden';
}
function resizeThumb(img){
    if(img.width > 230){
	img.width = 230;
    }
    if(img.height > 120){
        img.height = 120;
    }
}
function showAlert(message){
    $('#aMsg').html(message);
    $('#alert-message').show();
    $('#message').fadeIn("fast");
    //setTimeout("hideMessages()",5000);
}
function showInfo(message){
    $('#iMsg').html(message);
    $('#info-message').show();
    $('#message').fadeIn("fast");
    //setTimeout("hideMessages()",1500);
}
function showSuccess(message){
    $('#sMsg').html(message);
    $('#success-message').show();
    $('#message').fadeIn("fast");
    setTimeout("hideMessages()",3000);
}
function hideMessages(){
    $('#alert-message').html("");
    $('#alert-message').hide();
    $('#info-message').html("");
    $('#info-message').hide();
    $('#success-message').html("");
    $('#success-message').hide();
    $('#message').fadeOut("slow")

}
function showMessage(msg,type){
    switch(type){
        case "info":
            $("body").append("<div id='message'><div id='info-message'><div id='iMsg'>" + msg + "</div><div><input type='button' class='btn' value='Sulje' onclick='hideMessage()' /></div></div></div>");
            $('#info-message').show();
            $('#message').fadeIn("fast");
            break;
        case "success":
            $("body").append("<div id='message'><div id='success-message'><div id='sMsg'>" + msg + "</div><div><input type='button' class='btn' value='Sulje' onclick='hideMessage()' /></div></div></div>");
            $('#success-message').show();
            $('#message').fadeIn("fast");
            setTimeout("hideMessage()",3000);
            break;
        case "alert":
            $("body").append("<div id='message'><div id='alert-message'><div id='aMsg'>" + msg + "</div><div><input type='button' class='btn' value='Sulje' onclick='hideMessage()' /></div></div></div>");
            $('#alert-message').show();
            $('#message').fadeIn("fast");
            break;
        default:
            break;
    }
}
function hideMessage(){
    $("#message").remove();
}
$(document).ready(function(){
    $('#main').fadeIn(500);
    $("#tabs").tabs({
        cookie: {}
    });
    //$("form.validate").validationEngine('attach');
    

    $("form.validate").each( function(){
        $(this).validate({
            onblur: true,
            focusInvalid:false,
            focusCleanup: true,
            errorPlacement: function(error, element) {
                error.insertBefore(element);
            }          
            
        });
    });
     $("div.accordion").each( function(){
        $(this).accordion({
            autoHeight: false,
            collapsible: true
        });
    });
    
    /*$('.datepickerclass').each(function(){
        $(this).datepicker({
            showOn: "button",
            buttonImage: "public/resources/icons/calendar.png",
            buttonImageOnly: true
	});
    });*/
    $('#helppi').dialog({ autoOpen: false });
    $('#error-dialog').dialog({ autoOpen: false });
    //$('#helppi').dialog('open');
});
function showPreview(img){
     var thumb = img.src;
     $("body").append("<p id='preview'><img class='preview' src='"+ thumb.replace("._thumb","") + "' title='Sulje klikkaamalla kuvaa' onclick='hidepreview()' onload='placeImg(this)' /></p>");
     $("#preview").fadeIn("fast");
}
function hidepreview(){
    $("#preview").remove();
}
function placeImg(img){
    if ($(window).width() > img.width){
         $("#preview").css("left",(($(window).width() - img.width) / 2) + "px")
     }
     if ($(window).height() > img.height){
         $("#preview").css("top",(($(window).height() - img.height) / 2) + "px")
     }
}
function hideHelp(){
    $("#help").fadeOut("fast");
}