var u = false;
var matching = false;

function mainImage() {
	if(u===false) {
		u = true;
		matching = false;
		$('#imageType').html('Main');
		$('.isMatching').val('false');
		PageMethods.GetDepartments(OnGetDepartments);
	}
}

function matchImage() {
	if(u===false) {
		u = true;
		matching = true;
		$('#imageType').html('Matching');
		$('.isMatching').val('true');
		PageMethods.GetDepartments(OnGetDepartments);
	}
}

function setToDept(d) {
	if ($('#' + d, $('#deptList')).hasClass('selected'))
		return;
	if(u===false) {
		u = true;
		
		$('.hdnDepartmentID').attr('value', d);
		$('.hdnCategoryID').attr('value', '');
		
		$('a', $('#deptList')).removeClass('selected');
		$('#' + d, $('#deptList')).addClass('selected');
		
		PageMethods.GetCategories(d, OnGetCategories);
	}
}

function setToCat(c) {
	if ($('#' + c, $('#catList')).hasClass('selected'))
		return;
	if(u===false) {
		u = true;
		
		$('.hdnCategoryID').attr('value', c);
		
		$('a', $('#catList')).removeClass('selected');
		$('#' + c, $('#catList')).addClass('selected');
		
		var d = parseInt($('#deptList li a.selected').attr('id'));
		
		PageMethods.GetCustomImages(d, c, OnGetCustomImages);
	}
}

function OnGetDepartments(result) {
	$('#deptList').html(result);
	
	var d;
	if ($('.hdnDepartmentID').attr('value') == "") {
		d = parseInt($('#deptList li:first-child a').attr('id'));
		$('.hdnDepartmentID').attr('value', d);
	} else {
		d = parseInt($('.hdnDepartmentID').attr('value'));
	}
	
	$('a', $('#deptList')).removeClass('selected');
	$('#' + d, $('#deptList')).addClass('selected');
	
	PageMethods.GetCategories(d, OnGetCategories);
}

function OnGetCategories(result) {
	$('#catList').html(result);
	
	var c;
	if ($('.hdnCategoryID').attr('value') == "") {
		c = parseInt($('#catList li:first-child a').attr('id'));
		$('.hdnCategoryID').attr('value', c);
	} else {
		c = parseInt($('.hdnCategoryID').attr('value'));
	}
	
	var d = parseInt($('#deptList li a.selected').attr('id'));
	
	$('a', $('#catList')).removeClass('selected');
	$('#' + c, $('#catList')).addClass('selected');
	
	$('#imagePickerMenu').css('display','block');
	
	PageMethods.GetCustomImages(d, c, OnGetCustomImages);
}

function OnGetCustomImages(result) {
	$('#customSlider').html("Uploading custom images is only available in the full version");
	
	$('#customSlider').loopedSlider({slideClass:'custom'});
	
	var d = parseInt($('#deptList li a.selected').attr('id'));
	var c = parseInt($('#catList li a.selected').attr('id'));
	PageMethods.GetDefaultImages(d, c, OnGetDefaultImages);
}

function OnGetDefaultImages(result) {
	$('#defaultSlider').html(result);
	
	if (result == "") {
		$('#defaultTitle').css('display','none');
		u = false;
		return;
	}
	
	$('#defaultTitle').css('display','block');
	
	$('#defaultSlider').loopedSlider({slideClass:'default'});
	
	u = false;
}

function showMenu(id) {
    hideMenus();
    
    if ($('#hide' + id).length > 0)
        $('#hide' + id).show();
    $('#show' + id).show();
}

function hideMenus() {
    $('#imgList').find(".hideImage").each(function() {
        jQuery(this).hide();
    });
    
    $('#imgList').find(".showImage").each(function() {
        jQuery(this).hide();
    });
}

function setImage(id) {
	PageMethods.SetImage(id, matching, $('.hdnGuid').attr('value'), OnSetImage);
}

function OnSetImage(result) {
    $('.CertificatePreview').attr('src', result);
}

function hideImage(id) {
    if (confirm("Are you sure you want to permanently hide this image?"))
    {
	    PageMethods.HideImage(id, OnHideImage);
	}
}

function OnHideImage(result) {
    var d = parseInt($('#deptList li a.selected').attr('id'));
	var c = parseInt($('#catList li a.selected').attr('id'));
	PageMethods.GetCustomImages(d, c, OnGetCustomImages);
}

function closeImagePicker() {
    hideMenus();
    $('#imgUpload').hide();
	$('#imagePickerMenu').hide();
}

$(document).mousedown(function _checkExternalClick(event) {
	var $target = $(event.target);
	if (($target.parents('#imagePickerMenu').length == 0)) {
		closeImagePicker();
	}
	if (($target.parents('#imgUpload').length == 0))
		$('#imgUpload').hide();
});

$(document).ready(function() {
    var menu = "#imagePickerMenu";
    var below = $(menu).attr('below');
    if (below == null || below == "" || $("#" + below).length == 0) return;

    var el = "#" + below;

    //get the position of the placeholder element  
    var pos = $(el).offset();
    var eWidth = $(el).outerWidth();
    var mWidth = $(menu).outerWidth();
    var height = $(el).height();
    var left = (pos.left) + "px";
    var top = (pos.top + height) + "px";
    //show the menu directly over the placeholder  
    $(menu).css({
        position: 'absolute',
        zIndex: 5000,
        left: left,
        top: top
    });
});